@import url("./whitespace-reset.css");

body {
	font: normal 16px "Trebuchet MS", Trebuchet, sans-serif;
	color: #333333;
	background: #4da3df url("../images/bg_body.png") 0 0 repeat-x; }

a { color: #0066ff; }

#sitewrapper {
	position: relative;
	width: 1074px; }

#header {
	position: relative;
	height: 110px;
	text-transform: uppercase; }
	#header #logo {
		position: absolute;
		right: 6px;
		top: 0;
		z-index: 10;
		width: 330px;
		height: 217px;
		font: normal 11px Verdana, Geneva, sans-serif;
		color: #888888;
		background: transparent url("../images/logo.png") 0 0 no-repeat; }
	#header h1 { padding: 11px 0 0 91px; }
		#header h1 a {
			display: block;
			width: 189px;
			height: 105px;
			text-indent: -8685px;
			outline: none; }
	#header address {
		padding: 10px 66px 3px 0;
		text-align: right;
		line-height: 150%; }
		#header address .line-2 { padding: 0 5px 0 0; }
		#header address .line-3 { padding: 0 10px 0 0; }
	#header p {
		padding: 0 76px 0 0;
		text-align: right; }
		#header p a { color: #888888; }
		#header p a:hover { color: #DCE0E4; }
	#header ul {
		position: absolute;
		left: 24px;
		top: 33px;
		z-index: 11; }
		#header ul li {
			float: left;
			padding: 0 20px 0 0; }
		#header ul a {
			float: left;
			padding: 0 12px;
			font-weight: bold;
			text-align: center;
			line-height: 27px;
			letter-spacing: 2px;
			color: #499bd4;
			text-decoration: none;
			background: transparent url("../images/bg_nav-item.gif") 0 0 repeat-x; }
		#header ul a:hover { color: #DCE0E4; }
		#header ul a.active {
			color: #DCE0E4;
			background-position: 0 100%;
			-webkit-box-shadow: 2px 2px 2px #1c2f48;
			-moz-box-shadow: 2px 2px 2px #1c2f48; }

#content {
	clear: both;
	padding: 20px 0 0 40px; }
	#content h1 {
		height: 120px;
		text-indent: -8685px; }
h3.subhead {
	padding: 10px 10px 10px 40px;
	margin: 0 0 25px -40px;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #ffffff;
	background: transparent url("../images/bg_subhead.png") 0 0 repeat-y; }
	h3.subhead a {
		color: #ffffff;
		text-decoration: none; }
.column {
	position: relative;
	float: left;
	min-height: 486px;
	padding: 0 0 7px 0;
	background: transparent url("../images/bg_col-shadow_bottom.gif") 100% 100% no-repeat; }
#left-col.column { background: transparent; }
	.column .shadow {
		float: left;
		padding: 0 6px 0 0;
		background: transparent url("../images/bg_col-shadow_right.png") 100% 0 repeat-y; }
	.column .gradient {
		float: left;
		padding: 9px 12px;
		background: #c1c7cd url("../images/bg_col-gradient.gif") 0 0 repeat-x; }
.category-button {
	position: relative;
	height: 126px;
	padding: 0 14px 0 0;
	margin: 0 -3px 20px -3px;
 }
	.category-button h2 {
		position: absolute;
/*		left: 14px;
		top: 14px;
		z-index: 2;*/
		text-indent: -8685px; }
	.category-button p {
		position: absolute;
/*		left: 0;
		right: 14px;
		top: 0;
		bottom: 0;
		z-index: 3;*/
		padding: 93px 0 0 14px;
		font: bold 14px Arial, Helvetica, sans-serif;
		letter-spacing: 1px;
 }
	.category-button a {
		text-decoration: none;
		color: #499bd4; }
		a:hover { text-decoration: underline; }
	.restaurant h2 {
		width: 197px;
		height: 121px;
		background: transparent url("../images/restaurants_tmp.png") 0 0 no-repeat; }
	.university h2 {
		width: 353px;
		height: 121px;
		background: transparent url("../images/sci_tmp.png") 0 0 no-repeat; }
	.commercial h2 {
		width: 353px;
		height: 121px;
		background: transparent url("../images/com_tmp.png") 0 0 no-repeat; }
	.column h3 {
		padding: 0 0 5px 0;
		color: #8f8f8f; }
p#footer {
	clear: both;
	padding: 7px 0 40px 0;
	margin: 0 6px 0 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #c0e0f7;
	background: transparent url("../images/bg_col-shadow_bottom.gif") 100% 0 no-repeat; }

/* Index cols
-----------*/
#index #content h1 { background: transparent url("../images/hdr_homepage.png") 0 0 no-repeat; }
#index #left-col {
	width: 226px;
	margin: 0 23px 0 0; }
	#index .column li {
		float: left;
		padding: 0 0 15px 0;
		background: transparent url("../images/bg_image-shadow_large.png") -3px -3px no-repeat; }
	#index #left-col li { background-image: url("../images/bg_image-shadow_small.png"); }
	#index .column li.odd {
		clear: both;
		padding-right: 20px; }
