/*##################################
  # Designed by Mary Fisher Design #
  #                                #
  # www.maryfisherdesign.com       #
  # (c) Copyright                  #
  ##################################*/


img, div { behavior: url(css/iepngfix.htc) } 
/* Alternatively, you can specify that this will apply to all tags like so: * { behavior: url(iepngfix.htc) } */ 



body 
{
	line-height: 1.6em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #3e3e3e;
	background-color: #3a3a3f;
}


/* HEADERS */

h1 {
	font-size: 130%;
	margin-bottom: 20px;
}

h2 {
	font-size: 120%;	
}


h3 {
	font-size: 110%;
}

h4 {
	font-size: 100%;	
}

h5 {
	font-size: 90%;	
}

h6 {
	font-size: 80%;	
}




/* LINKS */

a {
	margin: 0px;
	padding: 0px;
	text-decoration: underline;
}

	
a:hover
{
	text-decoration: none;	
}


#wrap {
	width: 898px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-color: #FFFFFF;
	padding-right: 1px;
	padding-left: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #15252C;
	border-left-color: #15252C;
}
#header {
	height: 90px;
	padding-top: 20px;
	padding-left: 20px;
	border-top-width: 7px;
	border-top-style: solid;
	border-top-color: #005085;
}






/* NAV */
#nav {
	color: #8e887e;
	background-image: url(../images/navigation_gradient.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 50px;	
}


#nav ul {
	padding: 0;
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
}


#nav li {
	float: left;
	padding-top: 9px;
}




#nav li a {
	color: #8e887e;
	text-decoration: none;
	display: block;
	padding-right: 25px;
	padding-left: 25px;
	text-transform: uppercase;	
}

#nav a:hover {
	color: #006495;
	text-decoration: none;
	}
	
	body#home #nav #butt1 a, body#about #nav #butt2 a, body#services #nav #butt3 a, body#projecttype #nav #butt4 a, body#news #nav #butt5 a, body#contactus #nav #butt6 a {
	color: #006495;
	text-decoration: none;
	}



/* LAYOUT */

#content {
	background-image: url(../images/content_gradient.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#main {
	width: 610px;
	margin-left: 250px;
	padding-top: 20px;
}
#main p {
	margin-bottom: 10px;
}

#sidebar {
	background-color: #CCCCCC;
	width: 340px;
	margin-left: 620px;
	

}
#footer {
	background-image: url(../images/Footer_gradient.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #006495;
	color: #FFFFFF;
	padding-right: 40px;
	padding-left: 250px;
	padding-top: 15px;
	padding-bottom: 15px;
}
#footer p {
	font-size: 90%;
	margin-bottom: 15px;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
}



/* BODY CHANGES */

body#homepage {


}


/* CLASSES*/

.bluetype {


}

#PhoneHeader {
	position:absolute;
	left:664px;
	top:48px;
	width:265px;
	height:64px;
	z-index:1;
}
#PhoneHeader h2 {
	color: #006495;
}
#PhoneHeader .phone {
	font-weight: bold;
	background-image: url(../images/arrow.gif);
	background-repeat: no-repeat;
	padding-left: 10px;
	background-position: left 7px;
	font-size: 95%;
	margin-left: 105px;
}
#animation {
	height: 257px;
	width: 898px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #005085;
	border-bottom-color: #005085;
}
#main li {
	color: #006495;
}
#main ul {
	margin-bottom: 20px;
}
#main p {
	margin-bottom: 20px;
}
#main a {
	color: #006495;
	text-decoration: none;
}
#main a:hover {
	text-decoration: underline;
}
#gradient {
	height: 20px;
}
#main ul li ul li {
	margin-left: 30px;
}
#main ul ul {
	margin-bottom: 0px;
}