/* Main Styles ---------------------------------------- */
*
{
	padding: 0;
	margin: 0;
}

html, body
{
	padding: 0;
	border: 0;
	margin: 0;
}

body
{
	color: #757880;
	font-family: Arial, Helvetica, Geneva, Verdana, sans-serif;
	font-size: 11px;
}

div.clear { clear: both; }

/* --- Universals --- */
img { border-width: 0; }

/* --- Links --- */
/* --- Header --- */
#header
{
	float: left;
	width: 951px;
	border-bottom: 14px #195E95 solid;
	margin: 0 0 0 17px;
	display: inline;
}

#logo { float: left; }

/* --- Top Nav --- */
#top-nav { text-align: right; }

#top-nav ul
{
	float: right;
	height: 25px;
	vertical-align: middle;
	padding-top: 49px;
}

#top-nav li
{
	float: left;
	list-style-type: none;
	display: inline;
}

#top-nav a
{
	display: block;
	font-family: helvetica, tahoma, arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	text-decoration: none;
	color: #999999;
	letter-spacing: .25em;
	padding: 8px 12px 8px 12px;
}

#top-nav a:hover, #top-nav a.active
{
	background-color: #175A90;
	color: #FFFFFF;
}

/* --- Page Layout --- */
#page
{
	width: 985px;
	margin: 10px auto 0 auto;
}

#wrap
{
	float: left;
	width: 985px;
	background-image: url("../i/grad1.gif");
	background-repeat: repeat-y;
}

#content-wrap
{
	float: left;
	margin: 0 0 0 17px;
	display: inline;
}

/* --- Flash Content --- */
#flash-wrap
{
	display: block;
	float: left;
	border-bottom: 2px #FFFFFF solid;
}

#flashcontent { float: left; }

/* --- Homepage Content --- */
#home-content
{
	float: left;
	border: 10px #FFFFFF solid;
}

#home-content td.flash { border-bottom: 4px #CC6A2D solid; }

/* --- Homepage Left Column --- */
#left-col
{
	background-image: url("../i/home/lcol-back.gif");
	background-repeat: no-repeat;
	width: 466px;
	height: 179px;
	border-top: 4px #FFFFFF solid;
}

#left-col .left-wrap { padding: 55px 30px 0 25px; }

#left-col p
{
	padding: 5px;
	line-height: 13px;
}

/* --- Homepage Right Column --- */
#right-col
{
	/*background-image: url("../i/home/rcol-back.gif");*/
	background-repeat: no-repeat;
	width: 460px;
	height: 179px;
	border-left: 5px #FFFFFF solid;
	border-top: 4px #FFFFFF solid;
}

#right-col .right-wrap { padding: 20px 12px 0 40px; } /*45 12 0 20*/
#right-col h2 { font-size: 12px; }

#right-col p
{
	padding: 5px 20px 5px 0; /*5 20 5 0*/
	line-height: 16px;
	font-size: 12px;
}

#right-col img.gallery { border: 3px #757880 solid; } /*#FFFFFF*/
#right-col td.buttons { padding-top: 25px; }
#right-col a { padding-right: 5px; }

/* --- Secondary Content --- */
#content
{
	float: left;
	border: 10px #FFFFFF solid;
	background-image: url("../i/grad2.gif");
	background-repeat: repeat-y;
}

