/*Global------------------------------------------------*/
body {
	padding: 0;
	margin: 0;
	font-size: 62.5%;
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	color: #bbbbbb;
	background: #202020 url(../images/bg-body.png) 0 0 repeat-x;
	text-align: center; }

html>body {
	font-size: 10px; }
	
a:link, a:active, a:visited {
	color: #368ad9;
	text-decoration: none;
	border-bottom: 1px solid #368ad9; }

a:hover {
	color: #669c41;
	border-bottom: 1px solid #669c41; }
	
p {
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 18px; }
	
label {
	font-size: 1.2em;
	line-height: 1.5em;
	display: block; }
	
input {
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	padding: 0;
	background: #FFF;
	width: 238px;
	height: 20px;
	font-size: 1.2em;
	display: block;
	margin-top: -1px;
	margin-bottom: 17px;
	border: 1px solid #666; }
	
textarea {
	font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
	padding: 0;
	background: #FFF;
	width: 480px;	
	height: 92px;
	font-size: 1.2em;
	line-height: 1.5em;
	display: block;
	margin-bottom: 18px;
	margin-top: -1px;
	border: 1px solid #666; }

ul {
	padding-bottom: 18px; }

li {
	font-size: 1.2em;
	line-height: 1.5em;
	padding-left: 12px;
	background: url(../images/bullet-arrow.gif) 0 7px no-repeat; }
	
h3 { 
	font-size: 2.1em;
	line-height: 1.71429em;
	font-weight: bold;
	color: #fff; }
	
	h3 span {
		font-size: 0.6em;
		font-style: italic;
		font-weight: normal;
		display: block;
	}
	
h4 {
	font-size: 1.3em;
	line-height: 1.30769em; /* 17px */
	color: #FFF;
	border-bottom: 1px solid #333;
	font-weight: bold;
	margin-bottom: 18px; }
	
.leftCol, .rightCol {
	width: 222px;
	float: left;}
	
.rightcol { margin-left: 20px; }
	
.midCol {
	width: 240px;
	margin-left: 20px;
	float: left; }

#wrapper {
	text-align: left;
	width: 760px;
	margin: 0 auto 108px auto;
	position: relative; }
		
	#wrapper h1 {
		float: left;
		text-indent: -9000px;
		width: 240px;
		height: 42px;
		margin-top: 16px;
		background: url(../images/logo.gif) 0 0 no-repeat; }
		
	#wrapper #slogan {
		float: right;
		text-indent: -9000px;
		width: 500px;
		height: 72px;
		padding: 0;
		margin: 18px 0 0 0;
		background: url(../images/bg-slogan.gif) 0 0 no-repeat; }
		
	#wrapper .section {
		clear: both;
		margin-top: 54px;
		padding-top: 18px;
		width: 760px; }
		
		#wrapper .section .sectionContent {
			overflow: auto;
			width: 724px;
			padding: 18px 18px 0 18px;
			background: #111 url(../images/bg-section-top-right.gif) 752px 0 no-repeat; }
			
		#wrapper .section .sectionFooter {
			padding: 18px;
			clear: both;
			text-align: right;
			background: #111 url(../images/bg-section-bottom.gif) 0 48px no-repeat;}
		
			#wrapper .section .sectionFooter a {
				font-size: 1.2em;
				line-height: 1.5em;
				padding-right: 12px;
				border-bottom: 0;
				background: url(../images/bg-back-to-top.gif) right top no-repeat; }
	
				#wrapper .section .sectionFooter a span{ border-bottom: 1px solid #368ad9;}
		
				#wrapper .section .sectionFooter a:hover {
					background-position: right -18px;
					color: #669c41; }
		
					#wrapper .section .sectionFooter a:hover span { border-bottom-color: #669c41; }
					
/* Nav ------------------------------------------*/

#wrapper #nav {
		background: url(../images/bg-nav.png) 0 6px no-repeat;
		margin-left:254px;
		width: 512px;
		height: 36px;
		padding-bottom: 0; }
		
		#nav li {
			float: left;
			height: 18px;
			width: 74px;
			padding: 0;
			background: none;
			margin-right: 56px;
			margin-top: 9px;
			background: #0000FF;
			text-align: center;
			display: inline;}
			
			#nav li a {
				width: 74px;
				color: #FFF;	
				font-weight: bold;
				border-bottom: 0;
				display: block;
				background: #FF0000;
				text-indent: -9000px; }
			
			#nav li#workLink { margin-left: 24px; }
			
				#nav li#workLink a { background: url(../images/bg-nav-work.gif) 0 0 no-repeat;}
				
				#nav li#servicesLink a { background: url(../images/bg-nav-services.gif) 0 0 no-repeat;}
				
				#nav li#aboutLink a { background: url(../images/bg-nav-about.gif) 0 0 no-repeat;}
				
				#nav li#contactLink a { background: url(../images/bg-nav-contact.gif) 0 0 no-repeat;}
				
					#nav li#workLink a:hover, #nav li#servicesLink a:hover, #nav li#aboutLink a:hover, #nav li#contactLink a:hover { background-position: 0 -18px; }
				
			#nav li#contactLink { margin-right: 18px; } 
		