#index #center-col {
	width: 375px;
	margin: 0 23px 0 0; }
#index #right-col { width: 375px; }

/* Services
---------*/
#services #content h1,
#service-detail #content h1 { background: transparent url("../images/hdr_services.png") 0 0 no-repeat; }
#services #left-col {
	width: 630px;
	margin: 0 30px 0 0; }
	#services #left-col p {
		padding: 10px 0 20px 10px;
		line-height: 140%; }
	#services #left-col p#footer {
		padding: 7px 0 40px 0;
		margin: 0; }
	#services #skills {
		width: 546px;
		height: 391px;
		margin: 10px;
		background: transparent url("../images/bg_skills.png") 0 0 no-repeat; }
		#services #skills ul { display: none; }
#services #right-col {
	width: 374px;
	min-height: 400px;
	background-position: 98% 100%; }
	#right-col h3.subhead {
		position: absolute;
		top: -65px;
		left: 0;
		z-index: 10;
		min-width: 180px;
		padding: 10px;
		margin: 0;
		color: #ffffff;
		text-transform: none; }
	#services #right-col .category-button {
		width: 338px;
		margin: 0 0 10px 0; }

/* Services detail
----------------*/
#service-detail #left-col {
	width: 680px;
	margin: 0 30px 0 0; }
	#service-detail #left-col .gradient {
		padding: 15px 15px 0 15px;
		background: #ffffff url("../images/bg_services-gradient.gif") 0 0 repeat-x }
	#service-detail #left-col h2#hdr_restaurant-websites,
	#service-detail #left-col h2#hdr_commercial-websites,
	#service-detail #left-col h2#hdr_science-university-websites {
		height: 84px;
		padding: 0 0 25px 0;
		text-indent: -8685px;
		background: transparent url("../images/hdr_restaurant-websites.png") 0 0 no-repeat; }
	#service-detail #left-col h2#hdr_commercial-websites { background: transparent url("../images/hdr_commercial-websites.png") 0 0 no-repeat; }
	#service-detail #left-col h2#hdr_science-university-websites { background: transparent url("../images/hdr_science-university-websites.png") 0 0 no-repeat; }
	#service-detail #left-col h3 {
		padding: 10px 0 8px 0;
		font: normal 24px "Trebuchet MS", Helvetica, sans-serif;
		color: #333333;
		text-transform: none; }
	#service-detail #left-col p {
		padding: 0 0 15px 0;
		line-height: 150%; }
	#service-detail #left-col .small-sidebar p { padding-right: 20px; }
	#service-detail #left-col p#footer {
		padding: 7px 0 40px 0;
		margin: 0; }
	#service-detail #left-col #main {
		float: left;
		width: 422px;
		padding: 0 30px 0 0; }
	#service-detail #left-col .small-sidebar #main { width: 442px; }
	#service-detail #left-col #sidebar {
		float: left;
		width: 193px;
		padding: 25px 0 40px 14px;
		margin: -15px -15px 0 0;
		background: #d1d9df; }
	#service-detail #left-col .small-sidebar #sidebar {
		width: 173px;
		padding-left: 12px; }
		#service-detail #left-col #sidebar h4 {
			padding: 0 0 10px 0;
			color: #666666; }
		#service-detail #left-col #sidebar li {
			float: left;
			padding: 0 10px 15px 0;
			background: transparent url("../images/bg_image-shadow_small.png") -3px -3px no-repeat; }
		#service-detail #left-col #sidebar ul.large li {
			float: none;
			padding-right: 0;
			background-image: url("../images/bg_image-shadow_large.png"); }
			#service-detail #left-col #sidebar li img { display: block; }
#service-detail #right-col { width: 324px; }
	#service-detail #right-col { background-position: 99% 100%; }
	#service-detail #right-col .gradient { padding: 9px; }

