@import "reset.css";

body {
	background: #ffffff url(../images/global/background.png) repeat-x top left;
	font-size: 12px;
}

strong {
	font-weight: bold;
}

#home {
	background: #ffffff url(../images/global/home-background.png) repeat-x top left;	
}

#container {
	width: 685px;
	height: 664px;
	padding: 0 20px 0 20px;
	margin: 13px auto 0 auto;
	background: transparent url(../images/global/container-background.png) no-repeat top left;
}

#home #container {
	margin: 13px auto 0 auto;
	background: transparent url(../images/global/home-container-background.png) no-repeat top left;
	height: 677px;
}
 
#header {
	width: 685px;
	height: 76px;
	background: #ffffff;
	position: relative;
}

#home #header {
	background: #000000;
	padding: 13px 0 0 0;
	width: 685px;
}

#logo {
	width: 216px;
	height: 47px;
	display: block;
	position: absolute;
	top: 29px;
	left: 111px;
	background: url(../images/global/logo.png) no-repeat top left;
	text-indent: -9999px;
}

#home #logo {
	width: 235px;
	background: url(../images/global/home-logo.png) no-repeat top left;
}

ul#navigation {
	width: 112px;
	height: 264px;
	margin: 84px 0 0 0px;
	padding: 0 0 0 0;
	float: left;
}

#home ul#navigation {
	background: #000000 url(../images/home/home-nav-background.png) no-repeat top left;
	margin: 0 0 0 0;
	padding: 84px 0 0 0;
	height: 200px;
}

ul#navigation li {
	float: left;
	width: 75px;
	height: 20px;
	margin: 0 0 8px 0;
	list-style-type: none;

}

#home ul#navigation li {
	height: 25px;
	margin: 0 0px 0 1px;
}

ul#navigation li a {
	background-image: url(../images/global/menu-sprite.png);
	background-repeat: no-repeat;
	width: 75px;
	height: 20px;
	padding: 0 0 0 0;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

#home ul#navigation li a {
	height: 25px;
	background-image: url(../images/home/navigation-sprite.png);
}

ul#navigation li a.home { background-position: 0 0; }
ul#navigation li a.about { background-position: 0 -20px; }
ul#navigation li a.portfolio { background-position: 0 -40px; }
ul#navigation li a.contact { background-position: 0 -60px; }

ul#navigation li a.home-active, ul#navigation li a.home:hover { background-position: -82px 0; }
ul#navigation li a.about-active, ul#navigation li a.about:hover { background-position: -82px -20px; }
ul#navigation li a.portfolio-active, ul#navigation li a.portfolio:hover { background-position: -82px -40px; }
ul#navigation li a.contact-active, ul#navigation li a.contact:hover { background-position: -82px -60px; }

#home ul#navigation li a.home { background-position: 0 0; }
#home ul#navigation li a.about { background-position: 0 -25px; }
#home ul#navigation li a.portfolio { background-position: 0 -50px; }
#home ul#navigation li a.contact { background-position: 0 -75px; }

#home ul#navigation li a.home-active, #home ul#navigation li a.home:hover { background-position: -76px 0; }
#home ul#navigation li a.about-active, #home ul#navigation li a.about:hover { background-position: -76px -25px; }
#home ul#navigation li a.portfolio-active, #home ul#navigation li a.portfolio:hover { background-position: -76px -50px; }
#home ul#navigation li a.contact-active, #home ul#navigation li a.contact:hover { background-position: -76px -75px; }

#content {
	width: 553px;
	height: 348px;
	margin: 0 20px 0 0;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.3;
	position: relative;
}

#home #content {
	background: #000000;
	margin: 0 0 0 0;
	padding: 0 20px 0 0;
	height: 284px;
	color: #999999;
}

.page {
	padding: 0 0 0 46px;
	color: #4C4C4C;
}

#home .page {
	padding: 62px 0 0 36px;
	color: #999999;
}

#home .page p {
	line-height: 1.5;	
}

.page p {
	font-size: 12px;
}	

h2 {
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
	color: #6DB33F;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

#home h2 {
	margin: 20px 0 0 0;
}

.submenu {
	margin: 43px 0 24px 0;
	height: 18px;
}

.submenu a {
	color: #501C02;
	text-decoration: none;
	padding: 2px 3px;
	font-weight: bold;
}

.submenu a.active, .submenu a:hover {
	color: #501C02;
}

.sub {
	padding: 1px;
	text-transform: uppercase;
	color: #501C02;
	border: 1px solid #6CB33F;
	float: left;
}

a#view-the-work {
	position: absolute;
	display: block;
	width: 98px;
	height: 38px;
	background: url(../images/page/btn_view-the-work.png) no-repeat top left;
	right: 12px;
	bottom: 25px;
	text-indent: -9999px;
}

#home a#view-the-work {
	top: 0px;
	background: url(../images/home/home-view-the-work.png) no-repeat top left;
	text-indent: -9999px;
	width: 109px;
	height: 41px;
	display: block;
	right: 30px;
}

