/* 
CSS Design:		By Aaron J Gundersen - CarbinTech
Date:  			8/12/08
Site: 			IESVA.com
*/

body  {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#dcddde;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #ffffff;
	font-size:13px;
}

 #container { 
	width: 780px;
	margin: 0 auto;
	text-align: left;
} 

#contactForm 
{
    float: left;
    padding-left: 1px;
    height: 190px;
    width: 435px;
}

#contactArea 
{
    float: left;
    width: 100%;
    height: 100%;
	
}

#contactInfo 
{
    width: 260px;
    float: right;
    height: 100px;
}

 #divLeft {
	float:left;
	padding-right:20px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
}

#mainContent { 
	margin: 0px;
	width:700px;
	padding-left:30px;
    padding-right:30px;
	padding-top:5px;
	padding-bottom:0px;
	float:left;
	background-color:#ffffff;
	background-image:url(../siteimages/mainContent.jpg);
}
#mainContentHome { 
	margin: 0px;
	width:700px;
	float:left;
	padding-top:5px;
	background-image:url(../siteimages/mainContentHome.jpg);
	background-repeat:no-repeat;
	padding-bottom:10px;
}

#flashtop
{
    float:left;
    width:640px;
    padding-left:30px;
    padding-right:30px;
    padding-top:10px;
}
#flashTopHome
{
    float:left;
    width:640px;
    height:240px;
    padding-left:40px;
    padding-right:40px;
    padding-top:10px;
}
	
 #footer { 
	width:330px;
	padding-left:430px;
	height:35px;
	float:left;
	background-image:url(../siteimages/footer.jpg);
}

 #footer2 { 
 	text-align:center;
 	padding-top:10px;
 	padding-left:10px;
	width:320px;
	height:25px;
	float:left;
	font-size:12px;
	color:#7f2935;
}

	
#footerlinks{
	float:left;
	width:50px;
	height:20px;
	padding-top:20px;
	margin-right:5px;
	}
	
 #headerbanner { 
	background: #ffffff; 
	margin:0px;
	padding: 0px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 	

#header1 {
	margin:0px;
	width:760px;
	height:110px;
	background-image:url(../siteimages/header.jpg);
	float:left;
	}

#header2{
	font-size:1px;
	float:left;
	height:110px;
	width:190px;
	padding-left:250px;
	text-align:left;
	font-family: "Myriad Pro", Arial, helvetica, sans-serif;
	color:#ffffff;
	}
	
#homeLink{
	font-size:1px;
	float:left;
	width:320px;
	height:110px;
	}
	
#linkbox{
	width:290px;
	height:110px;
	float:left;
	margin-bottom:70px;
	padding-left:10px;
	}

#headerbox{
	width:350px;
	height:180px;
	float:left;
	}
	

#left
{
    float:left;
    width:20px;
    height:500px;
    background-color:Blue;
}

#pictureRight
{
    float:right;
    padding-top:10px;
    padding-left:10px;
}

#partners
{
    float:left;
    width:720px;
    text-align:center;
    padding-bottom:30px;
    padding-top:30px;
}
	
#toplinks a{
	font-size:12px;
	float:left;
	height:18px;
	margin-top:2px;
	margin-bottom:2px;
	padding-left:10px;
	padding-right:5px;
	padding-top:3px;
	width:72px;
	text-align:right;
	font-family: "Myriad Pro", Arial, helvetica, sans-serif;
	text-transform:capitalize;
	color:#000000;
	}

#toplinks a:hover{
	text-decoration:none;
	color:#ffffff;
	background-color:#7f2935;
	background-image:url(../siteimages/red1x1.jpg);
	background-repeat:repeat;
	}

#toplinks a:active{
	text-decoration:none;
	color:#ffffff;
	background-color:#056839;
	}
.toplinks a{
	font-size:12px;
	float:left;
	height:18px;
	margin-top:2px;
	margin-bottom:2px;
	padding-left:10px;
	padding-right:5px;
	padding-top:3px;
	width:72px;
	text-align:right;
	font-family: "Myriad Pro", Arial, helvetica, sans-serif;
	text-transform:capitalize;
	color:#000000;
	}

.toplinks a:hover{
	text-decoration:none;
	color:#ffffff;
	background-color:#7f2935;
	background-image:url(../siteimages/red1x1.jpg);
	background-repeat:repeat;
	}

.toplinks a:active{
	text-decoration:none;
	color:#ffffff;
	background-color:#056839;
	}

#toplinks2 a{
	font-size:12px;
	float:left;
	height:18px;
	margin-top:2px;
	margin-bottom:2px;
	padding-left:5px;
	padding-right:10px;
	padding-top:3px;
	width:72px;
	text-align:left;
	text-transform:capitalize;
	font-family: "Myriad Pro", Arial, helvetica, sans-serif;
	color:#000000;
	}

#toplinks2 a:hover{
	text-decoration:none;
	color:#ffffff;
	background-color:#7f2935;
	background-image:url(../siteimages/red1x1.jpg);
	}

#toplinks2 a:active{
	text-decoration:none;
	color:#ffffff;
	background-color:#056839;
	}
.toplinks2 a{
	font-size:12px;
	float:left;
	height:18px;
	margin-top:2px;
	margin-bottom:2px;
	padding-left:5px;
	padding-right:10px;
	padding-top:3px;
	width:72px;
	text-align:left;
	text-transform:capitalize;
	font-family: "Myriad Pro", Arial, helvetica, sans-serif;
	color:#000000;
	}

.toplinks2 a:hover{
	text-decoration:none;
	color:#ffffff;
	background-color:#7f2935;
	background-image:url(../siteimages/red1x1.jpg);
	}

.toplinks2 a:active{
	text-decoration:none;
	color:#ffffff;
	background-color:#056839;
	}

#topLinksL {
	font-size:12px;
	float:left;
	height:103px;
	width:87px;
	text-align:left;
	margin-top:5px;
	margin-right:7px;
	font-family: "Myriad Pro", Arial, helvetica, sans-serif;
	color:#ffffff;
	}
	
#topLinksR {
	font-size:12px;
	float:left;
	height:103px;
	margin-top:5px;
	width:87px;
	text-align:left;
	font-family: "Myriad Pro", Arial, helvetica, sans-serif;
	color:#ffffff;
	}
	
ul 
{

    list-style: none;

}
.employee {
float:left;
width:100%;
height:100%;
}

.employee img{
padding:5px;
border: 1px solid #ccc;
}





/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */