/*** BASICS ***/

html { height: 100%;  margin-bottom: 1px; }
html * { padding: 0; margin: 0;}

body {
text-align: center;
background: #ffffff;
color: #000000;
font-size: 75%;
font-weight: normal;
}

#everything {
text-align: left;
margin: 0 auto;
width: 766px;
font-family: "Trebuchet MS", sans-serif;
}

a:link,
a:visited,
a:active {
outline: none;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/*** HEADER ***/

#header {
width: 766px;
height: 217px;
position: relative;
background: url("images/header.jpg") no-repeat;
}

#header-logo {
display: none;
}


#header-logo a {
display: none;
position: absolute;
display: block;
left: 8px;	top: 3.2em;
color: #ffffff;
font-size: 300%;
font-weight: bolder;
/*width: 104px;	height: 87px;
text-indent: -4040px;
background: url("images/logo.gif") no-repeat;*/
}

#header-logo a:hover {
text-decoration: none;
}

#header-logo p {
position: absolute;
left: 10px; top: 14em;
color: #ffffff;
font-size: 90%;
font-weight: bold;
}

#tagline {

position: absolute;
left: 360px;	top: 30px;
}

#tagline h1 {
font-weight: 100;
font-size: 250%;
color: #212121;
}

#tagline h2 {
font-weight: 100;
font-size: 200%;
color: #2f2f2f;
}

/*** NAVBAR ***/

#navbar {
position: absolute;
left: 0px;	top: 169px;
border-bottom: 1px solid #4d4d4d;
background: url("images/menu.gif") no-repeat;
width: 766px;
height: 47px;
display: block;
}

	#navbar ul li {
	display: block;
	position: absolute;
	width: 99px;
	}

		#navbar ul li a {
		display: block;
		width: 99px;
		height: 46px;
		text-decoration: none;
		text-indent: -4040px;
		background: url("images/menu.gif") no-repeat;
		}

			#nav_main_1		{ left: 70px; 				}
			#nav_main_1 a:link	{ background-position: -70px -0px;	}
			#nav_main_1 a:visited	{ background-position: -70px -0px;	}
			#nav_main_1 a.current	{ background-position: -70px -46px;	}
			#nav_main_1 a:hover	{ background-position: -70px -92px;	}

			#nav_main_2		{ left: 171px; 				}
			#nav_main_2 a:link	{ background-position: -171px -0px;	}
			#nav_main_2 a:visited	{ background-position: -171px -0px;	}
			#nav_main_2 a.current	{ background-position: -171px -46px;	}
			#nav_main_2 a:hover	{ background-position: -171px -92px;	}

			#nav_main_3		{ left: 272px; 				}
			#nav_main_3 a:link	{ background-position: -272px -0px;	}
			#nav_main_3 a:visited	{ background-position: -272px -0px;	}
			#nav_main_3 a.current	{ background-position: -272px -46px;	}
			#nav_main_3 a:hover	{ background-position: -272px -92px;	}

			#nav_main_4		{ left: 373px; 				}
			#nav_main_4 a:link	{ background-position: -373px -0px;	}
			#nav_main_4 a:visited	{ background-position: -373px -0px;	}
			#nav_main_4 a.current	{ background-position: -373px -46px;	}
			#nav_main_4 a:hover	{ background-position: -373px -92px;	}

			#nav_main_5		{ left: 485px; width: 180px;				}
			#navbar ul #nav_main_5	a	{ width: 180px; }
			#nav_main_5 a:link	{ background-position: -485px -0px;	}
			#nav_main_5 a:visited	{ background-position: -485px -0px;	}
			#nav_main_5 a.current	{ background-position: -485px -46px;	}
			#nav_main_5 a:hover	{ background-position: -485px -92px;	}
/*
			#nav_main_6		{ left: 534px; 				}
			#nav_main_6 a:link	{ background-position: -534px -0px;	}
			#nav_main_6 a:visited	{ background-position: -534px -0px;	}
			#nav_main_6 a.current	{ background-position: -534px -46px;	}
			#nav_main_6 a:hover	{ background-position: -534px -92px;	}

			#nav_main_7		{ left: 641px; 				}
			#nav_main_7 a:link	{ background-position: -641px -0px;	}
			#nav_main_7 a:visited	{ background-position: -641px -0px;	}
			#nav_main_7 a.current	{ background-position: -641px -46px;	}
			#nav_main_7 a:hover	{ background-position: -641px -92px;	}
*/

/*** CONTENT ***/

#content {
position: relative;
}

.rel {
position: relative;
}

.generalcontent {
background: #e9e9e9;
padding: 40px 40px 40px 40px;
font-size: 120%;
}

.generalcontent p {
padding-bottom: 15px;
}

#contactdetails {
background: #e9e9e9;
padding: 20px 20px 20px 20px;
}

#contactdetails h2 {
font-size: 150%;
font-weight: bolder;
}

#contactdetails h3 {
font-size: 120%;
font-weight: normal;
}

/*** HEADLINES ***/
.headlines {
width: 766px;
background: #2f2f2f;
padding: 25px 0px 25px 0px;
position: relative;
}

#resources {
font-size: 120%;
}

.headlines a {
color: #e4eb96;
}

.headline1 {
width: 332px;
padding-left: 40px;
float: left;
}

.headline1 h2 {
color: #ffffff;
font-weight: normal;
font-size: 200%;
}

.headline1 h3 {
color: #e4eb96;
padding: 3em 3.5em 1em 2.5em;
font-size: 14px;
}

.headline1 ul {
padding-left: 0.5em;
margin-left: 0.5em;
/*list-style: disc url("images/bullet1.gif");*/
list-style: none;
}

