*.html{
	padding:0;
	margin:0;
	border:0;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

p, h1, h2, h3, h4, h5, h6{
	margin:0 15px 4px 15px;
}

h1{
	font-size:1.6em;
	color:#50708d;
}
h2{
	font-size:1.4em;
	color:#50708d;	
}
h3{
	font-size:1.2em;
	color:#50708d;	
}
h4{
	font-size:1.2em;
	font-style:italic;
	color:#50708d;
}
h5{
	font-size:1.1em;
	font-style:italic;
	font-weight:bold;	
}

p.indent{
	padding-left:10px;
}

span.intro{
	font-weight: bold;
	font-size:1.4em;
	color: #e0b45a;
}

a:link, a:visited, a:active{
	text-decoration:none;
	color:#50708d;
}

a:hover{
	text-decoration:underline;
	color:#e0b45a;
}

h3 a:hover{
 text-decoration:none;
 color: #50708d;
}

.bolditalic{
	font-style:italic;
	font-weight:bold;
}

img{
	padding:0;
	margin:0;
	border:0;
}

#blue{
	background-image: url(images/bg-blue.png);
	background-repeat: repeat-y;
	margin:0px auto 0px auto;
	width:880px;
}

#header{
	background-color:white;
	background-image: url(images/bg-top.png);
	background-repeat: no-repeat;
	background-position:top center;
	width:880px;
	height:254px;
}

#logo{
	background-image: url(images/logo.png);		
	background-repeat:no-repeat;
	position:absolute;
	margin:20px 20px;
	width:518px; 
	height:33px;
}

#slideshow{	
	position:absolute;
	text-align:center;
	margin:70px auto 0px auto;
	width:880px;
	height:168px;
}

#nav{
	background-image: url(images/bg-nav.png);
	text-align:right;
	margin:0px auto 0px auto;	
	width:817px;
	height:35px;
}

#nav ul{
	padding-top:8px;
	margin:0px;
}

#nav li{
	list-style-type: none;
	display:inline;		
	margin-right:75px;	
}

#nav a:link, #nav a:visited, #nav a:active{
	background-image: url(images/blue-bullet.png);
	background-repeat:no-repeat;
	background-position:center left;
	text-decoration:none;
	padding: 3px 0 4px 30px;
	margin-top:5px;
	font-size:1.1em;
	font-weight:bold;
	color:#50708d;
}

#nav a:hover{
	background-image: url(images/orange-bullet.png);
	background-repeat:no-repeat;
	background-position:center left;
	color:#e0b45a;
}

#content{
	background-color: #edf4fa;
	margin:15px auto 20px auto;
	width:814px;
}

#content ul{
	margin-right:15px;
}

.bordered{
	border: 1px solid #333333;
}
.top{
	background-image: url(images/content-top.png);
	background-repeat: no-repeat;
	width:814px;
	height:12px;
}

.bottom{
	background-image: url(images/content-bottom.png);
	background-repeat: no-repeat;
	width:814px;
	height:12px;
}

.col1{
	float:left;
	border-right:1px solid #50708d;
	width:65%;
	padding:0 10px 0 10px;	
}

.col2{
	float:left;
	padding:0 10px 0 10px;
}

.portfolio_col1{
	float:left;
	border-right:1px solid #50708d;
	padding:0 10px 0 10px;
	width:20%;
}

.portfolio_col2{
	float:left;
	padding:0 10px 0 10px;
	width:35%;
}

#footer{
	background-color:white;
	background-image:url(images/bg-bottom.png);
	background-repeat:no-repeat;
	background-position:top;
	text-align:center;
	height:50px;
	font-size:.9em;
}

#footer ul{
	padding-top:25px;
}

#footer li{
	list-style-type: none;
	display:inline;		
	margin-right:25px;
}

#footer a:link, #footer a:visited, #footer a:active{
	margin-top:5px;
	color:#50708d;
}

#footer a:hover{
	color:#2c5276;
}
#containerul, #containerul ul{
  text-align:left;
  margin:0; /* Removes browser default margins applied to the lists. */
  padding:0; /* Removes browser default padding applied to the lists. */
}

#containerul li{
  margin:0 0 0 30px; /* A left margin to indent the list items and give the menu a sense of structure. */
  padding:0; /* Removes browser default padding applied to the list items. */
  list-style-type:none; /* Removes the bullet point that usually goes next to each item in a list. */
}

#containerul .symbols{ /* Various styles to position the symbols next to the items in the menu. */
  float:left;
  width:12px;
  height:1em;
  background-position:0 50%;
  background-repeat:no-repeat;
}

#portfolioid{
	display:block;
	height:450px;
	text-align:center;
}
span.portfolioidimg img.thumb{
	height:75px;
	margin-right:10px;
	border:0;
}

span.portfolioidimg img.full{
	height:0;
	width:0;
}
span.portfolioidimg:hover img.full{
	height:350px;
	width:200px;
	position:absolute;
float:left;
margin-left:30px;
display:block;
margin-top:5px;
}	

img.hidden{
	display:none;
}


form{
	margin-left:15px;
	margin-right:15px;
}

form .error{
	display:block;
	background-color:#FFEC8B;
	color:red;
	margin-bottom:10px;
}

p.success{
	display:block;
	background-color:#DFFFA5;
	font-weight:bold;
	margin-bottom:10px;
}

form .label{
	display:block;
	font-weight:bold;
	color:#333333;
}

span.field{
	clear:both;
	float:right;
	margin-top:-1.3em;
	margin-right:300px;
}

.logos{
clear:both;
display:inline;
position:absolute;
margin-left:580px;
}