/* CSS Document */


/*BLOCK FORMATTING*/

body, html {
	margin:0;
	height:100%;
	background-color: #666;
}

#container {
	margin:0 auto;
	width: 720px;
	height: 100%;
	background-color: #fff;
}

#page {
	margin:0 auto;
	width: 720px;
	height: auto;
	background-color: #fff;
	background-image:url(images/background.png);
}


/*BLOCK FORMATTING - INDEX*/

#header {
	width: 720px;
	height: 154px;
}

	
#leftnav {
float: left;
width: 170px;
margin: 25px 0 0 0;
}



#indexcontent {
float: left;
margin: 25px 0 0 20px;
background-color: white;
width: 520px;
}


#featurebox {
float: left;
margin: 0 20px 40px 0;
width: 220px;
}

#quote {
width: 100%;
clear: both;
padding: 2em 0 4em 0;
}




/*BLOCK FORMATTING - SUBPAGE*/


#topnav { 
xmargin: 20px 0 0 20px;
xwidth: 680px;
xxborder: 1px solid #FFCCCC;
}

#topnav { 
margin: 0;
width: 700px;
height: 20px;
background-color:#fFF;
xborder: 1px solid #FFCCCC;
padding: 10px 0 0 20px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.3em;
	font-size: .8em;
}

#nav a {
	display: block;
	width: 7em;
	color:#333333;
	text-decoration:none;
}

#nav li li a { padding: 0 .5em .5em .5em;

}

#nav li li a:hover {
color:#01a1db;
}

#nav li li {
	width: 9em; 
	border-bottom: 1px solid white;
	}


#nav li { /* all list items */
	float: left; 	
	xwidth: 9em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute; 

	background: #eee;
	width: 9em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

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


#rightCol {
float: left;
margin: 25px 0 0 0;
background-color: white;
width: 150px;
height: auto;
xborder-left: 1px solid #ccc;
padding-left: 25px;
}

div.rightColItem {
padding: 0 0 40px 0; }

#content {
float: left;
margin: 25px 0 0 0;
padding: 0 20px 0 20px;
width: 500px;
xborder-right: 1px solid #ccc;
}

#form {float:left; padding-right: 20px;}
#address {float: left; }

#footer {
	width:720px;
	clear:both;
	position:relative;
	bottom: 0px;
	background-color: white;
	border-top: 1px solid #ccc;
	margin:0;
	padding: 1em 0 2em 0;
}


/*TEXT FORMATTING -- INDEX PAGE*/

#indexcontent p {
margin: 0 1em 2em 0;
font-family: Georgia, Times, serif;
font-size: 0.7em;
line-height:1.5em;
color:#666666; 
}	

#indexcontent h1 { margin:0 0 20px 0;}
#indexcontent h2 { margin-top:0; color:#Da9a29; font-family:"Trebuchet MS" Verdana, Arial, Helvetica, sans-serif; font-size:1em;}

#indexcontent a { color:#222E7A;}
#indexcontent a:hover { text-decoration:none; color:#01a1db;}


#featurebox h2 { margin-top:0;}
#featurebox a { font-style:italic; color:#222E7A;}
#featurebox a:hover { text-decoration:none; color:#01a1db;}


#leftnav ul { padding: 0; margin: 0; }
#leftnav ul li { list-style:none; 
font-family:Georgia, "Times New Roman", Times, serif; 
font-style:italic; font-size: .7em;
color:#666666; 
margin: 0 0 1em 2em;}
#leftnav ul li a { font-style:italic; color:#666; text-decoration:none; }
#leftnav ul li a:hover { text-decoration:underline; color:#01a1db;}


#quote p { font-family:Georgia, "Times New Roman", Times, serif; 
font-style:italic; 
font-size:1em; 
color:#222E7A; 
margin: 0 2em 0 0}
#quote h2 {margin:0 0 .5em 0;}


/*TEXT FORMATTING -- SUBPAGES*/

#content { font-family: Georgia, Times, serif;
font-size: 0.7em;
line-height:1.5em;
color:#666666; }

#content p { margin: 0 1em 2em 0; }	
#content p.beforelist { margin: 0 2em 1em 0;}
#content p.testimonial { font-family:Georgia, "Times New Roman", Times, serif; 
	font-style:italic; 
	font-size:1em ; 
	color:#222E7A; 
	margin: 0 2em 2em 0; min-height: 50px;
	background-image:url(images/quoteballoon.png); background-repeat:no-repeat; background-position:right;}

#content h1 { margin:0 0 20px 0;}
#content h2 { margin-top:0; font-size:1.5em;	color:#222E7A; font-family:"Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;}
#content h3.cases { margin-top:0; font-size:1.3em;color:#01a1db; font-family:"Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;}



#content a { color:#222E7A;}
#content a:hover { text-decoration:none; color:#01a1db;}

.listPoint { color:#222e7a; font-style:italic; }
#content ol.aboutlist li { margin-bottom: 1em; }

#content input{
	border: thin solid #ccc;
}
#content textArea{
	border: thin solid #ccc;
}
#submitBtn{
	border: thin solid #222e7a;
	background-color: #ceecf8;
	color: #222e7a;	
}

div.testimonial { min-height:34px; padding-bottom: 20px;
background-image:url(images/quoteballoon.png); background-repeat:no-repeat; background-position:top right; }

div.testimonial span.testimony {font-family:Georgia, "Times New Roman", Times, serif; 
	font-style:italic; 
	font-size:1.3em ;
	line-height:1.5em;
	padding: 0px 50px 0 0;
	margin:0 0 0 0; 
	color:#222E7A;
	}

div.testimonial p.testifier {font-family:Georgia, "Times New Roman", Times, serif; 
	font-size: 1em; line-height:2em;
	color:#666; padding-bottom:1em; margin:0; 
	text-align:right;}
	


#rightCol p { font-family: Georgia, Times, serif;
font-size: 0.6em;
line-height:1.5em;
color:#666666; margin: 0 2em 0 0; }

#rightCol ul { font-family: Georgia, Times, serif;
font-size: 0.6em;
line-height:1.5em; list-style:none;
color:#666666; margin: 0 ; padding:0 ;}
#rightCol li { margin: 1em 1em 0 0 ; padding:0 ;}


#rightCol a { font-style:italic; color:#222E7A;}
#rightCol a:hover { text-decoration:none; color:#01a1db;}
#rightCol h2 { margin-top:0;}



#footer ul li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:.7em;
list-style: none;
margin: 0 1em 0 0;
padding: 0;
display: inline;
}

#footer ul { margin: 0;
padding: 0 0 0 20px; }

#footer a, #footer a:visited {
color: #666;
display:inline;
text-transform:uppercase;
}