.headline1 ul li {
background: url("images/bullet1.gif") no-repeat 0px 18px;
padding-left: 10px;
color: #ffffff;
padding-top: 12px;
}

.headline2 {
/*position: absolute;
left: 405px;
top: 25px;*/
float: left;
border-left: solid 1px #4d4d4d;
padding-left: 20px;
}

.headline2 h2 {
color: #ffffff;
font-weight: normal;
font-size: 200%;
}

.headline2 h3 {
color: #ffffff;
font-weight: normal;
font-size: 140%;
text-align: center;
}

.headline2 ul.head2-linkslist1 {
padding-left: 160px;
padding-bottom: 10px;
margin-left: 20px;
background: url("images/stockphoto1.gif") no-repeat;
list-style: none;
}

.headline2 ul.head2-linkslist2 {
padding-top: 15px;
padding-left: 160px;
padding-bottom: 10px;
margin-left: 20px;
background: url("images/stockphoto2.gif") no-repeat 0px 12px;
list-style: none;
}

.headline2 ul li {
background: url("images/bullet1.gif") no-repeat 0px 18px;
padding-left: 10px;
color: #ffffff;
}

#headshot {
position: relative;
width: 342px;
}

#headshot img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#headshot p {
text-align: center;
padding-top: 10px;
}

.headline3 {
position: absolute;
left: 373px;
top: 25px;
padding-left: 20px;
border-left: solid 1px #4d4d4d;
}

.headline3 h2 {
color: #ffffff;
font-weight: normal;
font-size: 200%;
}

.headline3 h3 {
color: #ffffff;
font-weight: normal;
font-size: 200%;
text-indent: -4040px;
}

.headline3 ul {
padding-left: 0.5em;
padding-right: 4em;
margin-left: 0.5em;
list-style: none;
}

.headline3 ul li {
background: url("images/bullet1.gif") no-repeat 0px 18px;
padding-left: 10px;
color: #ffffff;
padding-top: 12px;
}

/*** BODY BOXES ***/


.bodyboxes1 {
width: 766px;
position: relative;
background: url("images/bodybox1bg.gif");
}

.bodyboxes1 a:hover {
text-decoration: none;
}

.bodyboxes1 a {
color: #000000;
}

.bodybox-a {
float: left;
width: 322px;
padding: 20px 20px 10px 40px;
}

.bodybox-a img {
float: left;
padding: 4px 10px 5px 0px;
}

.bodybox-a h2 {
color: #282828;
font-weight: normal;
font-size: 200%;
padding-bottom: 20px;
clear: both;
}

.bodybox-a p {
padding-bottom: 20px;
}

#aboutcompany {
background: url("images/stockphoto3.gif") no-repeat;
padding-left: 108px;
padding-bottom: 20px;
}

.bodybox-b {
float: left;
/*background: #ffffff;*/
padding: 20px 20px 10px 40px;
width: 322px;
}

.bodybox-b h2 {
color: #282828;
font-weight: normal;
font-size: 200%;
padding-bottom: 10px;
}

.bodybox-b h3 {
color: #282828;
font-weight: normal;
font-size: 200%;
padding-bottom: 10px;
padding-top: 20px;
}

.bodybox-b p {

}

.bodybox-b ul {
padding-top: 15px;
padding-left: 0.5em;
margin-left: 0.5em;
list-style: none;
}

.bodybox-b ul li {
padding-bottom: 3px;
background: url("images/bullet1.gif") no-repeat 0px 6px;
padding-left: 10px;
}

.bodyboxes2 {
width: 766px;
position: relative;
background: url("images/bodybox2bg.gif");
}

.bodyboxes2 a:hover {
text-decoration: none;
}

.bodyboxes2 a {
color: #f000000;
}

.bodybox-d {
float: left;
width: 322px;
/*background: #e9e9e9;*/
padding: 0px 20px 10px 40px;
}

.bodybox-d img {
float: left;
padding: 0px 10px 5px 0px;
}

.bodybox-d h2 {
color: #282828;
font-weight: normal;
font-size: 200%;
padding-bottom: 20px;
padding-top: 25px;
clear: both;
}

.bodybox-d p {
padding-bottom: 20px;
}

.bodybox-c { 
float: left;
/*background: #ffffff;*/
padding: 20px 20px 10px 40px;
width: 322px;
}

.bodybox-c h2 {
color: #282828;
font-weight: normal;
font-size: 200%;
padding-bottom: 10px;
}

.bodybox-c p {

}

.bodybox-c ul {
padding-top: 15px;
padding-left: 0.5em;
margin-left: 0.5em;
list-style: disc url("images/bullet1.gif");
}

.bodybox-c ul li {
padding-bottom: 3px;
}

/*** CONTACT FORM ***/

#contactform_main {
background: #e9e9e9;
padding: 20px 20px 20px 20px;
}

#contactform_main h3 {
color: #000000;
padding-bottom: 20px;
font-size: 150%;
}

#contactform_main p {
padding-bottom: 20px;
vertical-align: top;
}

#contactform_main input {
position: absolute;
left: 150px;
}

#contactform_main textarea {
position: absolute; 
left: 150px;
height: 10em;
}

#content>#contactform_main textarea {
left: 130px;
}

.contact_textarea {
height: 10em;
}

#submit {
position: relative;
}

/*** FOOTER ***/

#footer {
background: #4b4b4b;
height: 65px;
}

#footer p {
padding: 28px 0px 0px 30px;
color: #ffffff;
}

#footer a {
color: #ffffff;
}