/*
Title:      		LHM Media website
Authors:     		David Martin ©2008 http://www.lhmmedia.com/
*/

/* =Defult 
-------------------------------------------------------------------------------------------------------------------------*/
* { margin: 0; padding: 0; }
ul, img { border: none; margin: 0; padding: 0; }

html { background: url(/_assets/img/bg-html.jpg) repeat-x;}
body { background: url(/_assets/img/bg-body.jpg) 50% 0 no-repeat; font: 100.01%/1.3 "Trebuchet MS", tahoma, arial, Helvetica, Sans-Serif; padding-bottom: 20px;}

#wrapper { width: 940px; margin: 0 auto; }

a { color:#189bc8; }
a:hover { color:#013f66; }

/* =main structure 
-------------------------------------------------------------------------------------------------------------------------*/
#branding { overflow/**/:/**/hidden; height:1%; margin-bottom:30px; }

#content { margin-bottom: 30px; overflow/**/:/**/hidden; height:1%;}

#footer { border-bottom: 1px solid #d1d1d1; overflow/**/:/**/hidden; height:1%; padding-bottom: 5px;}
#footer-2 { margin-left: -8px; font-size: 75%}

/* =sub structure 
-------------------------------------------------------------------------------------------------------------------------*/
#content-pri { margin: 0 0 25px 0px; background: url(/_assets/img/bg-content-pri.gif) 0 100% no-repeat; height: 83px;}
#content-sec { padding-top: 10px; }
#content-sec img { line-height: 0; padding: 0; margin: 0;}

#content-1 { background: url(/_assets/img/bg-content-1.png); padding: 2px 12px 2px 12px; margin-bottom: 20px; height: 82px}
#content-2 { float: left; width: 195px; }
#content-3 { float: right; width: 710px; }
#content-4 { padding: 0 15px; }

.content-3qua { overflow/**/:/**/hidden; height:1%; margin-bottom: 20px;}
.content-3qua img   { float: left;  }
.content-3qua h3    { margin-left: 420px;  }
.content-3qua p     { margin-left: 420px;  }

.content-3qui   { width: 100% }
.content-3qui-left { float:left; width: 290px; }
.content-3qui-right { float:right; width: 375px; }
.content-3qui img  { border-bottom: solid 1px #999999; margin-bottom: 10px }


/* =headers & paragraphs 
-------------------------------------------------------------------------------------------------------------------------*/

/*h1*/
/*h2*/
#content-pri h2 { display: none;}
#content-1 h2 { line-height: 0.8; font-size: 58px; margin-bottom: 0;}

#content-3 h2   { font-size: 18px; color: #666; margin-bottom: 8px; font-weight:normal}
#content-4 h2   { font-size: 18px; color: #189bc8; margin-bottom: 15px; border-bottom: 1px solid #d3d3d3;}
#content-4 h2.spacer { padding-top: 10px; }

/*h3*/
h3   { font-size: 18px; font-weight: normal;}

#content-pri h3 span { display: none;}

#content-sec h3 { border-bottom: 1px solid #83c2da; color: #2794bf; font-size: 17px; margin-bottom: 8px; }
#content-1 h3   { margin-top: -18px; line-height: 1.4;  font-size:18px; width: 900px; }
#content-3 h3   { font-size: 16px; color: #189bc8; margin-bottom: 0; font-weight: bold; }
#content-3 h3.margin   { margin-bottom: 15px; }
#content-4 h3   { font-size: 18px; color: #666; margin-bottom: 0;}

#content-sec h3.margin { margin-bottom: 35px; }

/*h4*/
#content-3 h4   { font-size: 16px; color: #555; margin-bottom: 0; font-weight: bold; }

/*h5*/
/*h6*/

/*p*/
#footer p               { color: #999; font-size: 11px; float: left; }
#footer p.info          { padding: 0px; margin: 0px; color: #666666;}
#footer p.details       { padding: 0px; margin: 0px; color: #666666; float: right;}
#footer p.details a     { color: #666; text-decoration: none; }
#footer p.details a:hover { color: #189bc8; }
#content p              { color: #666; font-size: 12px; margin-bottom: 20px; line-height: 1.5;}
#content p.margin-top   { margin-top: 20px}
#content p.margin-none  { margin: 0 0 0 0}



/*p a*/
p.blocklink     { padding-top: 5px; }
p.blocklink a   { background: #3299c2; width: auto; padding: 4px 7px; color: #fff; text-decoration: none; font-size: 11px;}
p.blocklink a:hover { background: #013f66; }
p.info a { color: #666666; text-decoration: none}
p.info a:hover { color: #013f66; }

p.email a { display: block; width: 134px; height: 13px; background: url(/_assets/img/bg-email.gif) ; }
/* =ul 
-------------------------------------------------------------------------------------------------------------------------*/
#branding ul         { float: right; overflow/**/:/**/hidden; height:1%; margin-top: 120px; width: 717px; border-bottom: 1px solid #fff; list-style: none;}
#branding ul li      { float: left; list-style: none; margin-right: 15px; }
#branding ul li span { display: none;}
#branding ul li.end  { float: right; margin: 2px 0 5px 0; background: url(/_assets/img/brand-img-contact-number.gif) 0  no-repeat; height: 18px; width: 186px;}
#branding ul li p    { color: #FFFFFF; font-weight: bold}

#branding ul li a { display: block; background: url(/_assets/img/bg-nav-item1.gif) 0 2px no-repeat; height: 17px; width: 38px; margin: 4px 0 0; padding: 2px 0 3px 0;}
#branding ul li a:hover { padding: 2px 0; border-bottom: 1px solid #fff;}

#branding ul li#item2 a {background-image: url(/_assets/img/bg-nav-item2.gif); width: 40px;}
#branding ul li#item3 a {background-image: url(/_assets/img/bg-nav-item3.gif); width: 56px;}
#branding ul li#item4 a {background-image: url(/_assets/img/bg-nav-item4.gif); width: 62px;}
#branding ul li#item5 a {background-image: url(/_assets/img/bg-nav-item5.gif); width: 35px;}
#branding ul li#item6 a {background-image: url(/_assets/img/bg-nav-item6.gif); width: 30px;}
#branding ul li#item8 a {background-image: url(/_assets/img/bg-nav-item8.gif); width: 29px;}
#branding ul li#item7 a {background-image: url(/_assets/img/bg-nav-item7.gif); width: 54px;}


#branding ul li a.active { background-position: 0 -21px; width: 51px; border-bottom: 1px solid #fff; padding: 2px 0;}
#branding ul li#item2 a.active { width: 53px; }
#branding ul li#item3 a.active { width: 76px;}
#branding ul li#item4 a.active { width: 80px;}
#branding ul li#item5 a.active { width: 47px;}
#branding ul li#item6 a.active { width: 38px;}
#branding ul li#item8 a.active { width: 29px;}
#branding ul li#item7 a.active { background-position: 0 -20px; width: 69px;}

#content-3 ul.content-genral { color: #189bc8; font-size: 12px; list-style: square; margin: 5px 0 20px 18px;}
#content-3 ul.content-genral li p { margin-bottom: 3px;}

ul#content-ter { list-style: none; overflow/**/:/**/hidden; height:1%; margin-bottom: 30px; }
ul#content-ter li { float: left; width: 600px; margin-right: 24px; }
ul#content-ter li.end { float: right; margin: 0; width: 300px;}
ul#content-ter li img { }
ul#content-ter li h4 { color: #2794bf; margin-bottom: 5px; margin-top:-7px; font-size: 16px; font-weight: normal;  }
ul#content-ter li p { margin-bottom: 20px; font-size: 14px;}
ul#content-ter li a.bcca { float: left; margin-top: 40px }

#content-2 ul { padding-top: 3px;}
#content-2 ul li { border-bottom: 1px solid #98ccdf; margin-bottom: 5px; padding-bottom: 8px;}
#content-2 ul li a { text-decoration: none; font-size: 14px;}
#content-2 ul li.active a { color: #666; font-weight: bold; font-size: 16px; }

ul#content-3pri { overflow/**/:/**/hidden; height:1%; list-style: none; color: #189bc8; margin-bottom: 15px;}
ul#content-3pri li { float: left; width: 212px; margin: 0 24px 15px 0;  }
ul#content-3pri li.top  { height: 295px; }
ul#content-3pri li.end  { margin-right: 0; }
ul#content-3pri li img  { margin-bottom: 5px; }
ul#content-3pri li h3   { margin: 0 0 3px 10px; font-weight: bold; }

ul#content-3pri ul    { margin: 0 0 0 25px; width: auto; }
ul#content-3pri ul li { float: none; width: auto; margin: 0; height: auto; list-style: square; font-size: 10px;}
ul#content-3pri ul li p { font-size: 12px; margin-bottom: 0; color: #189bc8;}

ul#content-3sec { overflow/**/:/**/hidden; height:1%; list-style: none; color: #189bc8;}
ul#content-3sec li { float: left; width: 212px; margin: 0 24px 15px 0; height: 210px; }
ul#content-3sec li.end  { margin-right: 0; }
ul#content-3sec li img  { line-height: 0; border-bottom: 1px solid #d3d3d3; }
ul#content-3sec li h3   { padding-top: 5px;  font-weight: normal; padding-left: 10px; font-size: 15px;}
ul#content-3sec li p    { padding-left: 10px; font-size: 12px; color: #333;}
ul#content-3sec li p em   { color: #666; font-size: 11px; font-style: normal;}

ul#content-3ter { overflow/**/:/**/hidden; height:1%; list-style: none; }
ul#content-3ter li { float: left; width: 145px; margin: 0 28px 15px 0; }
ul#content-3ter li img  { border: 1px solid #d3d3d3; margin-bottom: 3px; }


#footer ul    { font-size: 11px; float: right; list-style: none;}
#footer ul li { float: left; margin-right: 16px; }
#footer ul li.end { margin-right: 0; }
#footer ul li a { display: block; color: #858585; text-decoration: none;}
#footer ul li a:hover { color: #013f66;}
#footer ul li.rss { background: url(/_assets/img/ico-rss.gif) no-repeat; padding-left: 20px; height: 15px; }

#footer-2 ul { padding-top: 10px; list-style: none; overflow: hidden; height: 1%;} 
#footer-2 ul li { float: left; margin: 0 8px 0 0;} 
#footer-2 ul li a { margin: 0 0 0 8px; color: #858585; text-decoration: none;} 
#footer-2 ul li a:hover { color: #189bc8;} 
#footer-2 ul li.end { margin: 0 3px 0 0;}
#footer-2 ul li p    { margin-left: 5px; color:#666666; font-size: 11px}

#textarea { overflow/**/:/**/hidden; height:1%; list-style: none; color: #189bc8; float: right; width: 290px}
#textarea li { width: 212px; margin: 0 24px 15px 0; height: 210px; }
#textarea li.end  { margin-right: 0; }
#textarea p { font-size: 90% }
#textarea span { color: #333333; font-size: 90%; font-weight:bold}
#textarea a.bcca { float: left; margin-top: 20px }

#imagearea { color:#006CA8; height:449px; overflow:hidden; position:relative; width: 610px; float: left}
#imagearea img { display:block; height:449px; width: 610px; }
#imagearea a { display:block; position:absolute; }

/* =ol 
-------------------------------------------------------------------------------------------------------------------------*/
#branding ol { float: right; overflow/**/:/**/hidden; height:1%; margin-top: 5px; width: 717px; list-style: none; }
#branding ol li { color: #7ec6e1; font-size: 11px; float: left; margin-right: 5px;}
#branding ol li a { color: #b8ddea; text-decoration: none;}
#branding ol li a:hover { color: #fff; }

/* =dl 
-------------------------------------------------------------------------------------------------------------------------*/
/* =forms 
-------------------------------------------------------------------------------------------------------------------------*/
/* =tabels 
-------------------------------------------------------------------------------------------------------------------------*/
/* =sifr 
-------------------------------------------------------------------------------------------------------------------------*/
/*---- sIFR ---*/
.sIFR-flash { visibility: visible !important; margin: 0; padding: 0;}
.sIFR-replaced { visibility: visible !important; }
.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] { display: none !important; }

/* =swfobject 
-------------------------------------------------------------------------------------------------------------------------*/

#footer-1 		{ background: url(/_assets/img/bg-footer1-top.gif) no-repeat; margin: 40px 0 20px 0; float: left; width: 100%}
#footer-1 .bot 	{ background: url(/_assets/img/bg-footer1-bo.gif) 0 100% no-repeat; padding: 18px 22px; overflow/**/:/**/hidden; height: 1%; background-color: #e0f0f6}

#footer-1pri 	{ float: left; width: 255px; margin-right: 58px; }
#footer-1sec 	{ float: left; width: 255px; margin-right: 58px; }
#footer-1ter 	{ float: left; width: 255px; }

#footer-1 p { margin-bottom: 0;}
#footer-1 h2 { font-size: 19px; color: #3299c2; margin-bottom: 10px}

ul#content-news-hpa { list-style: none;}
ul#content-news-hpa li { border-bottom: 1px solid #ebebeb; margin-bottom: 12px;}
ul#content-news-hpa li.end { border: 0; margin-bottom: 0;}
ul#content-news-hpa li p { margin-bottom: 12px; }

ul#content-news-pa { list-style: none;}
ul#content-news-pa li p { list-style: none; border-bottom: 1px dotted #86b2d6; padding: 3px 0 3px 0}
ul#content-news-pa li.top p { list-style: none; border-top: 1px dotted #86b2d6; padding: 3px 0 3px 0}
ul#content-news-pa li p a{ text-decoration: none; }


blockquote { font-size: 15px; margin-bottom: 20px; color: #3299c2; margin: 0;}

ul#content-newsletter 				  { float: left; background-color: #bddfec; padding: 10px 10px 10px 10px; margin-top: 10px; width: 90%}
ul#content-newsletter li 			  { float: left; overflow/**/:/**/hidden; height: 1%; list-style: none; }
ul#content-newsletter li label 		  { font-size: 14px; float: left; width: 50px; margin-top: 2px;}
ul#content-newsletter li input.txt 	  { width: 164px; padding: 2px;}
ul#content-newsletter li input.submit { float: right; padding: 2px 4px; margin-left:10px; background: url(/_assets/img/ico-submit.gif) no-repeat; border:none; width: 46px; height: 25px}

ul#new { overflow: hidden; height:1%; } 
ul#new li span { display: none;}
ul#new li { float: left; display:block;}
ul#new li a { width: 234px; height: 136px; background: url(/_assets/img/img-home-1.gif) no-repeat; display:block;}
ul#new li a:hover { background-position: 0 -136px; }

ul#new li.item2 a { width: 236px; background-image: url(/_assets/img/img-home-2.gif); }
ul#new li.item3 a { width: 235px; background-image: url(/_assets/img/img-home-3.gif); }
ul#new li.item4 a { width: 235px; background-image: url(/_assets/img/img-home-4.gif); }