#content table.content-table
{
	width: 931px;
	background-image: url("../i/grad3.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
}

#services
{
	background-image: url("../i/backs/Hdr_services.jpg");
	background-repeat: no-repeat;
	width: 931px;
	height: 168px;
}

#mission
{
	background-image: url("../i/backs/Hdr_mission.jpg");
	background-repeat: no-repeat;
	width: 931px;
	height: 168px;
}

#people
{
	background-image: url("../i/backs/Hdr_people.jpg");
	background-repeat: no-repeat;
	width: 931px;
	height: 168px;
}

#contact
{
	background-image: url("../i/backs/Hdr_contact.jpg");
	background-repeat: no-repeat;
	width: 931px;
	height: 168px;
}

#privacy-image
{
	background-image: url("../i/backs/Hdr_privacy.jpg");
	background-repeat: no-repeat;
	width: 931px;
	height: 168px;
}

#sitemap
{
	background-image: url("../i/backs/Hdr_sitemap.jpg");
	background-repeat: no-repeat;
	width: 931px;
	height: 168px;
}


/* --- Left Nav --- */
#left-wrap
{
	background-image: url("../i/vertical.gif");
	background-position: right 20px;
	background-repeat: no-repeat;
}

#left-nav
{
	width: 181px;
	margin: 20px 8px 0 6px;
}

#left-nav li
{
	list-style-type: none;
	border-bottom: 1px #CCCCCC dotted;
}

#left-nav li.off { border-bottom: 0; }

#left-nav a
{
	color: #7E7E7E;
	text-decoration: none;
	padding: 10px 0 10px 20px;
	display: block;
	white-space: nowrap;
	width: 161px;
}

#left-nav a:hover, #left-nav a.active
{
	background-color: #E9F7FA;
	background-image: url("../i/arrow.gif");
	background-position: 5px 8px;
	background-repeat: no-repeat;
	font-weight: bold;
}

/* --- Main --- */
#main
{
	margin: 0 20px 0 20px;
	height: 558px;
}

.flex { width: 694px; }
#main.mission { height: 770px; }

#main h1
{
	font-family: helvetica, tahoma, arial, sans-serif;
	color: #395B80;
	font-size: 24px;
	font-weight: normal;
	background-image: url("../i/horizontal.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 40px;
	margin-top: 8px;
}

#main p
{
	padding: 8px 10px 5px 2px;
	font-size: 12px;
	line-height: 18px;
}

#main p.statement
{
	padding: 8px 40px 5px 50px;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
}

#main span.image
{
	float: right;
	padding: 15px 0 50px 20px;
}

#add-services ul
{
	padding-top: 10px;
	padding-left: 60px;
}

#add-services li
{
	padding: 5px;
	font-size: 12px;
}

/* --- Gallery/Portfolio Large Image Content --- */
#gallery-content
{
	float: left;
	border: 10px #FFFFFF solid;
}

#gallery-content td.flash { border-bottom: 4px #CC6A2D solid; }

/* --- Gallery --- */
#gallery
{
	margin: 0 20px 0 20px;
	height: 558px;
}

#gallery table { padding-top: 10px; }

#gallery td.project-info
{
	width: 350px;
	padding-right: 20px;
}

#gallery td.photos { width: 300px; }

#gallery h1
{
	font-family: helvetica, tahoma, arial, sans-serif;
	color: #395B80;
	font-size: 24px;
	font-weight: normal;
	background-image: url("../i/horizontal.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 40px;
	margin-top: 8px;
}

#gallery p
{
	padding: 0 10px 20px 5px;
	font-size: 12px;
	line-height: 18px;
}

#gallery p.title
{
	text-transform: uppercase;
	color: #999999;
	padding: 0 10px 0 5px;
}

#gallery p.title2
{
	text-transform: uppercase;
	color: #666666;
	padding: 8px 10px 0 5px;
	background-image: url("../i/spacer3.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

#gallery p.photo-select
{
	padding: 10px 0 0 0;
	text-transform: uppercase;
	margin: 0;
}
#gallery p.description
{
	background-color: #F0F7FC;
	padding: 10px;
	font-size: 11px;
}

#gallery li
{
	list-style-type: none;
	display: inline;
	padding: 0 1px 0 1px;
	float: left;
}

#gallery li a, #gallery li a.off
{
	background-image: url("../i/gallery/off.gif");
	background-repeat: no-repeat;
	width: 24px;
	height: 27px;
	float: left;
	padding: 3px;
}

#gallery li a:hover, #gallery li a.active
{
	background-image: url("../i/gallery/on.gif");
	background-repeat: no-repeat;
	width: 24px;
	height: 27px;

	
}

/* --- Experience --- */
#experience
{
	float: right;
	width: 270px;
	background-color: #EAF3DE;
	color: #333333;
	border-width: 4px 4px 4px 10px;
	border-color: #FFFFFF;
	border-style: solid;
}

#experience table { padding-bottom: 10px; }

#experience th
{
	color: #333333;
	font-size: 12px;
	background-color: #B6D693;
	text-transform: uppercase;
	padding: 5px;
}

#experience p
{
	padding: 2px 20px 10px 20px;
	font-size: 11px;
	line-height: 16px;
}
#experience p.title
{
	font-weight: bold;
	padding: 5px 10px 0 20px;
	width: 240px;
}

#experience ul
{
	padding-left: 40px;
	padding-right: 10px;
	padding-bottom: 5px;
}

#experience li { padding: 3px 0 2px 0; }


/* --- Contact Us --- */
#contact-us
{
	margin: 0 20px 20px 20px;
	height: 800px;
	font-size: 11px;
}

#contact-us h1
{
	font-family: helvetica, tahoma, arial, sans-serif;
	color: #395B80;
	font-size: 24px;
	font-weight: normal;
	background-image: url("../i/horizontal.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 40px;
	margin-top: 8px;
}

#contact-us td { padding: 5px; }
#contact-us .input
{
	border: 1px #666666 solid;
	padding: 2px;
}
#contact-us select { border: 1px #666666 solid; }
#contact-us textarea { border: 1px #666666 solid; }

#contact-us p
{
	padding: 8px 10px 5px 2px;
	font-size: 12px;
	line-height: 18px;
}

/* --- Site Map --- */
#site-map
{
	margin: 0 20px 20px 20px;
	height: 800px;
	font-size: 11px;
}

#site-map h1
{
	font-family: helvetica, tahoma, arial, sans-serif;
	color: #395B80;
	font-size: 24px;
	font-weight: normal;
	background-image: url("../i/horizontal.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 40px;
	margin-top: 8px;
}

#site-map ul { padding-left: 30px; }

#site-map li
{
	color: #195E95;
	list-style-type: none;
	padding-top: 2px;
	padding-bottom: 2px;
}

#site-map a
{
	color: #195E95;
	font-size: 12px;
	line-height: 18px;
}

#site-map a:hover { color: #3399FF; }


/* --- Privacy --- */
#privacy
{
	margin: 0 20px 20px 20px;
	height: 100%;
	font-size: 11px;
	line-height: 14px;
}

#privacy h1
{
	font-family: helvetica, tahoma, arial, sans-serif;
	color: #395B80;
	font-size: 24px;
	font-weight: normal;
	background-image: url("../i/horizontal.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 40px;
	margin-top: 8px;
}

#privacy h2 { font-size: 12px; }

#privacy p
{
	padding: 8px 10px 5px 2px;
	font-size: 12px;
	line-height: 18px;
}

#privacy ol { padding: 5px 20px 5px 20px; }
#privacy li { padding: 1px 0 1px 0; }

/* --- Footer --- */
#footer
{
	float: left;
	clear: both;
	background-image: url("../i/footer.gif");
	background-repeat: no-repeat;
	background-position: left top;
	width: 985px;
	padding: 10px;
	text-transform: uppercase;
	background-color: #FFFFFF;
}

#footer li
{
	list-style-type: none;
	display: inline;
	padding: 2px 10px 2px 10px;
	border-left: 1px #BBBBBB dotted;
}

#footer li.off { border: 0; }

#footer a
{
	color: #AAAAAA;
	font-size: 10px;
	text-decoration: none;
}

#footer a:hover { color: #3399FF; }

#mainMid {
   width:692px;
   float:left;
   margin: 0 20px 0 20px;
   height: 758px;
}

#mainMid h1
{
	font-family: helvetica, tahoma, arial, sans-serif;
	color: #395B80;
	font-size: 24px;
	font-weight: normal;
	background-image: url("../i/horizontal.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	line-height: 40px;
	margin-top: 8px;
}