/* CSS Document */

body{

background-color:#CECECE;
}

#container {
position:relative;
	margin: 0px auto;
	background-image:url(../images/background.jpg);
background-repeat:no-repeat;
width:850px;
height:700px;
}

#interior_container {
position:relative;
	margin: 0px auto;
	
background-repeat:no-repeat;
width:850px;
height:700px;
}

#comp1_header{
position:absolute;
top:5px;
}

#comp1_footer{
position:relative;
top:64px;
left:-65px;
font-size:10px;

}

#comp1_footer p{
position:absolute;
top:15px;
left:200px;
font-size:10px;
}

#comp1_footer_about{
position:relative;
top:64px;
left:-65px;
}

#comp1_footer_about p{
position:absolute;
top:5px;
left:200px;
font-size:10px;
}
a{
color:#DEDEDF;
text-decoration:none;
}

a:hover{
color:white;
text-decoration:underline;
}

#logo{
position:absolute;
top:8px;
left:56px;
width:350px;
}

#logo_home{
position:absolute;
top:6px;
left:56px;
width:350px;
}

#nav{
position:absolute;
top:70px;
left:60px;
z-index:3;
width:700px;
}

#nav_home{
position:absolute;
top:66px;
left:100px;
z-index:3;
width:700px;
}

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

#nav ul li, #nav_home ul li{


}

#nav a, #nav_home a {
	display: block;
	
	padding-right:45px;
	color:white;
}

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

#nav li ul, #nav_home li ul { /* second-level lists */
	position: absolute;
	background: #555;
	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, #nav_home li:hover ul, #nav_home li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav a:hover, #nav_home a:hover{
color:white;
text-decoration:underline;
}

#welcome{
position:absolute;
top:100px;
left:65px;
width:440px;

}

#interior_welcome{
position:absolute;
top:100px;
left:0px;
background-image:url(../images/comp1_tile_bg.jpg);
padding-left:65px;
width:770px;
font-family:Arial, Helvetica, sans-serif;

}

#interior_welcome ul{
color:#dededf;
font-size:12px;
font-family: Arial, Helvetiva, sans-serif;
}

#interior_welcome ol{
color:#dededf;
font-size:12px;
font-family: Arial, Helvetiva, sans-serif;
}

#interior_welcome li a{
font-family: Arial, Helvetiva, sans-serif;
color:white;
}

#interior_welcome em{
color:#999;
}


#interior_welcome p{
color:white;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
padding-right:10px;
width:540px;
line-height:1.3;

}

#interior_welcome h1{
font-size:26px;
color:#DEDEDF;
font-weight:lighter;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;

}

#interior_welcome strong{
color:#DEDEDF;
font-size:14px;
}

#services_list{
position:absolute;
top:140px;
left:610px;
border-left:1px solid #ccc;
padding-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

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

#services_list h2{
font-size:16px;
color:#fff;
font-family:"Century Gothic", Arial, Helvetiva, sans-serif;
font-weight:normal;
}


#services_list li{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:white;
margin-left:-25px;
}

#welcome p{
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:1.3;

}

#welcome h1{
font-size:26px;
color:#DEDEDF;
font-weight:lighter;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;

}

#services{
position:absolute;
top:280px;
left:65px;
width:440px;
}

#services p{
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:1.3;

}

#services h1{
font-size:26px;
color:#DEDEDF;
font-weight:lighter;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;

}

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

#comp1_right_image{
position:absolute;
top:130px;
left:550px;
background-image:url(../images/white_photo_box.jpg);
background-repeat:no-repeat;
width:200px;
height:270px;
padding-left:17px;
padding-top:1px;
}

#comp1_about_right_image{
float:right;
background-image:url(../images/white_photo_box.jpg);
background-repeat:no-repeat;
width:200px;
height:270px;
padding-left:17px;
padding-top:1px;
}

#callout_one_interior{
float:right;
background-repeat:no-repeat;
height:100px;
width:200px;
}

.comp1_services_image{
float:right; 
margin-right:30px; 
padding-top:20px;
}

#callout_one_interior p{
margin-left:5px;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
width:100px;

}

#callout_one_interior img{
margin-top:-70px;
margin-left:90px;
}

#comp1_callouts{
position:absolute;
top:480px;
left:60px;
width:700px;
height:100px;
}


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

}

#callout_one p{
margin-left:5px;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
}

#callout_one img{
margin-top:-70px;
margin-left:90px;
}

#callout_two{
position:absolute;
top:0px;
left:265px;
background-image:url(../images/comp1_callout2.jpg);
background-repeat:no-repeat;
height:100px;
width:200px;
}

#callout_two p{
margin-left:5px;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
}

#callout_two img{
margin-top:-70px;
margin-left:90px;
}

#callout_three{
position:absolute;
top:0px;
left:530px;
background-image:url(../images/comp1_callout3.jpg);
background-repeat:no-repeat;
height:100px;
width:200px;
}

#callout_three p{
margin-left:5px;
font-family:"Century Gothic", Arial, Helvetica, sans-serif;
font-size:12px;
color:#990000;
}

#callout_three img{
margin-top:-70px;
margin-left:55px;
}


#avp_logo{
position:absolute;
top:30px;
left:640px;
}

#avp_logo_home{
position:absolute;
top:28px;
left:640px;
}

#extra{
position:absolute;
top:566px;
left:626px;
color:#cecece;
font-family:Arial, Helvetica, sans-serif;
}

#footer p{
position:relative;
top:586px;
left:170px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#dededf;
width:480px;

}

#footer a{
color:#dededf;
}

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

.floatright{
float:right;
}