form.request-consult { background: transparent url("../images/bg_contact-form.png") 0 0 no-repeat; }
	form.request-consult p {
		padding: 0 0 20px 0;
		line-height: 130%; }
	form.request-consult p.error {
		padding: 0 0 5px 0;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		color: #c21200; }
	form.request-consult p.success {
		padding-top: 10px;
		font-size: 24px;
		color: #009933; }
	form.request-consult fieldset {
		width: 247px;
		height: 566px;
		padding: 25px 30px;
		border: none; }
	form.request-consult label {
		display: block;
		clear: both;
		padding: 0 0 1px 0;
		font-size: 14px;
		font-weight: bold; }
	form.request-consult label.error { color: #c21200; }
	form.request-consult input.input-text {
		width: 235px;
		height: 20px;
		padding: 4px 5px 0 5px;
		margin: 0 0 13px 0;
		font: normal 12px Verdana, Helvetica, sans-serif;
		color: #555555;
		border: 1px solid #9b9b9b; }
	form.request-consult input.error,
	form.request-consult select.error,
	form.request-consult textarea.error {
		border-color: #c21200;
		background: #fdb5b5; }
	form.request-consult .zip {
		float: left;
		width: 120px; }
		form.request-consult .zip input { width: 78px; }
	form.request-consult .budget {
		float: left;
		width: 120px; }
	form.request-consult select { border: 1px solid #9b9b9b; }
	form.request-consult textarea {
		width: 245px;
		height: 138px;
		margin: 0 0 13px 0;
		padding: 4px 5px 4px 5px;
		font: normal 12px Verdana, Helvetica, sans-serif;
		color: #555555;
		border: 1px solid #9b9b9b; }
	form.request-consult input.btn_submit {
		clear: both;
		float: right;
		margin: 0 0 5px 0; }
#main .hrule {
	clear: both;
	padding: 0 0 10px 0;
	margin: 0 0 25px 0;
	border-bottom: 1px solid #b8c1c8; }
	#main .hrule hr { display: none; }
ul.testimonials li { padding: 0 0 25px 0; }
ul.testimonials p {
	font-size: 12px;
	font-weight: bold;
	color: #888888; }
	ul.testimonials blockquote p {
		font-size: 16px;
		color: #333333;
		font-weight: normal; }
	ul.testimonials p a { 
	text-decoration: none;
	color: #888888;	}
	ul.testimonials p a:hover { text-decoration: underline; }

/* Why Next
---------*/
#why-next #content h1 { background: transparent url("../images/hdr_why-choose-next.png") 0 0 no-repeat; }
#why-next #left-col { width: 832px; }

/* About
------*/
#about #content h1 { background: transparent url("../images/hdr_our-team.png") 0 0 no-repeat; }
#about #left-col { width: 675px; }
	#about #left-col .gradient { background: #ffffff url("../images/bg_services-gradient.gif") 0 0 repeat-x }
	#about #left-col h3 {
		padding: 15px 0 20px 10px;
		font: normal 24px "Trebuchet MS", Helvetica, sans-serif;
		color: #333333;
		text-transform: uppercase;
		text-decoration: underline;	}
	#about #left-col p {
		padding: 10px 0 10px 10px;
		line-height: 150%; }
	#about #left-col p#footer {
		padding: 7px 0 40px 0;
		margin: 0 -3px 0 0; }
	ul.principals li {
		clear: both;
		padding: 0 0 25px 0px; }
	ul.principals img {
		float: left;
		margin: 0 10px 0 0; }
	ul.principals .details { overflow: hidden; }
		ul.principals .details p {
			font-size: 14px;
			line-height: 130%; }
		ul.principals .details h4 {
			font-size: 18px;
			font-weight: normal;
			padding: 0 0 0 10px}
		ul.principals .details p.title {
			font-size: 14px;
			font-weight: bold; }
	ul.associates li {
		float: left;
		width: 40%;
		padding: 0 35px 0 0; }
	ul.associates h4 {
		padding: 0 0 0 10px;
		font-size: 18px;
		font-weight: normal; }
	ul.associates p { font-size: 14px; }

/* Contact
--------*/
#contact #content h1 { background: transparent url("../images/hdr_contact-us.png") 0 0 no-repeat; }
#contact #left-col { width: 687px; }
	#contact #left-col .gradient {
		width: 651px;
		padding: 20px 12px;
		background: #ffffff url("../images/bg_services-gradient.gif") 0 0 repeat-x }
#contact form.request-consult { float: right; }
#contact #left-col address {
	padding: 0 0 20px 10px;
	line-height: 160%; }

/* Modal
------*/
#modal-layer {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 101;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: .35;
	filter: alpha(opacity = 35); }
#modal {
	display: none;
	position: absolute;
	left: 265px;
	top: 130px;
	z-index: 102;
	width: 589px;
	height: 277px;
	padding: 29px 29px 29px 26px;
	background: transparent url("../images/bg_modal.png") 0 0 no-repeat; }
	#modal a.btn_close {
		float: right;
		width: 29px;
		height: 28px;
		margin: -5px -5px 10px 0;
		text-indent: -8685px;
		outline: none;
		background: transparent url("../images/btn_close.gif") 0 0 no-repeat; }
	#modal .slideshow {
		clear: both;
		float: left;
		position: relative;
		width: 309px;
		height: 209px;
		margin: 0 37px 0 0;
		overflow: hidden;
		background: transparent url("../images/bg_slideshow-matte.gif") 0 0 no-repeat; }
		#modal .slideshow img {
			display: block;
			margin: 3px; }
	#modal .details {
		float: left;
		width: 243px; }
		#modal .details h2 {
			font: normal 24px Helvetica, Arial, sans-serif;
			color: #333333; }
		#modal .details h3 {
			padding: 0 0 10px 0;
			font: bold 20px Helvetica, Arial, sans-serif;
			color: #797979; }
		#modal .details p {
			padding: 0 0 20px 0;
			font-size: 14px;
			line-height: 125%; }
		#modal .details p.more {
			text-align: right;
			font: normal 18px Verdana, Geneva, sans-serif; }
			#modal .details p.more a { text-decoration: none; }
			
.hidden {
	display: none;
}