/* CSS Document */

body{
background-image:url(../images/comp4_bg.jpg);
background-color:#fcfcfc;

}

#container {
width:850px;
height:700px;

}

#content{
position:absolute;
top:100px;
left:0px;
width:100%;

}


a{
color:#2c537b;
text-decoration:none;
}

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

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

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

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

#logo{
position:absolute;
top:0px;
left:20px;
height:200px;
width:250px;
background-image:url(../images/comp4_logobox.gif);
background-repeat:no-repeat;
padding-left:17px;
padding-top:0px;
padding-bottom:0;
margin:0;
}

#logo p {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#2c537b;
	line-height:18px;
	
}

#comp4_callouts{
position:absolute;
top:100px;
left:20px;
width:630px;
height:342px;

}

#comp4_callout_one_interior{
position:absolute;
top:0px;
left:0px;
background-image:url(../images/comp4_callout_whitebox_int.jpg);
background-repeat:no-repeat;
height:340px;
width:200px;

}


#comp4_callout_one {
position:absolute;
top:0px;
left:0px;
background-image:url(../images/comp4_callout_whitebox.jpg);
background-repeat:no-repeat;
height:340px;
width:200px;

}

#comp4_callout_one h3, #comp4_callout_one_interior h3{
font-size:13px;
color:#73A660;
margin-left:10px;
margin-top:4px;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

#comp4_callout_one p, #comp4_callout_one_interior p{
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
width:160px;
margin-top:-9px;
}

#comp4_callout_one img, #comp4_callout_one_interior img{
margin-top:4px;
margin-left:5px;
}

#comp4_callout_two{
position:absolute;
top:0px;
left:210px;
background-image:url(../images/comp4_callout_whitebox.jpg);
background-repeat:no-repeat;
height:340px;
width:200px;
}

#comp4_callout_two h3{
font-size:13px;
color:#73A660;
margin-left:10px;
margin-top:4px;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

#comp4_callout_two p{
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
width:160px;
margin-top:-9px;
}

#comp4_callout_two img{
margin-top:4px;
margin-left:5px;
}

#comp4_callout_three{
position:absolute;
top:0px;
left:420px;
background-image:url(../images/comp4_callout_whitebox.jpg);
background-repeat:no-repeat;
height:340px;
width:200px;
}

#comp4_callout_three h3{
font-size:13px;
color:#73A660;
margin-left:10px;
margin-top:4px;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
}

#comp4_callout_three p{
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
width:160px;
margin-top:-9px;
}

#comp4_callout_three img{
margin-top:4px;
margin-left:5px;
}

#nav_tabs{
position:absolute;
top:63px;
left:258px;
z-index:3;
display:none;
}

#nav_tabs img{
margin-right:10px;

}

#nav{
position:absolute;
top:35px;
left:229px;
z-index:3;
width:500px;
}

 #nav ul { /* all lists */
	padding: 0;
	list-style: none;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	
}

#nav ul li{


}

#nav a {
	display: block;
	padding-right:37px;
	color:white;
	
}

#nav li { /* all list items */
	float: left;
	 /* width needed or else Opera goes nuts */
	font-size:14px;
	
}
#nav li ul a{
color:white;
font-size:12px;
padding: 0.35em 8.25em 0.35em .55em;
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #75a760;
	width: 21em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding-left:0px;
	border:1px solid #cecece;
	
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

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

#comp4_rightbox{
position:absolute;
top:0px;
left:660px;
background-image:url(../images/comp4_rightbox_bg.jpg);
background-repeat:repeat-x;
background-color:#B5DAF5;
height:100%;
padding-left:10px;
padding-top:25px;
padding-right:8px;
width:328px;
}

#comp4_rightbox_copy{

}

#comp4_rightbox_copy p{
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

#comp4_rightbox_copy h1{
font-size:18px;
color:#333;
font-weight:lighter;
font-family:Georgia, Arial, Helvetica, sans-serif;

}

#welcome{
position:absolute;
top:-20px;
left:680px;
width:240px;
display:none;
}