/* Work Section ------------------------------------------*/
#wrapper  #work { margin-top: 0px; }
	
	#wrapper #work .sectionContent { background-image: url(../images/bg-work-top-right.gif); }
	
	#work h2 {
		text-indent: -9000px;
		line-height: 36px;
		background: url(../images/bg-head-work.gif) 0 0 no-repeat; }
		
	#work .project {
		width: 724px;
		overflow: hidden;
		height: 180px;
		clear: both;
		margin-bottom: 36px; }
		
		#work .project .projectDetails {
			width: 222px;
			float: left; }
			
			#work .project .projectDetails h3 {
				margin-bottom: 0px; }
				
			#work .project .projectDetails h5 {
				color: #666;
				font-size: 0.9em;	
				line-height: 2em; }
				
			#work .project .projectDetails li {
				font-size: 1.1em;
				line-height: 1.63636em; }
				
			#work .project .projectDetails a { }
				
		#work .project .portfolioImage {
			width: 482px;
			height: 180px;
			float: right;
			border-bottom: none;}
			
			#work .project a.portfolioImage img {
				padding: 8px;
				border: 1px solid #333; }
				
				#work .project a.portfolioImage:hover img {
					background: #669c41;
					border: 1px solid #669c41; }
					
			#work .project div.portfolioImage img {
				padding: 8px;
				border: 1px solid #333; }
					
	#work #clientList {
		overflow: auto;
		width: 724px;
		margin-bottom: 0px; }
			
		#work #clientList ul { margin-bottom: 0; }
		
			
/* Services Section ------------------------------------------*/

#wrapper #services { }
	
	#services h2 {
		text-indent: -9000px;
		line-height: 36px;
		background: #202020 url(../images/bg-head-services.gif) 0 0 no-repeat; }
		
	#wrapper #serv
		
	#services p {
		margin-left: 18px; }
		
	#services h4 {
		float: right;
		width: 482px; }
		
	#wrapper #services .sectionFooter {
		padding-top: 18px;
		background-position: 0 48px; }
		
/* About Section ------------------------------------------*/

#wrapper #about { }

	#about h2 {
		text-indent: -9000px;
		line-height: 36px;
		background: #202020 url(../images/bg-head-about.gif) 0 0 no-repeat; }
	
	#about #profilePic {
		float: left;
		padding: 8px;
		border: 1px solid #333; }
		
	#about #profileDetails {
		margin-left: 20px;
		float: left;
		width: 482px;
		padding-bottom: 18px;
		overflow: auto;}
		
		#about #profileDetails img {
			float: left;
			margin-right: 36px; }
		
/* Contact Section ------------------------------------------*/

#wrapper #contact { }

	#contact h2 {
		text-indent: -9000px;
		line-height: 36px;
		background: #202020 url(../images/bg-head-contact.gif) 0 0 no-repeat; }
		
	#contact #contactMail {
		margin: 0 0 36px 0;
		width: 222px;
		float: left;}
		
		#contact #contactMail p { padding-bottom: 0; }
		
		#contact #contactMail .adr {
			font-size: 1.2em;
			line-height: 1.5em; }
	
	#contact #contactPhone {
		width: 222px;
		float: left;
		clear: left; }
	
	#contact #contactEmail {
		float:left;
		width: 482px;
		margin-left: 20px;
		padding-bottom: 18px; }
		
		#contact #contactEmail #contactResponse { }
		
			#contact #contactEmail #contactResponse div {
				padding: 9px;
				margin-bottom: 18px; }
				
			#contact #contactEmail #contactResponse #successMsg {
				border: 1px solid #669c41;
				background: #dcf2ce; }
				
				#contact #contactEmail #contactResponse #successMsg p {
					color: #528033;
					padding-bottom: 0;
					font-weight: bold; }
			
			#contact #contactEmail #contactResponse #errorMsg {
				border: 1px solid #990000;
				background: #f2dada; }
			
				#contact #contactEmail #contactResponse #errorMsg p {
					font-weight: bold;
					color: #990000; }
			
				#contact #contactEmail #contactResponse #errorMsg ul {
					color: #990000;
					padding-bottom: 0; }			
		
		#contact #contactEmail #sendButton {
			background: url(../images/bg-button-send.png) 0 0 no-repeat;
			text-indent: -9000px;
			border: 0;
			height: 18px;
			width: 110px;
			cursor: pointer;
			margin-bottom: 0; }
			
			#contact #contactEmail #sendButton:hover {
			background-position: 0 -18px; }
		
		

/* Footer ------------------------------------------*/

#wrapper #footer {
	font-size: 1.1em;
	margin-top: 18px;
	color: #555;}