/* CSS Document */

body {
	background: #bfe13f;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #466019;
}

#wrapper {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	text-align: center;
	background: url(../images/bground_top.jpg) center top no-repeat;
}
#container {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 1000px;
	text-align: left;
}


#header {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 110px;
	float: left;
}
#header h1 {
	text-indent: -9999px;
	overflow: hidden;
}



#navigation {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 90px;
	float: left;
}
#navigation ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	float: right;
}
#navigation ul li {
	display: block;
	list-style: none;
	float: left;
}
#navigation #nav_home a, #navigation #nav_design a, #navigation #nav_application a, #navigation #nav_portfolio a, #navigation #nav_about a, #navigation #nav_contact a {
	display: block;
	width: 100%;
	height: 90px;
	text-indent: -9999px;
	overflow: hidden;
}
#navigation #nav_home {
	width: 174px;
	height: 90px;
	background: url(../images/b_home.jpg)}
#navigation #nav_home a:hover, #bod_home #nav_home a {
	background: url(../images/b_homeON.jpg);
}
#navigation #nav_design {
	width: 180px;
	height: 90px;
	background: url(../images/b_design.jpg)}
#navigation #nav_design a:hover, #bod_design #nav_design a {
	background: url(../images/b_designON.jpg);
}
#navigation #nav_application {
	width: 199px;
	height: 90px;
	background: url(../images/b_application.jpg)}
#navigation #nav_application a:hover, #bod_application #nav_application a {
	background: url(../images/b_applicationON.jpg);
}
#navigation #nav_portfolio {
	width: 83px;
	height: 90px;
	background: url(../images/b_portfolio.jpg)}
#navigation #nav_portfolio a:hover, #bod_portfolio #nav_portfolio a {
	background: url(../images/b_portfolioON.jpg);
}
#navigation #nav_about {
	width: 90px;
	height: 90px;
	background: url(../images/b_about.jpg)}
#navigation #nav_about a:hover, #bod_about #nav_about a {
	background: url(../images/b_aboutON.jpg);
}
#navigation #nav_contact {
	width: 112px;
	height: 90px;
	background: url(../images/b_contact2.jpg);
	background-position: 0 0;
}
#navigation #nav_contact a:hover, #bod_contact #nav_contact a {
	background: url(../images/b_contact2ON.jpg);
	background-position: 0 0;
}










#contentarea {
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}


#leftcolumn {
	margin: 0 0 0 8px;
	padding: 0;
	width: 264px;
	float: left;
}


#casestudywrapper {
	margin: 0 0 0 0;
	padding: 18px 0 0 0;
	width: 264px;
	background: url(../images/study_top.jpg) top no-repeat;
	float: left;
	clear: both;
}
#casestudywrapper2 {
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	width: 264px;
	background: url(../images/study_bottom.jpg) bottom no-repeat;
	float: left;
}
.casestudy {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 264px;
	background: url(../images/study_bground.jpg);
	clear: both;
}
.casestudy p {
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
	width: 170px;
	font-size: 9px;
	text-align: justify;
	float: left;
}
.casestudy img {
	margin: 0 8px 0 8px;
	padding: 0 0 0 0;
	border-style: solid;
	border-width: 1px;
	border-color: #990000;
	float: left;
}
.casestudy h1 {
	margin: 0 0 20px 8px;
	padding: 0;
	width: 100%;
	line-height: 1em;
	font-size: 16px;
	font-weight: bold;
}
.casestudy h3 {
	margin: 0 0 5px 0;
	padding: 0;
	line-height: 1em;
	font-size: 12px;
	font-weight: bold;
}
.casestudy a {
	color: #990000;
	text-decoration: none;	
}
.casestudy a:hover {
	text-decoration: underline;	
}





#content {
	margin: 0 0 0 50px;
	width: 570px;
	float: left;
}
#content p {
	margin: 0 0 0 0;
	padding: 0 0 15px 45px;
}
#content a {
	color: #69A61D;
	text-decoration: none;
	font-weight: bold;
}
#content h3 {
	margin: 0 0 5px 15px;
	padding: 0 0 0 0;
	font-size: 14px;
	font-weight: bold;
}





.headers {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: url(../images/h2.gif) top left no-repeat;
	width: 285px;
	text-align: justify;
	float: left;
}
.headers h1 {
	margin: 0 0 10px 0;
	padding: 15px 0 0 35px;
	font-weight: bold;
	font-size: 16px;
}
.headers a {
	text-decoration: none;
	color: #990000;
}
.headers a:hover {
	text-decoration: underline;
}





.bigheading {
	margin: 0 0 10px 0;
	padding: 15px 0 0 35px;
	height: 48px;
	font-weight: bold;
	font-size: 16px;
	background: url(../images/h2.gif) left no-repeat;
}

#pageheader {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 82px;
	float: left;
}
#pageheader h1 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 82px;
	background-image: url(../images/h_home.jpg);
	background-position: 162px 0;
	background-repeat: no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}
#bod_home #pageheader h1 {
	background-image: url(../images/h_home.jpg);
}
#bod_design #pageheader h1 {
	background-image: url(../images/h_design.jpg);
}
#bod_application #pageheader h1 {
	background-image: url(../images/h_application.jpg);
}
#bod_portfolio #pageheader h1 {
	background-image: url(../images/h_portfolio.jpg);
}
#bod_about #pageheader h1 {
	background-image: url(../images/h_about.jpg);
}
#bod_contact #pageheader h1 {
	background-image: url(../images/h_contact.jpg);
}
#bod_seo #pageheader h1 {
	background-image: url(../images/h_seo.jpg);
}












#footerwrapper {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	height: 338px;
	text-align: center;
	background: url(../images/bground_footer.jpg) center top no-repeat;
}
#footercontainer {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 1000px;
	text-align: left;
}
#footercontent {
	margin: 0 0 0 0;
	padding: 250px 0 0 374px;
	color: #466019;
}
#footercontent a {
	color: #990000;
	text-decoration: none;
}
#footercontent a:hover {
	text-decoration: underline;
}



.brclear {
	clear: both;
	height: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0px;
}

form {
	text-align: left;
}
label {
	display: block;
}
form ul {
	padding: 0;
	list-style: none;
}
form ul li {
	list-style: none;
}
.required {
	color: #993300;
}