/* CSS layout | Padding, Margins, Borders, Floats, Position, Heights, Widths, Display*/

@import url(nav.css);
@import url(default.css);

body {
	text-align:center;
	background: #134a4b url(../images/body_bg.gif) repeat-x top left;
	font-family: “Lucida Grande”, Helvetica, Arial san serif;
    font-size: 13px;
    font-weight: normal;
    text-transform: normal;	
    letter-spacing: normal;
    line-height: 1.4em;
	color:#454545;
	}	

#container {
    margin:0 auto;
	position:relative;
	width: 784px;
	text-align:left;
	}

#branding {
    height: 131px;
	width: 100%;
	background-color:#005154;
	border-bottom:1px solid #044a4c;
	position:relative;
	}

#content {	
	position:relative;
	margin-top:39px;
    background-color:#fff;
	padding: 10px;
    width:764px;
	float:left;
	border: 1px solid #0f3a3b;
	}
	
#site_info {
    width:100%;
	color:#b1b1b1;
	margin-top:10px;
	padding: 15px 0 5px 0;
	float:left;
	line-height:1em;
	border-top:#d2eef3 1px solid;
	}
	
#site_info p{
    width:265px;
	text-align:right;
	padding-right:10px;
	float:left;
	}
	
#site_info ul{
    float:left;
	padding-left:10px;
	border-left: 1px solid #ccc;
	}
	
#banner {
    background:url(../images/banner_bg.jpg) no-repeat;
    width:763px;	
	height:259px;
	position:relative;
	}
	
#banner li {
    position:absolute;
	left: 284px;
	width: 479px;
	height:85px;
	display:block;
	}
	
#banner a {	
	width: 479px;
	height:85px;
	display:block;
	}
	
#banner a span p {
	color:#b8b8b8;
	}
	
#banner a:hover span p {
	color:#fff;
	}
	
#banner li span{
    width:280px;
	display:block;
	position:absolute;
	left:200px;
	top:12px;
	}
	
#location {
    top:0px;
	}
	
#location h4{
    background:url(../images/title_location.gif) no-repeat;
	width:92px;
	height:21px;
	text-indent:-9000px;
	position:absolute;
	top: 20px;
	left: 70px;
	}
	
#location img, #services img, #contact img {
    position:absolute;
	left:15px;
	top:15px;
	}
	
#services {
    top:85px;
	}
	
#services h4{
    background:url(../images/title_services.gif) no-repeat;
	width:83px;
	height:22px;
	text-indent:-9000px;
	position:absolute;
	top: 20px;
	left: 70px;
	}
	
#contact {
    top:170px;
	}	
	
#contact h4{
    background:url(../images/title_contact.gif) no-repeat;
	width:80px;
	height:22px;
	text-indent:-9000px;
	position:absolute;
	top: 20px;
	left: 70px;
	}			
	
#content_main {
    width:100%;
	}
	
.columns #content_main {
    width:625px; /* rule of 1.62 based on a 8 column grid @ 125px per column | 1000 / 8 = 125 | 5 8th's = 625px */
	float:left;
	}
	
.columns #content_sub1 {
    width: 375px; /* rule of 1.62 based on a 8 column grid @ 125px per column | 1000 - 625 = 375px */
	float:left;
	}
	
ul.offices_list {
    float:left;
	width:60%;
	}
	

#content_main iframe{
    float:left;
	width:276px;
	}
	
small {
    float:right;
	padding-right:8px;
	}	

#content_main blockquote {
	color:#90b5bc;
	font-style:italic;
	font-size:18px;
	font-family: Cambria, Georgia, serif;
	line-height: 1.5em;
	width: 90%;
	padding: 0 5%;
	text-align:center;
	position:relative;
	left: 0;
	top:0;
}		
	
#content_main img {
    float:right;
	padding:5px;
	margin: 10px;
	border:1px solid #b0cfd4;
	}
	
#pageHistory #content_main img {
    float:left;
	}
	
#content_main li {
	background:url(../images/bullet-item.gif) no-repeat left;
	margin-left:10;
	padding-left: 18px;
	}
	
/* ALL H' TAGS
============================================= */

h1 {
    background: url(../images/stephen_boyd_logo.gif) no-repeat;
	width: 244px;
	height: 64px;
	position:absolute;
	top: 19px;
	left:27px;;
	}
	
h1 a {
    text-indent:-9000px;
	display:block;
	width: 243px;
	height: 61px;
	}
	
#banner a span h5 {
    color:#81a1a6;
	font-size:14px;
	font-weight:normal;
	}	
	
#banner a:hover h5 {
    color:#c6f6fd;
    }	
	
/* ALL Classes
============================================= */
	

.adr_details {
    width:100%;
	float:left;
	margin-top:15px;
	}
	
li p{
	width:90%;
	}		
	
#content_main .vcard {
	padding-bottom:15px;
	}	
	
.vcard li {
    margin-top:5px;
    padding-left:35px;
	float:left;
	width:100%;
    font-size: 11px;
    line-height: 1.3em;
	background:none !important; 
    }

.para {
    padding:0!important;
    font-size: 13px!important;
    line-height: 1.3em!important;
	}	
	
.adr {
    background:url(../images/adr.gif) no-repeat scroll left top;
    }
	
.telephone {
    background:url(../images/icon_telephone.gif) no-repeat left top;
	}
	
.fax {
    background:url(../images/icon_fax.gif) no-repeat left top;
	}			
	
.article_title {
    color:#79b9c4 !important;
    font-size:14px;
    }	
	
.emph, .emph_lrg {
   color:#77969c;
	font-size:14px;
	width: 90%;
	padding: 0 5%;
	text-align:center;
   }	
	
.emph_lrg {
	font-size:16px;
	margin-bottom:15px;
	}
	
.li_img_contain {
    float:right !important; width:auto  !important;
	}