html{background:url(../images/headbg2.gif) repeat-x top left #fff;}
html, body {height:100%; color:#333; margin: 0px 0px 0px 0px;}
.rss_item {
color:#333;
list-style:none;
padding-bottom:1em;
}
.rss_item a {
color: #102C41;
}
.rss_date {
font-size: 9pt;
font-style:italic;
color: #666;
}
/* Type and Font
--- */
body {font: 13px 'Georgia', Times, serif;}
p {font: 13px 'Georgia', Times, serif; color:#333; line-height: 1.50;}
h1 {font: bold 24px/8px 'Oswald', Serif; text-transform:uppercase;}
h2 {font: 18px/8px 'Oswald', Serif; text-transform:uppercase; letter-spacing: -0.05em; color:#102C41;}
h3 {font: 18px/18px 'Oswald', Serif; text-transform:uppercase; letter-spacing: -0.05em; color:#102C41;}
h4 {font: 16px/32px 'Oswald', Serif; text-transform:uppercase; letter-spacing: -0.05em; color:#102C41;}
h5 {font: 16px/32px 'Oswald', Serif; text-transform:uppercase; letter-spacing: -0.05em; color:#102C41;}
h6 {font: 16px/32px 'Oswald', Serif; text-transform:uppercase; letter-spacing: -0.05em; color:#102C41;}
a {text-decoration:none; color:#102C41;}
a:hover{color:#3EA1EB;}
/* Structure
--- */
.wrap { width: 864px; margin:0 auto; position:relative; }
body > .wrap{min-height:100%;}
#logo {font: normal 32px/24px 'Oswald', Serif;text-transform:uppercase; color:#F6F6F6;position:absolute; bottom:4px; left:0px;}
#logo:hover{opacity:.8;}
#content {overflow:hidden; padding-bottom:72px;padding-top:36px;}
.home #content{padding-top:0;}
.img {border:0; }
/* Navigation and Header Area
--- */
header.main{padding-top:0px;}
.head {overflow:hidden; position:relative; /*background:#7cb0b3 url(../images/bg2.png);*/position:relative;height:90px;border-bottom:0px solid #333;border-top:5px solid #3EA1EB;}
.head nav.main {position:absolute;right:0;bottom:0;display:block; overflow:hidden;margin-top:20px;}
.head nav.main a {font: normal 15px/12px Oswald, Serif; color:#F6F6F6; text-transform:uppercase; letter-spacing: -0.05em; float:left;padding:12px 16px 8px;border-right:1px dotted #aaa;}
.head nav.main a:hover{opacity:.8;}
.head nav.main a:first-child {margin:0;border-left:1px dotted #aaa;}
.sep{height:25px;}
ul.tabs {margin: 0; padding: 0 0 0 0;}
li.tab {display: inline; padding: 4px .4em 2px .4em; list-style: none; cursor: pointer; font: normal 15px/12px Oswald, Serif; color:#F6F6F6; text-transform:uppercase; letter-spacing: -0.05em; float:left; padding:12px 16px 8px; border-right:0px dotted #ccc;}
li.tab.active {text-decoration: none; background-color: #3EA1EB;}
div.content {}
/* Gallery Container and Dropshadow
---*/
#gallerycontainer {width:835px; margin:0px auto; height:400px;background:#fff;padding:12px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
#aboutmecontainer {width:835px; margin:0px auto; height:400px;background:#fff;padding:12px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.2);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.2);
box-shadow: 0 1px 3px rgba(0,0,0,.2);
}
/* Home Content
--- */
#homepagecontent-sections {width:860px; margin-bottom:18px; margin-top:15px; padding-left:5px; overflow:hidden; background:url(../images/dots.png) repeat-x 0 100%;}
#homepagecontent-sections article {width:250px; height:160px; float:left; margin-right:36px; position:relative; color:#555;}
#homepagecontent-sections article .more {margin-top:5px;}
#homepagenews-sections {overflow:hidden; width:932px; padding-left:5px;}
#homepagenews-sections article{width:408px; float:left; margin-right:0px; padding-right:20px; background:url(../images/dots-vert.png) repeat-y 100% 0;}
#homepagenews-sections .featured {width:395px; float:left; margin-right:0px; padding-left:20px;}
#homepagenews-sections .featured h3{background:url(../images/feat.png) no-repeat;padding-left:25px;}
#homepagenews-sections .news h3{background:url(../images/news.png) no-repeat;padding-left:40px;}
/* Contact Content
--- */
#contactcontent-sections{width:860px; margin-bottom:18px; margin-top:15px; padding-left:5px; overflow:hidden;}
#contactcontent-sections article{width:408px; float:left; margin-right:0px; padding-right:20px; background:url(../images/dots-vert.png) repeat-y 100% 0;}
#contactcontent-sections article .more {margin-top:5px;}
#contactcontent-sections {overflow:hidden; width:932px; padding-left:5px;}
#contactcontent-sections .email {width:395px; float:left; margin-right:0px; padding-left:20px;}
#contactcontent-sections .social-media h4{background:url(../images/foursquare-logo.png) no-repeat;padding-left:40px;}
#contactcontent-sections .social-media h5{background:url(../images/linkedin-logo.png) no-repeat;padding-left:40px;}
#contactcontent-sections .social-media h6{background:url(../images/twitter-logo.png) no-repeat;padding-left:40px;}
/* Links with Arrows
--- */
a.more{display:inline-block;padding:4px 12px;background:#eee url(../images/bg2.png);color:#333;font-style:italic;border-bottom:1px solid #fff;border-right:1px solid #fff;border-top:1px solid #ddd;border-left:1px solid #ddd;font-size:12px;}
a.more:hover{background-color:#102C41;color:#fff;}
hr {height: 1px; border-top-width: 1px; border-top-style: dotted; border-top-color: #999999; padding: 0px; margin-top: 20px; margin-bottom: 20px; display: block; border-bottom-width: 0px; border-bottom-style: none;}
/* Footer
--- */
footer.main {background:#333 url(../images/bg-bottom.png); height:20px;padding:8px 0;background:url(../images/dots.png) repeat-x top; overflow:hidden; margin-top:-37px;margin-left:auto;margin-right:auto;width:864px;}
footer.main .wrap *{display:inline;font:11px georgia, serif;}
footer.main .wrap h2{display:none;}
footer.main nav{margin-right:32px;float:left;height:20px;margin-left:-3px;line-height:20px;}
footer.main nav a{float:right;padding: 3px 6px;color:#666;}
footer.main nav a:hover{color:#3EA1EB;}
footer.main p.made{float:right;margin-top:3px;color:#aaa;}
footer.main p.made a{color:#102C41;}
footer.main p.made a:hover{color:#3EA1EB;}
/* Email Form
---*/
.clear {clear:both}
.block {
width:400px;
margin:0 auto;
text-align:left;
}
.element * {
padding:5px;
margin:2px;
font-size:12px;
}
.element label {
float:left;
width:75px;
font-weight:700
}
.element input.text {
float:left;
width:270px;
padding-left:10px;
font: 13px 'Georgia', Times, serif; color:#333;
}
.element .textarea {
height:120px;
width:270px;
padding-left:10px;
font: 13px 'Georgia', Times, serif; color:#333;
}
.element .hightlight {
border:2px solid #9F1319;
background:url(../images/iconCaution.gif) no-repeat 2px
}
.element #submit {
float:right;
margin-right:20px;
display:inline-block;
padding:4px 12px;
background:#eee url(../images/bg2.png);
color:#333;
font-style:italic;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
border-top:1px solid #ddd;
border-left:1px solid #ddd;
font-size:12px;
}
.loading {
float:right;
background:url(../images/ajax-loader.gif) no-repeat 1px;
height:28px;
width:28px;
display:none;
}
.done {
background:url(../images/iconIdea.gif) no-repeat 2px;
padding-left:20px;
font-size:12px;
width:70%;
margin:20px auto;
display:none
}