#welcome p{
color:#666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#welcome h1{
font-size:18px;
color:#333;
font-weight:lighter;
font-family:Georgia, Arial, Helvetica, sans-serif;
border-bottom:1px solid #666;
}

#services_list{
position:absolute;
top:20px;
left:661px;
padding-left:20px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
}

#services_list h2{
font-size:18px;
color:#fff;
}

#services_list a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#services_list a:hover{
color:#FFFFFF;
}


#services{
position:absolute;
top:340px;
left:23px;
width:625px;
}

#services p{

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
line-height:14px;
padding:0;
margin:0;
}

#services h1{
font-size:18px;
line-height:20px;
padding:2px 0 3px 0;
margin:0;
color:#333;
font-weight:lighter;
font-family:Georgia, Arial, Helvetica, sans-serif;
}

.services-images{
float:right;
margin:8px;
border:1px solid #ccc;
}

#interior_welcome{
position:relative;
top:-20px;
left:36px;
width:575px;
}

#interior_welcome p{
color:#333;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#interior_welcome h1{
font-size:26px;
color:#444;
font-weight:lighter;
font-family:Georgia, Arial, Helvetica, sans-serif;
}

#interior_welcome li{
color:#333;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

#interior_welcome td{
padding-top:0px;
padding-left:14px;
height:140px;
width:320px;

}

#interior_welcome td strong{
font-size:14px;
font-family:Georgia, Arial, Helvetica, sans-serif;
position:relative;
top:14px;
}

#interior_welcome td p{
position:relative;
top:7px;
width:310px;
height:122px;
}


.green_image{
background-image:url(../images/comp4_services_box1.jpg);
}

.green_image2{
background-image:url(../images/comp4_services_box2.jpg);
}

.green_image3{
background-image:url(../images/comp4_services_box3.jpg);
}

strong a{
color:#1D5385;
}

#comp4_extra_box{
background-image:url(../images/comp4_extra_image.jpg);
height:160px;
width:190px;
margin-left:350px;
margin-top:-120px;
}

#comp4_extra_box2{
background-image:url(../images/comp4_extra_image.jpg);
height:160px;
width:190px;
margin-left:350px;
margin-top:-135px;
}

#comp4_extra_box3{
background-image:url(../images/comp4_extra_image.jpg);
height:160px;
width:190px;
margin-left:350px;
margin-top:-105px;
}

#comp4_extra_box img, #comp4_extra_box2 img, #comp4_extra_box3 img{
padding-top:5px;
padding-left:4px;
}

#comp4_extra_box_left{
background-image:url(../images/comp4_extra_image.jpg);
height:160px;
width:190px;
margin-left:-232px;
margin-top:-120px;
}

#comp4_extra_box_left img{
padding-top:5px;
padding-left:4px;
}

#latest_news{
position:absolute;
top:195px;
left:45px;
width:200px;
height:300px;
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:12px;
display:none;
}

#latest_news h2{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#7C96B1;
font-weight:normal;
border-bottom:1px solid #666;
}

#latest_news p{
width:210px;
color:#6A6B76;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}				


#avp_logo{
position:absolute;
top:465px;
left:678px;
background-image:url(../images/comp4_avp_logobg.jpg);
background-repeat:no-repeat;
height:90px;
width:170px;
padding-top:22px;
padding-left:20px;
}


#footer{
position:absolute;
top:585px;
left:688px;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
color:#999;
width:230px;

}

#footer a{
color:#7C96B1;
}

#footer a:hover{
color:#D26D6D;
}

.floatright{
float:right;
}

#samples {
	width:200px;
	float:right;
	margin:0 10px 0 10px;
	padding:3px 10px 10px 10px;
	background-color:#B5DAF5;
	}
	
#samples p {
	font-family:Arial, Helvetica, sans-serif;
	color:#2c537b;
	line-height:16px;
	margin:0;
	padding:0 0 0 5px;
	}
	
#samples h2 {
color:#2c537b;
	font-family:Arial, Helvetica, sans-serif;
	line-height:15px;
	margin:5px 0 3px 0;
	padding:0;
	font-size:13px;
	border-bottom-color:#2c537b;
	border-bottom-style:solid;
	border-bottom-width:1px;
	}