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

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

html, body { margin: 0; padding: 0;  }
body { font: 100.01%/1.5 Arial, Verdana, Helvetica, sans-serif  ; }

a { color:#2f77ce; }
a:hover { color:#000; }

#footer a { color:#666666; }
#footer a:hover { color:#d8001c; }

/* =body class change 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body.yellow h1 a { background: url(images/bg-logo-yellow.jpg) no-repeat; }
body.blue h1 a { background: url(images/bg-logo-blue.jpg) no-repeat; }
body.light-blue h1 a { background: url(images/bg-logo-light-blue.jpg) no-repeat; }
body.dark-blue h1 a { background: url(images/bg-logo-dark-blue.jpg) no-repeat; }
body.green h1 a { background: url(images/bg-logo-green.jpg) no-repeat; }
body.pink h1 a { background: url(images/bg-logo-pink.jpg) no-repeat; }
body.purple h1 a { background: url(images/bg-logo-purple.jpg) no-repeat; }
body.red h1 a { background: url(images/bg-logo-red.jpg) no-repeat; }

body.red #content-1 		{ width: 878px; float: left; height: 392px; background: url(images/bg-content-1-red.jpg) no-repeat; padding: 26px 26px 0 26px}
body.yellow #content-1 		{ width: 878px; float: left; height: 392px; background: url(images/bg-content-1-yellow.jpg) no-repeat; padding: 26px 26px 0 26px}
body.light-blue #content-1 		{ width: 878px; float: left; height: 392px; background: url(images/bg-content-1-light-blue.jpg) no-repeat; padding: 26px 26px 0 26px}
body.dark-blue #content-1 		{ width: 878px; float: left; height: 392px; background: url(images/bg-content-1-dark-blue.jpg) no-repeat; padding: 26px 26px 0 26px}
body.blue #content-1 		{ width: 878px; float: left; height: 392px; background: url(images/bg-content-1-blue.jpg) no-repeat; padding: 26px 26px 0 26px}
body.green #content-1 		{ width: 878px; float: left; height: 392px; background: url(images/bg-content-1-green.jpg) no-repeat; padding: 26px 26px 0 26px}
body.pink #content-1 		{ width: 878px; float: left; height: 392px; background: url(images/bg-content-1-pink.jpg) no-repeat; padding: 26px 26px 0 26px}
body.purple #content-1 		{ width: 878px; float: left; height: 392px; background: url(images/bg-content-1-purple.jpg) no-repeat; padding: 26px 26px 0 26px}


/* =main structure 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#body { width: 930px; margin: 0 auto; padding: 25px 15px 15px 15px }  

#branding span { display: none;}
#branding 	{ overflow/**/:/**/hidden; height: 1%; margin: 0 0 26px 0;}
#branding-1 { float:right; margin-top:98px }
#branding-1 h2  { font-size:16px }

#header 	{ clear: both; background: url(/_assets/img/bg-header.gif) no-repeat; height: 168px; }

/*img*/

/*h1*/
h1 		{ float: left; width: 493px; }
h1 a 	{ display: block; background: url(images/bg-logo-red.jpg) no-repeat; height: 117px;}

/*h2*/
h2 { font-size: 19px; font-weight: normal; color: #3f3f3f }
h2.red { color: #d8001c }
h2.blue { color: #006aa0 }
h2.orange { color: #ff8a00 }
h2.green { color: #7d9700 }
h2.pink { color: #d40050 }
h2.turquoise { color: #1aa5ae }

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

/*h4*/
/*h5*/
/*h6*/

/*p*/
p { font-size: 12px; margin-bottom: 20px; color: #616161;}

/*blockquote*/
blockquote { font-size: 14px; margin-bottom: 20px; color: #616161; margin: 0;}

/* content
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content 	{ overflow/**/:/**/hidden; height: 1%; clear:both; margin-bottom: 20px;}

/* content-1 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-1 		{ width: 878px; float: left; height: 392px; background: url(images/bg-content-1-red.jpg) no-repeat; padding: 26px 26px 0 26px}
#content-1 h2 { font-size: 33px; color:#FFFFFF; line-height:1.15 }

/* content-2
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-2 	{ clear:both; overflow:hidden; height:1%; margin-bottom:10px }
#content-2 h2 { padding-bottom: 5px; margin-bottom:10px; border-bottom: 1px solid #e4e4e4;  }

#content-2pri { width:628px; float:left } 

#content-2sec { width:272px; float:right } 
#content-2sec em { font-style:normal; color:#d8001c }
#content-2sec h2.newsletter { font-size: 15px; border:0; padding: 0 }

#content-2sec ul li 	   			{ margin-bottom: 10px; list-style:none; overflow:hidden; height:1% }
#content-2sec ul li label 			{ display: block; margin-bottom: 5px;}
#content-2sec ul li input   		{ background: #e6e6e6; width: 195px; border: 0; padding: 6px; float:left; margin-right:5px}
#content-2sec li input.submit 		{ background: url(images/bg-content-2sec-submit.gif) no-repeat; border: 0; height: 27px; overflow: hidden; display: block; width: 60px; cursor: pointer; text-indent:-9999px; font-size: 0px; display:block; line-height: 0px; margin: 0}
#content-2sec ul li input.submit:hover { background-position: 0 -27px; }


/* content-3
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#content-3 	{ overflow:hidden; height:1% }
#content-3 h2 { padding-bottom: 5px; margin-bottom:10px; border-bottom: 1px solid #e4e4e4;  }

#content-3pri { width:628px; float:left } 

#content-3pri ul { overflow:hidden; height:1% }
#content-3pri ul li { width: 200px; margin: 0 24px 15px 0; float:left; list-style:none; color: #616161; padding: 0}
#content-3pri ul li.end { float:left; margin: 0 0 15px 0}
#content-3pri ul li.first { float:left; margin: 0 0 15px 0}
#content-3pri ul li ul  { }
#content-3pri ul li ul li { font-size: 13px; list-style-type:disc; list-style-position: inside; margin:0; }
#content-3pri ul li h2 { border:none; font-size:17px; padding:0 } 

#content-3sec { float:right; width:272px }


/* footer-1
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#footer 		{ background-color:#e6e6e6; padding:15px; overflow:hidden; height:1% }
#footer h2 		{ font-size: 14px; margin-bottom:4px}

#footer-1 		{ float:left; background: url(/_assets/img/bg-footer1-top.gif) no-repeat; font-size:11px; }
#footer-1 ul 	{  }
#footer-1 ul li { display: inline; color: #b2b2b2; font-size: 12px; margin-right:10px; color:#666666}
#footer-1 ul li a { color: #666666; text-decoration:none }
#footer-1 p 	{ margin:0; color:#666666 }

#footer-2 		{ float:right; width:141px }


/*ul 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
#branding ul { float: right; overflow/**/:/**/hidden; height: 1%; padding-top: 60px; }
#branding ul li { float: left; list-style: none; margin-left: 25px;  }
#branding ul li a { text-decoration: none;}

ul#social-bookmarks { overflow: hidden; float:right}
ul#social-bookmarks li { float: left; list-style:none; margin-right: 5px }
ul#social-bookmarks li a { text-decoration: none; display: block; height: 23px; background: url(images/bt-footer1-facebook.gif) no-repeat }
ul#social-bookmarks li.facebook a { width:23px }
ul#social-bookmarks li.twitter a { width:23px; background: url(images/bt-footer1-twitter.gif) no-repeat  }
ul#social-bookmarks li.flickr a { width:23px; background: url(images/bt-footer1-flickr.gif) no-repeat  }
ul#social-bookmarks li.youtube a { width:23px; background: url(images/bt-footer1-youtube.gif) no-repeat  }
ul#social-bookmarks li.vimeo a { width:23px; background: url(images/bt-footer1-vimeo.gif) no-repeat  }
ul#social-bookmarks li.linkedin a { width:23px; background: url(images/bt-footer1-linkedin.gif) no-repeat  }
ul#social-bookmarks li a:hover { background-position: 0 -23px }
ul#social-bookmarks p { margin: 0 }
ul#social-bookmarks span { display: none }


/*ol
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*dl
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*forms
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*tables
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/