/* CSS Document */


* { margin: 0; padding: 0; }

body, html {
	width: 100%; font-family: Arial; 
	font-size: 101%; /* Hack for better IE support */
	color: #333333;
	background-repeat: repeat-x;
	background-image: url(assets/topbar-background.jpg);
	}
	
/*-------------------------------------------------
general styles - on all pages 
-------------------------------------------------*/
	
#wrapper {
	width: 787px;
	margin: auto;
}
#topbar {
	width:756px;
	height: 91px;
	margin: auto;
}
#topbar img {
	float:left;
}
#topnav {
	float: right;
	width: 560px;
	margin-top: 60px;
	text-align: right;
	font-size: 0.8em;
	color: #000066;
	font-weight: bold;
	margin-right: 15px;
}
#topnav a:link {
	color: #6699FF;
	text-decoration: none;
	margin: 2px;
}
#topnav a:visited {
	color: #6699FF;
	text-decoration: none;
	margin: 2px;
}
#topnav a:hover {
	color: #FF9900;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	text-decoration:underline;
}

.hidden {
	display: none;
}

#footer {
	width:756px;
	font-size: 0.8em;
	padding-left: 15px;
	margin: auto;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 6px;
	height: 30px;
}

.footer-left {
	float: left;
}
.footer-right {
	float: right;
	margin-right: 15px;
}

#footer a:link {
	color:#666666;
	text-decoration: none;
	margin-left: 4px;
}
#footer a:visited {
	color:#666666;
	text-decoration: none;
	margin-left: 4px;
}
#footer a:hover {
	color:#666666;
	text-decoration: underline;
	margin-left: 4px;
}

/*-------------------------------------------------
 homepage specific styles 
 -------------------------------------------------*/
#home-left {
	width: 247px;
	margin-left: 25px;
	position: absolute;
	margin-top: 115px;
}
#maincontent {
	width: 787px;
	background-color: #0268BB;
	background-image: url(assets/bg-7.png);
	background-repeat: no-repeat;
	height: 524px;
}

#maincontent.people  { 
	background-image: url(assets/bg-1.png);
}

#maincontent.services  { 
	background-image: url(assets/bg-2.png);
}

#maincontent2.portfolio { 
	background-image: url(assets/bg-3.png);
}

#maincontent.awards { 
	background-image: url(assets/bg-4.png);
}

#maincontent.contact { 
	background-image: url(assets/bg-5.png);
}

#maincontent h1 {
	background-image: url(assets/home-h1.png);
	background-repeat: no-repeat;
	height: 47px;
	width: 220px;
}

#maincontent h1.people {
	background-image: url(assets/people-h1.png);
}

#maincontent h1.services {
	background-image: url(assets/services-h1.png);
}

#maincontent2 h1.portfolio {
	background-image: url(assets/portfolio-h1.png);
	height: 47px;
}
#maincontent h1.contact {
	background-image: url(assets/contact-h1.png);
}
#maincontent h1.awards {
	background-image: url(assets/awards-h1.png);
}

h2 { 	
color: #69D7FA;
	font-size: 1.0em;
	 } 

#home-left p {
	color: #69D7FA;
	font-size: .8em;
	margin-top: 15px;
	margin-left: 3px;
	line-height: 1.3em;
}

 #home-left li {
	color: #69D7FA;
	font-size: .8em;
	margin-top: 15px;
	margin-left: 23px;
	line-height: 1.0em;
}




#home-left p a:link{
	color: #FFFFFF;
	background-image: url(assets/bullet-logo.png);
	background-repeat: no-repeat;
	display: block;
	padding-left: 20px;
	text-decoration: none;
}
#home-left p a:visited{
	color: #FFFFFF;
	background-image: url(assets/bullet-logo.png);
	background-repeat: no-repeat;
	display: block;
	padding-left: 20px;
	text-decoration: none;
}
#home-left p a:hover{
	color: #FFFFFF;
	background-image: url(assets/bullet-logo.png);
	background-repeat: no-repeat;
	display: block;
	padding-left: 20px;
	text-decoration: underline;
}

/*-------------------------------------------------
inner page specific styles 
---------------------------------------------------*/
#maincontent2 {
	width: 787px;
	background-color: #0268BB;
	background-image: url(assets/bg-inner.jpg);
	background-repeat: no-repeat;
	height: 524px;
}



#maincontent2 h1 {
	background-image: url(assets/portfolio-h.jpg);
	background-repeat: no-repeat;
	width: 220px;
	height: 25px;
	margin-bottom: 10px;
}
#inner-left p {
	color: #69D7FA;
	font-size: .8em;
	margin-left: 3px;
	line-height: 1.3em;
}

#inner-left {
	width: 247px;
	margin-left: 25px;
	position: absolute;
	margin-top: 45px;
}

#inner-left ul {
	margin-left: 20px;
	line-height: 1em;
	margin-bottom: 20px;
	margin-top: 10px;
	list-style-image: none;
	list-style-type: none;
}

#inner-left ul li {
	list-style-type: disc;
	list-style-position: outside;
	color:#69D7FA;
	font-size: .8em;
}

#inner-left ul li a:link{
	color: #69D7FA;
	text-decoration: none;
	font-size: .8em;
	display: block;
	clear: left;
}
#inner-left ul li a:visited{
	color: #69D7FA;
	text-decoration: none;
	font-size: .8em;
	list-style:none;
}
#inner-left ul li a:hover{
	color: #69D7FA;
	text-decoration: underline;
	font-size: .8em;
	list-style:none;
}
#inner-left p a:link{
	color: #FFFFFF;
	background-image: url(assets/bullet-logo.png);
	background-repeat: no-repeat;
	display: block;
	padding-left: 20px;
	text-decoration: none;
}
#inner-left p a:visited{
	color: #FFFFFF;
	background-image: url(assets/bullet-logo.png);
	background-repeat: no-repeat;
	display: block;
	padding-left: 20px;
	text-decoration: none;
}
#inner-left p a:hover{
	color: #FFFFFF;
	background-image: url(assets/bullet-logo.png);
	background-repeat: no-repeat;
	display: block;
	padding-left: 20px;
	text-decoration: underline;
}

#logos {
    padding:4px;
	height: 458px;
	width: 126px;
	float: right;
	margin-right: 45px;
	margin-top: 40px;
	background-color: #FFFFFF;
	border:1px solid #69D7FA;
}