/* CSS Document for http://www.gavinryan.com | Version 1
   Author - textboxdesign | Hosting Ireland | 
   http://www.textboxdesign.com | March 2008 */

/* =body declarations for body | ###IEB[]XHACK### 
	Body aligned to centered for browsers then 
countered to left for IE with #center division
==================================================*/

body{
	text-align: center;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #F2F2F1;
	color: #f0f0ef;
	line-height: 14px;
	height: 100%;
	}
	
#center{
	width: 1039px;
	text-align: left;
	background-image: url(../images/site-bg.jpg);
	background-repeat: repeat-y;
	padding-bottom: 10px;
	margin: auto;
	padding-right: 10px;
	padding-left: 10px;
}

#top{
	color: #000000;
	height: 106px;
	padding-left: 12px;
}

#banner{
}

#navigationbar{
	background-color: #66CC99;
	height: 30px;
}

#maincontentarea{
	height: 460px;
}

#maincontentarea2{
	height: 700px;
}

#maincontentarea3{
	padding-bottom: 20px;
}

#maincontentarea4{
	height: 1000px;
}

#leftcontentarea{
	background-color: #FAF1DF;
	float: left;
	width: 480px;
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 10px;
	margin-left: 20px;
	overflow: auto;
	height: 410px;
	padding-right: 10px;
}

#leftvideoarea{
	background-color: #FAF1DF;
	float: left;
	width: 427px;
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 10px;
	margin-left: 45px;
	height: 410px;
	padding: 10px;
}


.leftvideoarea{
	background-color: #FAF1DF;
	float: left;
	width: 427px;
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 10px;
	margin-left: 45px;
	height: 450px;
	padding: 10px;
}


#leftvideoarea1{
	background-color: #FAF1DF;
	float: left;
	width: 467px;
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 10px;
	margin-left: 25px;
	height: 410px;
	padding: 10px;
}

#leftvideoarea3{
	background-color: #FAF1DF;
	float: left;
	width: 467px;
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 10px;
	margin-left: 25px;
	padding: 10px;
}


#gallery{
	background-color: #faf1df;
	width: 485px;
	margin-top: 13px;
	padding-left: 10px;
}

#galleryholder{
	background-color: #faf1df;
	width: 965px;
	margin-top: 15px;
	padding-left: 10px;
	height: 400px;
	margin-left: 20px;
	margin-right: 20px;
	padding-right: 20px;
}

#galleryholder2{
	background-color: #faf1df;
	width: 965px;
	margin-top: 15px;
	padding-left: 10px;
	height: 650px;
	margin-left: 20px;
	margin-right: 20px;
	padding-right: 20px;
}


#pressholder{
	background-color: #faf1df;
	width: 965px;
	margin-top: 15px;
	padding-left: 10px;
	margin-left: 20px;
	margin-right: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
}


#rightvideoarea{
	background-color: #FAF1DF;
	float: left;
	width: 427px;
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 10px;
	margin-left: 35px;
	height: 410px;
	padding: 10px;
}

.rightvideoarea{
	background-color: #FAF1DF;
	float: left;
	width: 427px;
	margin-top: 10px;
	margin-right: 12px;
	margin-bottom: 10px;
	margin-left: 35px;
	height: 450px;
	padding: 10px;
}

#rightvideoarea2{
	background-color: #FAF1DF;
	float: left;
	width: 467px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	height: 410px;
	padding: 10px;
}

#rightvideoarea3{
	background-color: #FAF1DF;
	float: left;
	width: 467px;
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	padding: 10px;
}

#latest{
	background-color: #faf1df;
	width: 465px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
}


#myspace{
	background-color: #faf1df;
	width: 485px;
}



#mailinglist{
	background-color: #faf1df;
	width: 475px;
	margin-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
}



.titleimg{
	padding-bottom: 8px;
}

.floatimgright{
	float: right;

}

.floatimgleft{
	float: left;
	margin-right: 12px;
	border: 1px solid #000000;
	margin-bottom: 20px;
	margin-left: 12px;
}


.input{
	background-color: #f3e4c6;
	margin-right: 10px;
}

#rightcontentarea{
	float: left;
	width: 490px;
	margin: 10px;
}

.leftcontentbox{
	background-color: #CCCCCC;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

.rightcontentbox{
	background-color: #333333;
	padding-bottom: 10px;
	margin-bottom: 5px;
}


#footerarea{
	background-color: #CC6666;
	height: 30px;
}

#inline{
	clear: both;
}

/* =img, divs | for transparent pngs in IE5+
==================================================*/



/* =divs | declarations for divisions 
   during initial border layout
==================================================*/



/* =banner | banner image at top of page
==================================================*/

#banner-container{
	background-image: url(../images/tmh-solutions-banner.gif);
	background-repeat: no-repeat;
	height: 101px;
	margin-bottom: 6px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}


.logo{
	float: left;
}


p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: 1px;
	color: #333333;
	margin: 0px;
	padding: 0px;
}


#nav{
	float: left;
	width: 600px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 60px;
	color: #CCCCCC;
	font-weight: normal;
}

#main-img-container{
	width: 756px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: url(../images/content-bg.jpg);
	background-repeat: repeat-y;
}

#rollover-container{
	width: 756px;
	margin-right: auto;
	margin-left: auto;
}

#links-main{
	margin-top: 6px;
	margin-bottom: 10px;
	background-position: top;

}

#spacer{
	clear: both;
	height: 2px;
	width: 1039px;
}






/* =links
==================================================*/
a:link {
	color: #D34400;
	text-decoration: none;
}

a:visited {
	color: #D34400;
	text-decoration: underline;
}

a:hover {
	color: #D34400;
	text-decoration: underline;
}


/* =footer links
==================================================*/
a.footer {
	color: #817D7C;
	text-decoration: none;
	font-size: 10px;
}

a.footer:hover {
	color: #000000;
	text-decoration: underline;
	font-size: 10px;
}





/* =exterior links
==================================================*/
a.exterior {
	color: #999999;
	text-decoration: none;
	font-size: 9px;
}

a.exterior:hover {
	color: #3C4A71;
	text-decoration: underline;
	font-size: 9px;
}




/* =nav links
==================================================*/
a.nav {
	color: #5F5F5F;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	margin-right: 30px;
	margin-top: 30px;
	padding-top: 30px 
}

a.nav:hover {
	color: #E8270B;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	margin-right: 30px;
	margin-top: 30px;
	padding-top: 30px
}



.orange{
	color: #cc3300;
}

.padtext{
	padding-right: 30px;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
}


#footer{
	font-size: 10px;
	padding-right: 30px;
	color: #666666;
}

h3{
	font-size: 14px;
	color: #D34400;
}

