/* CSS Document */
/*
-----------------------------------------------------
Designer: Amy Hufford
URL:      stellarplanet.com
Date:     7/01/2006
------------------------------------------------------ */

/* -- basic html elements -- */
body {padding: 0; margin: 0; font: 75% Verdana, Tahoma, Arial, sans-serif; background: url(images/stripeback2.gif); text-align: center; }

img, form {border: 0; margin: 0;}

/* -- layout -- */
#content {width: 770px; margin: 0 auto; text-align: left; border-left: 1px solid white; padding-top: 0; border-right: 1px solid white;}

#content2 {width: 770px; margin: 0 auto; text-align: left; background: white;  border-bottom: 1px solid white;  border-left: 1px solid white; border-right: 1px solid white;}

#header {height: 88px;  width: 770px; background: url(images/avende_logo.jpg) top left no-repeat; background-color:white;  }

/* -- main and sidebar for home page only -- */
#main {
 line-height: 1.5em;
 float: left;
 border-bottom: 1px solid #004996;
 padding: 0;
 width: 230px;
 height:140px;
 font-size:8pt;
 /* Tantek hack - http://www.tantek.com/CSS/Examples/boxmodelhack.html */
 voice-family: "\"}\""; 
 voice-family: inherit;
 width: 225px;
 text-align: left;
 font-size: 8pt;
 background-color: white;
}

#main h3 {font-size:8pt; color:white; letter-spacing: .05em; background:#e68e15; padding:2px 15px 2px 15px; text-align:left; margin:0;}

/* -- main content area style only used on home page-- */
#main p {padding: 0 15px 5px 15px; margin-bottom: 0; color:#442E16;}
#main a {color: #004996; text-decoration: none;}
#main a:visited {color: #004996;}
#main a:hover {text-decoration: underline; color: #e68e15;}
#main ul {margin-top: -5px; margin-bottom: 0; }
#main li {padding-top: 3px;}

#sidebar {margin:0; padding: 0; color: white; height:140px;}
#sidebar2 {margin:0; padding: 0; color: white; height:140px;}

/* -- content area style only used on secondary pages -- */
#contentinterior {width: 770px; margin: 0 auto; background: url(images/sidebarback.gif) top left repeat-y #FFF; border-left: 1px solid white; border-right: 1px solid white; }
#sidebarinterior {float: left; margin:0; padding: 20px 15px 10px 12px; color: white; font-weight: bold; width: 160px; text-align: left; }
#sidebarinterior ul, #sidebarinterior li {margin-left: 7px; padding: 0 0 4px 0;}
#rightcontent {float:left; line-height: 1.2em; padding: 20px 0 30px 10px; margin: 0; width: 555px; font-size: 9pt; color:#004996; text-align: left; }
#rightcontent a {color: #E68E15;}
#rightcontent a:hover {color: #004996;}
#rightcontent li, #rightcontent ul {margin-top: 0; padding-top: 0; }
#rightcontent ul {margin-bottom: 12px;}
#rightcontent p {margin-top: 11px; margin-bottom: 3px; }
#rightcontent h4 {color: #E68E15; font-size: 10pt; margin-bottom: 0px; padding-bottom: 0; }

#pullquote {float: right; width: 140px; height: auto; background: url(images/quotes.gif) top left no-repeat #ABCFF4; padding: 30px 10px 10px 10px; margin: 8px 0 10px 10px; border: 1px solid #004996}

#pullquote2 {float: right; width: 140px; height: auto; background: url(images/quotes.gif) top left no-repeat ; padding: 30px 10px 10px 10px; margin: 8px 0 10px 10px; border: 1px solid #004996;}

#pullquote3 {float: right; width: 140px; height: auto; background: url(images/bigquote.gif) top left no-repeat ; padding: 30px 10px 10px 10px; margin: 8px 0 10px 10px; border: 1px solid #004996;}

#sectionhead h3 {background:#004996; margin: 0; padding: 3px 10px 3px 20px;  font-size: 10pt; color:white; text-align: left; letter-spacing: .06em;  }

/* -- header style -- */
#header h1 {margin-top: 0; margin-bottom: 0; padding: 0;}
#header h1 span, #header h2 span {display: none;}
#header h2 {height: 0; margin: 0; padding: 0;}

/* -- navigation area style -- */
#holdm {
	position:absolute;
	top:77px;
	width:100%;
	height: 8px;
}
#nav {padding: 0; margin: 0; list-style: none;    } 
#nav ul { 
	padding: 0; 
	margin:0;
	list-style: none;
	position:absolute; 
	overflow:visible;