#call-to-action {
	width: 652px;
	background: #000;
	height: 16px;
	margin: 0 0 11px 0;
	padding: 6px 33px 0 0;
	text-align: right;
	font-size: 9px;
	text-transform: uppercase;
	clear: both;
}

#home #call-to-action {
	height: 25px;
	margin: 0 0 0 0;
	padding: 72px 33px 0 0;
	background: url(../images/home/home-call-to-action.png) no-repeat top left;
	position: relative;
}

#call-to-action a {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#footer {
	width: 651px;
	height: 168px;
	padding: 5px 34px 0 0;
	background: url(../images/global/footer-background.png) no-repeat left bottom;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #989898;
	text-align: right;
}

#home #footer {
	background: url(../images/home/home-footer-background.png) no-repeat left bottom;
}

h3#tagline {
	width: 685px;
	height: 34px;
	background: url(../images/global/tagline.png) no-repeat top left;
	text-indent: -9999px;
	margin: 0 0 0 0;
}

#home h3#tagline {
	background: url(../images/home/home-tagline-clear.png) no-repeat top left;
}

#home h3#tagline div {
	width: 685px;
	height: 34px;
}

#home-tagline {
	width: 685px;
	height: 34px;
	background: url(../images/home/home-tagline-clear.png) no-repeat top left;
}


#frm_contact {
	display: block;
	margin: 5px 0 0 0;
}

#frm_contact label {
	float: left;
	width: 70px;
	margin: 1px 0 0 0;
}

#frm_contact .frm_contact_row {
	margin: 0 0 3px 0;
	clear: both;
}

#frm_contact .frm_contact_row_right {
	margin: 0 0 3px 70px;
	clear: both;
}

#frm_contact .frm_contact_input {
	width: 290px;
	border: none;
	padding: 2px;
	font-size: 10px;
	border: 1px solid #eeeeee;
	background: url(../images/form/form_input-bg.png) repeat-x top left;
}

#frm_contact .frm_contact_textarea {
	width: 290px;
	height: 34px;
	border: none;
	padding: 2px;
	font: 10px Arial, Helvetica, sans-serif;
	background: url(../images/form/form_input-bg.png) repeat-x top left;
	margin: 0;
	border: 1px solid #eeeeee;
}

#frm_contact .frm_contact_checkbox {
	margin: 0 0 2px 0;
	vertical-align: middle;
}

#frm_contact hr, #frm_contact .hr {
	border: none;
	height: 1px;
	background: #ffffff;
	margin: 5px 0 5px 0 ;
	padding: 0 0 0 0;
	line-height: 1;
}

#frm_contact .frm_contact_submit {
	background: #7BC143;
	color: #ffffff;
	border: none;
	padding: 3px 5px 3px 5px;
	text-transform: uppercase;
	font-size: 10px;
	cursor: pointer;
}

#frm_contact .frm_contact_submit:hover {
	background: #666666;
}

a {
	color: #CFCDB4;
}

.page a {
	color: #6DB33F;
	text-decoration: none;
}

.page a:hover {
	text-decoration: underline;
}

ul#project-list {
	float: left;
	width: 150px;
	height: 263px;
	padding: 85px 20px 0 0;
	text-transform: uppercase;
}

ul#project-list a {
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #B2B2B2;
	font-size: 10px;
}

ul#project-list a:hover, ul#project-list a.active {
	color: #501C02;
}


#project {
	width: 383px;
	float: left;
	height: 348px;
}

#project-slides {
	width: 383px;
	height: 226px;
}

#project-slides-paging {
	width: 383px;
	height: 30px;
}

p#project-title {
	color: #501C02;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0 0 2px 0;
}

.title-text {
	color: #000;
}

.project-slide-desc {
	text-transform: none;
	color: #F78F1E;
}

.project-description {
	color: #808080;
	font-size: 11px;
}

.project-description a {
	color: #333333;	
}

#project-slides-paging a {
	margin: 0 5px 0 0;
	color: #B2B2B2;
	text-decoration: none;
	border-bottom: 10px solid #B2B2B2;
	padding: 0 2px 0 2px;
}

#project-slides-paging a:hover {
	margin: 0 5px 0 0;
	color: #666666;
	text-decoration: none;
	border-bottom: 10px solid #666666;
	padding: 0 2px 0 2px;
}

#project-slides-paging a.activeSlide {
	margin: 0 5px 0 0;
	color: #501C02;
	text-decoration: none;
	border-bottom: 10px solid #501C02;
	padding: 0 2px 0 2px;
}

.contact-page {
	padding: 85px 0 0 0;
}

.contact-page a {
	color: #000000;
	text-decoration: none;
}

.aboutBox {
	width: 456px;
	height: 62px;
	background: url(../images/page/about-bg.jpg) no-repeat top left;
	padding: 21px 0 0 20px;
	font-size: 9px;
	position: relative;
}

.aboutBox a {
	position: absolute;
	left: 20px;
	top: 66px;
	color: #000000;
}

.signature {
	position: absolute;
	left: 36px;
	bottom: -30px;
	z-index: 999;
}