/* Crea Sixteen Main CSS Design */

a img {
	border: 0;
}

img a {
	border: 0;
}

body {
	background: url(images/background.png) repeat-x;
	padding: 14px 0 0 0;
	margin: 0;
}

#wrapper {
	width: 812px;
	margin: 0 auto;
}

	#header {
		width: 791px;
		height: 88px;
		background: url(images/header.png) left no-repeat;
		margin: 21px 0 21px 21px;
	}
	
		#header a {
			width: 396px;
			height: 88px;
			display: block;
			text-indent: -9999px;
		}

		#outline {
			width: 800px;
			padding: 5px 6px 0 6px;
			background: url(images/content-fade.png) top left no-repeat;
		}
		
		ul#navigation {
			width: 657px;
			height: 45px;
			background: url(images/navigation-bg.png) top left repeat-x;
			display: block;
			padding: 19px 0 0 143px;
			margin: 0;
		}
		
			ul#navigation li {
				margin: 0 5px;
				padding: 0;
				overflow: hidden;
				list-style: none;
				float: left;
			}
			
			ul#navigation li a {
				height: 28px;
				text-indent: -9999px;
				display: block;
			}
			
				li.company {
					width: 92px;
					background: url(images/navigation.gif) 0 0 no-repeat;
				}
				
					li.company a:hover {
						width: 92px;
						background: url(images/navigation.gif) 0 -30px no-repeat;
					}
					
				li.portfolio {
					width: 89px;
					background: url(images/navigation.gif) 0 -60px no-repeat;
				}
				
					li.portfolio a:hover {
						width: 89px;
						background: url(images/navigation.gif) 0 -90px no-repeat;
					}
					
				li.services {
					width: 85px;
					background: url(images/navigation.gif) 0 -120px no-repeat;
				}
				
					li.services a:hover {
						width: 85px;
						background: url(images/navigation.gif) 0 -150px no-repeat;
					}
					
				li.casestudies {
					width: 107px;
					background: url(images/navigation.gif) 0 -180px no-repeat;
				}
				
					li.casestudies a:hover {
						width: 107px;
						background: url(images/navigation.gif) 0 -210px no-repeat;
					}
					
				li.contact {
					width: 82px;
					background: url(images/navigation.gif) 0 -240px no-repeat;
				}
				
					li.contact a:hover {
						width: 82px;
						background: url(images/navigation.gif) 0 -270px no-repeat;
					}
					
		#bar {
			width: 800px;
			min-height: 30px;
			background: #c0c0c0;
		}
		
			#bar a {
				color: #444444;
				font-weight: bold;
				font-family: Helvetica;
				text-decoration: none;
				font-size: 13px;
			}
		
			#bar a:hover {
				color: #0d4fbe;
			}
		
		.bar {
			width: 730px;
			padding: 10px;
			background: #c0c0c0;
			color: #444444;
			font-size: 14px;
			margin-bottom: 15px;
		}
					
		#boxes {
			width: 800px;
			height: 200px;			
		}
		
			#boxes h1 {
				font-family: "Myriad Pro", "Lucida Grande", Tahoma, Verdana, sans-serif;
				font-size: 18px;
				color: #0046bb;
				padding: 0;
				margin: 0;
			}
			
			#boxes p {
				font-family: Helvetica;
				font-size: 13px;
				font-style: italic;
				color: #3a3333;
				line-height: 22px;
				padding: 0 0 0 3px;
				margin: 10px 0 0 0;
			}
					
		#box_left {
			width: 334px;
			height: 180px;
			background: url(images/boxleft.png) no-repeat;
			margin: 0;
			padding: 20px 32px 0 32px;
			float: left;
		}
		
			#btn_viewclients {
				width: 128px;
				height: 29px;
				background: url(images/box_buttons.png) 0 0 no-repeat;
				margin: 35px 0 0 206px;
			}
			
				#btn_viewclients a {
					width: 128px;
					height: 29px;
					display: block;
					text-indent: -9999px;
				}
		
		#box_right {
			width: 334px;
			height: 200px;
			background: url(images/boxright.png) top left no-repeat;
			margin: 0;
			padding: 20px 36px 0 32px;
			float: right;
		}
		
			#btn_learn {
				width: 128px;
				height: 29px;
				background: url(images/box_buttons.png) 0 -30px no-repeat;
				margin: 35px 0 0 206px;
			}
			
				#btn_learn a {
					width: 128px;
					height: 29px;
					display: block;
					text-indent: -9999px;
				}
				
		#content_wrapper {
			width: 750px;
			background: url(images/content-bg.png) repeat-y;
			padding: 15px 25px 40px 25px;
			position: relative;
		}
		
			#content_wrapper h2 {
				font-family: "Myriad Pro", "Lucida Grande", Tahoma, Verdana, sans-serif;
				font-size: 16px;
				color: #2f6eca;
				padding: 0;
				margin: 0;
			}
			
			.follow a {
				font-family: Helvetica;
				font-size: 13px;
				font-weight: bold;
				text-decoration: underline;
				color: #2f6eca;
				position: absolute;
				top: 15px;
				right: 25px;
			}
		
			#content_top {
				width: 800px;
				height: 12px;
				background: url(images/content-top.png) no-repeat;
			}
			
			.content {
				margin-top: 25px;
				font-family: Arial;
				font-size: 12px;
				color: #6a6a6a;
			}
			
				.content h1 {
					font-family: "Myriad Pro", "Lucida Grande", Tahoma, Verdana, sans-serif;
					font-size: 14px;
					color: #3a3333;
					margin: 0;
				}
				
				.content p {
					font-family: Arial;
					font-size: 12px;
					color: #6a6a6a;
					text-indent: 35px;
					line-height: 22px;
					margin-top: 30px;
				}
				
				p.none {
					text-indent: 0px;
				}	
				
				p.folio {
					margin: 0;
					text-indent: 0;
				}
				
				.folio_divider {
					width: 750px;
					height: 1px;
					background: url(images/divider.png) repeat-x;
					margin: 15px 0;
				}		
				
				.content a {
					font-weight: bold;
					color: #2f6eca;
					text-decoration: none;
				}
				
			.date {
				font-family: Arial;
				color: #989797;
				font-size: 10px;
			}
			
			.viewfolio {
				width: 180;
				height: 15px;
				padding: 5px 10px;;
				color: #cfcfcf;
				background: #e3e3e3;
				display: block;
				margin: 5px 0;
				font-family: "Myriad Pro", "Lucida Grande", Tahoma, Verdana, sans-serif;
				font-size: 12px;
				font-weight: normal;
			}
			
			.viewfolio a {
				display: block;
				color: #767676;
			}
			
				.viewfolio a:hover {
					color: #2f6eca;
					text-decoration: none;
				}
			
		#footer {
			width: 100%;
			font-family: Arial;
			font-size: 12px;
			color: #8c8c8c;
		}
		
			#footer_left {
				width: 300px;
				height: 50px;
				line-height: 50px;
				margin-left: 10px;
				float: left;
			}
			
				#footer_left a {
					color: #2f6eca;
					text-decoration: none;
				}
				
			#footer_right {
				width: 300px;
				height: 50px;
				line-height: 50px;
				margin-right: 10px;
				float: right;
				text-align: right;
			}
			
				#footer_right a {
					color: #8c8c8c;
					text-decoration: none;
				}
				
		.twitter {
			width: 100%;
		}