z-index:99; background: white;
   } 
#nav li { 
    margin:0;   
    position: relative; 
    float:left;
	width: 98px;
    display:block;
	font-size: 8pt;
	letter-spacing: .02em;
	border-left: 1px solid #004996;
	
}

#nav li.home {width: 70px; border-top: 1px solid #004996; border-bottom: 1px solid #004996; background: white} 
#nav li.solutions {width: 85px; border-top: 1px solid #004996; border-bottom: 1px solid #004996; background: white}
#nav li.partners {width: 73px;  border-top: 1px solid #004996; border-bottom: 1px solid #004996; background: white} 
#nav li.news {width: 110px; border-top: 1px solid #004996; border-bottom: 1px solid #004996; background: white} 
#nav li.about {width: 70px; border-top: 1px solid #004996; border-bottom: 1px solid #004996; background: white} 
#nav li.contact {width: 80px; border-top: 1px solid #004996; border-bottom: 1px solid #004996; border-right: 1px solid #004996; background: white}  
#nav li.fill {	width: 260px; 	border-left: 1px;
} 

#nav li a {
    text-decoration:none; 
    display: block;
    padding: 3px 7px 4px 7px; 
    margin:0;
	color: #CF7C0B;

	text-align: center;
	}

#nav li a.liston {padding-bottom: 4px; color: #004996; background-color:white; border-bottom: 2px solid #004996;}
#nav li a.liston:hover {color: #004996; background-color: white; }

#nav li.fill a:hover {border-bottom: 0;}

#nav li a.listonhm {color: #004996; background-color:white; border-bottom: 2px solid #004996;padding: 3px 7px 2px 7px;}
#nav li a.listonhm:hover {color: #004996; background-color: white;}
#nav li a:hover{
        padding-bottom: 2px;
	color: #004996;
	border-bottom: 2px solid #004996;
	}
#nav ul{
    display:none;   
	}

.clearboth {clear:both;}	

/* -- big image on home page -- */
#bigimage2 {width: 770px; height: 268px; background: url(images/girl.jpg) top center no-repeat; border-bottom:1px solid white;}
#bigimagetext {
	width:355px;
	color: white;
	padding:10px 10px 0 10px;
	padding-top:70px;
}
#bigimagetext p {font-size: 9pt; text-align:justify; line-height:1.5em; padding: 20px 16px 0 4px; margin-top:0;}

/* -- sidebar (home page only) styles -- */
#description {float:left; line-height: 1.5em; padding: 0; width: 260px; height:140px; font-size: 8pt; border-bottom:1px solid #004996; border-left:1px solid #004996;}
#description h3 {font-size:8pt; letter-spacing: .05em; color:white; background:#e68e15; padding:2px 15px 2px 15px; text-align:left; margin:0;}
#sidebar ul {margin: 0; padding: 0 6px 15px 7px; }
#description li {padding-top: 10px; list-style: none; padding-left: 15px;}
#description a {color: #004996; text-decoration: none;}
#description a:hover {color: #e68e16; text-decoration: underline;}
#description a:visited {color: #004996;}
#description p {padding: 0 15px 5px 15px; margin-bottom: 0; color:#442E16;}

#description2 {line-height: 1.5em; padding: 0; width: 283px; height:140px; font-size: 8pt; float:left; border-bottom:1px solid #004996; border-left:1px solid #004996;}
#description2 h3 {font-size:8pt; letter-spacing: .05em; color:white; background:#e68e15; padding:2px 15px 2px 15px; text-align:left; margin:0;}
#description2 li {padding-top: 10px; list-style: none; padding-left: 15px;}
#description2 a {color: #004996; text-decoration: none;}
#description2 a:hover {color: #e68e15; text-decoration: underline;}
#description2 a:visited {color: #004996;}
#description2 p {padding: 0 15px 5px 15px; margin-bottom: 0; color:#442E16;}

hr {padding-bottom: 5px; color: white;}

/* -- footer style -- */
p.footer {margin: 0; padding: 10px 0 10px 0; font-size: 8pt; color: white;  text-align:center;}
p.footer a {color: white;}

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

#footer {width:770px; background-color:#004996; border-bottom: 1px solid white;}

/* -- partner (partner logos) -- */
.partner1 {margin:0; padding:20px; float:left;}
.partner2 {margin:0; padding:40px 80px 0 80px; float:left;}
.partner3 {margin:0; padding:20px 30px 0 30px; float:left;}