
/* ================================
    Contact Form
   ================================ */

.tf
{
	width: 302px;
	height: 23px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(../images/text-field.gif);
}

.ta
{
	width: 300px;
	height: 201px;
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(../images/text-area.gif);
}

.contactForm input
{
	padding: 0px;
	margin: 0px;
	width: 296px;
	height: 19px;
	border: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #1B2068;
	font-size: 14px;
	line-height: 17px;
	padding: 2px 2px 2px 4px;
	font-weight: normal;
	background: none;
}

.contactForm textarea
{
	padding: 2px;
	width: 296px;
	height: 197px;
	margin: 0px;
	border: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #1B2068;
	font-size: 14px;
	line-height: 17px;
	font-weight: normal;
	background: none;
}

.contactForm input.submitter
{
	background: none;
	width: 120px;
	text-align: left;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
}

.contactForm td
{
	color: #1B2068;
	font-weight: bold;
	font-size: 12px;
	line-height: 15px;
}


/* ================================
    Portfolio Stylesheet
   ================================ */

#thumbnails
{
	width: 137px;
	height: 256px;
	background-color: #5C8639;
	float: left;
	padding: 15px 12px 0px 12px;
}

#thumbnails a
{
	display: block;
	padding-bottom: 6px;
}

#thumbnails a img
{
	border: 1px solid #CCCCCC;
}

#thumbnails a:hover img
{
	border: 1px solid #ffffff;
}

#thumbnails a.more
{
	color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	text-align: right;
	margin-left: 85px;
	text-transform: lowercase;
	text-decoration: none;
	padding-bottom: 0px;
}

#thumbnails a.more:hover
{
	color:#FF6600;
}

/* ================================
    Sub Page Stylesheet
   ================================ */

#backgroundContainer
{
	background-image: url(../images/grid.gif);
	background-position: top center;
}

#mainContainer
{
	width: 1100px;
	margin: 0px auto;
	position: relative;
}

#mainHeader
{
	background-image: url(../images/header.jpg);
	width: 1100px;
	height: 149px;
	cursor: pointer;
}

#leftNav
{
	background-image: url(../images/sub-menu-left.png);
	width: 206px;
	height: 256px;
	position: absolute;
	top: 147px;
	left: 126px;
	z-index: 2000;
	padding: 17px 0px 0px 17px;
}

#leftNav img
{
	width: 160px;
	height: 30px;
	display: block;
	padding-bottom: 5px;
}

#portfolioPhoto
{
	width: 506px;
	height: 271px;
	float: left;
	padding-left:318px;
}

#swfArea
{
	width: 665px;
	height: 271px;
	float: left;
	padding-left:318px;
}

#subHeader
{
	background-image: url(../images/sub-header.png);
	width: 1055px;
	height: 66px;
	position: relative;
}

#subHeader img
{
	position: absolute;
	top: 30px;
	right: 100px;
}

#expandArea
{
	background-image: url(../images/sub-content-bg.png);
	background-position: bottom left;
	padding-bottom: 105px;
	width: 1100px;
	background-repeat: no-repeat;
}

#drawnContentLines
{
	background-image: url(../images/sub-content-mid.png);
	background-position: top left;
	background-repeat: no-repeat;
	margin-left: 128px;
}

#maintainContentHeight
{
	width: 10px;
	float: left;
	height: 300px;
}

#pageBorder
{
	background-image: url(../images/sub-border.png);
	margin-bottom: 50px;
}

#subNav
{
	float: left;
	width: 160px;
	padding: 0px 40px 0px 30px;
}

#subNav a
{
	color: #1B2068;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	padding-top: 8px;
	text-decoration: none;
	font-weight: bold;
}

#subNav a:hover, #portfolioNav a:hover
{
	color:#5C8639;
}

#portfolioNav
{
	float: left;
	width: 190px;
	padding: 0px 20px 0px 20px;
	font-size: 0px;
	line-height: 0px;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#portfolioNav a
{
	color: #1B2068;
	display: block;
	padding: 6px 0px 0px 0px; margin: 0px;
	text-decoration: none;
	font-size: 10px;
	line-height: 11px;
}

#portfolioNav span{display: block;padding-top: 6px;font-size: 10px;line-height: 11px;}

#portfolioNav h1
{
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 15px;
	padding:0px 0px 8px 0px;
	color: #1B2068;
}

.pageNav
{
	font-size: 14px;
	line-height: 16px;
}

.galleryNav
{
	font-size: 12px;
	line-height: 14px;
}

#content
{
	float: left;
	width: 586px;
	padding-right: 24px;
}

#content h1
{
	font-size: 14px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 15px;
	color: #1B2068;
}
#content h1 em{font-size:12px;}

#content h2
{
	font-size: 11px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 12px;
	color: #1B2068;
	padding-bottom: 16px;
}

#content p
{
	margin: 0px;
	padding: 5px 70px 5px 0px;
}


#content ul, #content li
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
}

#content p, #content li
{
	font-size: 12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #333;
}

#content p a, #content li a
{
	color: #423CB9;
	text-decoration: none;
}

#content p a:hover, #content li a:hover
{
	color:#5C8639;
}

#mainFooter
{
	padding-left: 132px;
}

#mainFooter p
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #242A6E;
	margin: 0px;
	padding: 1px 10px;
	float: left;
	width: 120px;
}

#mainFooter a.footerLink
{
	display: block;
	text-align: center;
	width: 130px;
	line-height: 14px;
	font-size: 12px;
	color: #1A2068;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: left;
	text-decoration: none;
	text-transform: lowercase;
	padding-top: 4px;
}

#mainFooter a.footerLink:hover
{
	color:#5C8639;
}

#thunder
{
	float: left;
}

#menu
{
	z-index: 9000;
	position: absolute;
	top: 108px;
	left: 440px;
	background-image: url(../images/menu-main.png);
	width: 541px;
	height: 56px;
	padding: 5px 0px 0px 5px;
}

#menu a
{
	color: #1A2068;
	font-size: 18px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height: 22px;
	padding: 10px 10px 5px 0px;
	text-align: center;
	width: 121px;
	display: block;
	float: left;
	text-transform: lowercase;
	text-decoration: none;
}

.dropdown
{
	z-index: 9500;
	width: 114px;
	padding: 16px;
	background-image: url(../images/top-menu-dropdown-bg.gif);
	position: absolute;
	top: 149px;
}

.dropdown a
{
	color: #fff;
	font-size: 12px;
	line-height: 24px;
	display: block;
	text-decoration: none;
}

.dropdown a:hover
{
	color: #D4D7BA;
}

#whoWeAre
{
	left: -3000px;
}

#whatWeDo
{
	left: -3000px;
}

#ourWork
{
	left: -3000px;
}

#contactUs
{
	left: -3000px;
}

#content .portfolio-list, #content .portfolio-list ul{list-style-type:none; font-size:10px;}
#content .portfolio-list ul{ } #content .portfolio-list ul li{ line-height:90%; padding-bottom:2px;}

.newsTitle{font-weight:bold;}
