/* 
Title: BlueSkyProperties.com
Author: team A design 
www.GoTeamA.com
*/

* { margin:0; padding:0; list-style:none; text-decoration:none; border:0; outline:none; }

html, body { height:100%; }

body { background:#e6ebf1 url(../img/sky-bg.jpg) repeat; font-family:"Maven Pro", Geneva, Arial, Helvetica, sans-serif; font-weight:400; font-size:100%; color:#3468b0; } 

a:link, a:visited { color:#264b7e; }
a:hover, a:active { color:#4286e4; }

.center { text-align:center; }
.left { float:left; }
.right { float:right; }
.clear { clear:both; }

strong { font-weight:700; text-transform:uppercase; }

small { font-size:16px; }

div#container { position:relative; width:960px; padding:0 10px; margin:0 auto; }

div#header { position:relative; background:#3468b0 url(../img/header-bg.jpg) no-repeat; width:100%; height:232px; }

div#header h1 { width:479px; height:64px; margin:0 auto; background:url(../img/blue-sky-properties.jpg) no-repeat; }
div#header h1 a { display:block; width:479px; height:64px; overflow:hidden; text-indent:-9999em; }

/*nav*/

#nav { width:100%; position:absolute; bottom:0; left:0; }
#nav li { float:left; width:240px; height:63px; background:url(../img/nav-off.png) no-repeat; text-align:center; line-height:63px; font-size:20px; font-weight:700; text-transform:uppercase; }
#nav li a { display:block; width:240px; height:63px; float:left; text-shadow:1px 1px 1px #a5b9c6; }
#nav li a:link, #nav li a:visited { color:#fff; }
#nav li a:hover { color:#333; }
#nav li a:active, #nav li.current a { color:#4b80c4; background:url(../img/nav-on.png) no-repeat; }

/* content */

div#main { clear:both; margin:40px 0 80px; }

#main:after { content:"."; display:block; height:0; line-height:0; clear:both; visibility:hidden; }
#main { display:inline-block; }
/* Hide from IE Mac \*/
 #main { display:block; }
/* End hide from IE Mac */
* html #main { height:1%; }

#main p { font-size:24px; line-height:40px; margin-bottom:40px; text-align:justify; }

#main p.small { font-size:16px; line-height:30px; text-align:left; }

.focus { width:290px; }
#main .focus p { font-size:40px; line-height:50px; font-variant:small-caps; padding-top:20px; text-align:left; }

.intro { background:#e4ebf0; border:1px solid #fff; padding:20px; width:590px; }

.col { width:460px; }

#main div.contact { margin:0 0 30px 240px; }
#main div.contact p { font-size:24px; line-height:36px; padding:0; margin:0; }
#main div.contact p span { color:#666; }

div#phone { background:url(../img/contact-phone.gif) top left no-repeat; padding:15px 0 0 180px; height:85px;  }
div#email { background:url(../img/contact-email.gif) top left no-repeat; padding:30px 0 0 180px; height:70px;  }
div#mail { background:url(../img/contact-mail.gif) top left no-repeat; padding:0 0 0 180px; height:100px;  }


/*footer*/

div#footer { clear:both; position:relative; background:#e4ebf0 url(../img/footer-bg.png) repeat-x top; width:460px; margin:0 auto; padding:30px 0; text-align:center; color:#5a7182; text-shadow:1px 1px 1px #fff; font-size:16px; border-top:1px solid #fff; }
div#footer ul { margin:0 0 20px; }
div#footer ul li { padding:0 0 5px; }
div#footer strong { font-size:18px; }
div#footer p { font-size:16px; margin:0; }