@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
body {
	background: #fff;
	text-align: center;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #999;
	text-transform: none;
	text-decoration: none;
}
a {
	color: #59bc4a;
	text-decoration: none;
	outline: none;
}
a:hover {
	text-decoration: underline;
}
h1 {
	font-size: 30px;
	font-weight: normal;
}
h2 {
	font-size: 24px;
	font-weight: normal;
}
h3 {
	font-size: 18px;
	font-weight: normal;
}
h4 {
	font-size: 16px;
	font-weight: normal;
}
h5 {
	font-size: 14px;
	font-weight: normal;
}
p {
/*	max-width: 360px;*/
	line-height: 18px;
/*	margin-bottom: 18px;*/
}
img {
	border: 0;
}
hr {
	display: none;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.clearFloat {
	clear: both;
	height: 0;
	overflow: hidden;
}
.textCenter {
	text-align: center;
}
.textRight {
	text-align: right;
}
.textJustify {
	text-align: justify;
}
.line {
	background-color: #00FFFF;
	width: 100%;
	height: 1px;
	overflow: hidden;
	margin: 20px 0;
}
ul, li {
	list-style-type: none;
}
/*

	WRAPPER START
	
*/
#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 900px;
	padding: 100px 40px 0 40px;
}
/*

	HEADER START
	
*/
#header {
	position: relative;
	width: 900px;
	height: 140px;
}
/*

	LOGO START
	
*/
#logo, #logoSubpage {
	width: 205px;
	height: 24px;
	position: absolute;
	top: 158px;
	right: 18px;
	overflow: hidden;
}
#logoSubpage {
	top: 106px;
	left: 240px;
}
#logo a, #logoSubpage a {
	background: url(../images/logo.gif) no-repeat scroll left top;
	display: block;
	width: 205px;
	height: 24px;
	text-indent: -9999px;
}
#logo a:hover, #logoSubpage a:hover {
	background: url(../images/logo.gif) no-repeat scroll left -24px;
}
/*

	TOP START
	
*/
#top {
	width: 760px;
	height: 37px;
	margin: 0 0 103px 140px;
}
#topHome {
	background: url(../images/top_icons.gif) no-repeat scroll left top;
	width: 37px;
	height: 37px;
	margin: 0 10px 0 0;
	float: left;
}
#topContact {
	background: url(../images/top_icons.gif) no-repeat scroll right top;
	width: 37px;
	height: 37px;
	margin: 0 20px 0 0;
	float: left;
}
#topHome a, #topContact a {
	display: block;
	width: 37px;
	height: 37px;
	text-indent: -9999px;
}
#topHome a:hover {
	background: url(../images/top_icons.gif) no-repeat scroll left bottom;
}
#topContact a:hover {
	background: url(../images/top_icons.gif) no-repeat scroll right bottom;
}
#topHome a.active {
	background: url(../images/top_icons.gif) no-repeat scroll left bottom;
}
#topContact a.active {
	background: url(../images/top_icons.gif) no-repeat scroll right bottom;
}
#topText {
	float: left;
}
#topText p {
	line-height: 37px;
}
/*

	MAIN START
	
*/
#main {
	width: 900px;
}
/*

	NAVIGATION START
	
*/
#navigation {
	width: 140px;
	padding: 60px 0 0 0;
	float: left;
}
#navigation a {
	display: block;
	height: 18px;
	text-indent: -9999px;
}
#navWorks, #navWebsites, #navGraphics, #navLogos, #navAbout, #navContact {
	margin: 0 0 8px 0;
}
#navWorks {
	background: url(../images/navigation.gif) no-repeat scroll left 0;
}
#navWorks, #navWorks a {
	width: 64px;
}
#navWorks a:hover, #navWorks a.active {
	background: url(../images/navigation.gif) no-repeat scroll left -18px;
}
#navWebsites {
	margin-left: 24px;
	background: url(../images/navigation.gif) no-repeat scroll left -36px;
}
#navWebsites, #navWebsites a {
	width: 91px;
}
#navWebsites a:hover, #navWebsites a.active {
	background: url(../images/navigation.gif) no-repeat scroll left -54px;
}
#navGraphics {
	margin: 0 0 3px 24px;
	background: url(../images/navigation.gif) no-repeat scroll left -72px;
}
#navGraphics, #navGraphics a {
	width: 89px;
	height: 23px;
}
#navGraphics a:hover, #navGraphics a.active {
	background: url(../images/navigation.gif) no-repeat scroll left -95px;
}
#navIdentity {
	margin: 0 0 3px 24px;
	background: url(../images/navigation.gif) no-repeat scroll left -118px;
}
#navIdentity, #navIdentity a {
	width: 70px;
	height: 23px;
}
#navIdentity a:hover, #navIdentity a.active {
	background: url(../images/navigation.gif) no-repeat scroll left -141px;
}
#navAbout {
	background: url(../images/navigation.gif) no-repeat scroll left -164px;
}
#navAbout, #navAbout a {
	width: 60px;
}
#navAbout a:hover, #navAbout a.active {
	background: url(../images/navigation.gif) no-repeat scroll left -182px;
}
#navContact {
	background: url(../images/navigation.gif) no-repeat scroll left -200px;
}
#navContact, #navContact a {
	width: 78px;
}
#navContact a:hover, #navContact a.active {
	background: url(../images/navigation.gif) no-repeat scroll left -218px;
}
/*

	CONTENT START
	
*/
#content {
	width: 760px;
	float: left;
}
#contentSubpage {
	width: 660px;
	padding: 60px 0 0 100px;
	float: left;
	overflow: hidden;
}
/*

	SHOWCASE START
	
*/
#showcase {
	width: 338px;
	height: 59px;
	border-top: 1px solid #e8eeef;
	border-left: 1px solid #e8eeef;
	border-right: 1px solid #e8eeef;
	padding: 0 20px;
}
#showcase h2 {
	background: url(../images/h2.gif) no-repeat scroll left top;
	width: 152px;
	height: 26px;
	text-indent: -9999px;
	margin: 16px 0 0 0;
	float: left;
}
#showcaseArrow {
	background: url(../images/showcase_arrow.gif) no-repeat scroll left top;
	width: 50px;
	height: 5px;
	margin: 27px 0 0 0;
	float: right;
}
#showcaseArrow a {
	display: block;
	width: 50px;
	height: 5px;
	text-indent: -9999px;
}
#showcaseBox {
	background: url(../images/showcase_bg.jpg) no-repeat scroll left top;
	width: 660px;
	height: 191px;
	padding: 71px 0 0 100px;
	margin: 0 0 50px 0;
	position: relative;
	overflow: hidden;
}
#showcaseBoxArrow {
	background: url(../images/showcase_box_arrow.gif) no-repeat scroll left top;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 50px;
}
.work {
	width: 120px;
	height: 120px;
	margin: 0 100px 50px 0;
	float: left;
/*	overflow: hidden;*/
}
.hidden {
	display: none;
}
/*

	WELCOME START
	
*/
#welcome {
	width: 380px;
	float: left;
}
#welcome h2 {
	background: url(../images/h2.gif) no-repeat scroll -152px top;
	width: 138px;
	height: 26px;
	text-indent: -9999px;
	margin: 0 0 25px 0;
}
/*

	FEATURED SERVICES START
	
*/
#featuredServices {
	width: 380px;
	float: left;
}
#featuredServices h2 {
	background: url(../images/h2.gif) no-repeat scroll -290px top;
	width: 255px;
	height: 26px;
	text-indent: -9999px;
	margin: 0 0 25px 0;
}
#featuredServices li span {
	background: url(../images/featured_services_bg.gif) repeat-y scroll left top;
	display: inline-block;
	line-height: 29px;
	padding: 0 30px 0 10px;
	margin-bottom: 1px;
}
#featuredServices a {
	color: #fff;
}
/*

	ABOUT
	
*/
#contentSubpage p#aboutText {
/*	max-width: 560px;*/
	width: 560px;
	line-height: 18px;
}
/*

	CONTACT
	
*/
#contactForm {
	width: 300px;
	float: left;
}
#contactForm p {
	font-size: 14px;
	margin-bottom: 10px;
}
.red {
	color: #ff0000;
}
#contactForm .inputBox {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #fff;
	background: url(../images/contact_form_bg.gif) repeat-x scroll left top;
	width: 280px;
	height: 15px;
	padding: 10px;
	border: 0;
	margin: 0 0 10px 0;
}
#contactForm .inputBox2 {
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #fff;
	background: url(../images/contact_form_bg.gif) repeat-x scroll left -35px;
	width: 280px;
	height: 131px;
	padding: 10px;
	border: 0;
	margin: 0 0 0 0;
	overflow: auto;
}
#contactForm .inputBox, .inputBox2 {
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
}
#contactForm div {
	position: relative;
}
#contactForm #inputBtn {
	position: absolute;
	top: 47px;
	left: 340px;
	outline: none;
}
#contactInfo {
	width: 220px;
	float: left;
	margin: 0 0 0 40px;
}
#contactInfo p {
	line-height: 18px;
	margin-bottom: 18px;
}
#contactInfo p span {
	font-size: 14px;
}
/*

	FOOTER START
	
*/
#footer {
	margin: 50px 0 50px 520px;
}
#footerSubpage {
	margin: 50px 0 50px 240px;
}
#footerSubpageWorks {
	margin: 0px 0 50px 240px;
}
/*

	UPDATE
	
*/
.collection {
	position: relative;
}
.number {
	background: url(../images/bg_s.png) no-repeat scroll left top;
	width: 60px;
	height: 60px;
	position: absolute;
	top: -10px;
	left: -10px;
}
.green {
	color: #59bc4a;
}