@charset "utf-8";
/* 
Website     :     Scarletcloud Creative
Author      :     Scarletcloud Creative
Date        :     07 October, 2009
*/

body {
	background: #e9e9cf url('../i/bg.jpg') top repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}	

/* General styles
------------------------- */
div#wrapper { 
	width: 920px;
	margin: 0 auto;
}

h1  { 
	font-size: 18px;
	color: #333;
	margin: 5px 0;
	letter-spacing: -1px;
}

h2  { 
	font-size: 16px;
	color: #777;
	margin: 5px 0;
	letter-spacing: -1px;
}

h3  { 
	font-size: 16px;
	color: #777;
	margin: 5px 0;
	letter-spacing: -1px;
}

h4  { 
	font-size: 14px;
	color: #333;
	margin: 5px 0;
	letter-spacing: -1px;
}

h5 { 
	font-size: 14px;
	color: #777;
	margin: 5px 0;
	letter-spacing: -1px;
}

a { color: #bf0d2a; }
	a:hover { text-decoration: none; }

* html form { margin: 0; padding: 0; }
.free-quote {
	padding: 10px 0 0 200px;
}		.free-quote a {
			background: url('/i/free-quote.jpg') no-repeat 0 0;
			display: block;
			width: 240px;
			height: 41px;
		}		.free-quote a:hover { background: url('/i/free-quote.jpg') no-repeat 0 -41px; }
				.free-quote a span { float: left; text-indent: -9999px; }
#freeQuote a {
	background: url('/i/free-web-design-quote.jpg') no-repeat 0 0;
	width: 251px;
	height: 251px;
	float: right;
	display: block;		
	margin: 15px 1px 0 15px;
}		#freeQuote a:hover {
			background: url('/i/free-web-design-quote.jpg') no-repeat 0 -251px;
		}		#freeQuote span { float: left; text-indent: -9999px; }
		
#facebook a {
	background: url('/i/facebook.jpg') no-repeat 0 0;
	width: 32px;
	height: 32px;
	float: left;
	display: block;		
	margin: 5px 2px 5px 0;
}		#facebook a:hover {
			background: url('/i/facebook.jpg') no-repeat 0 -32px;
		}		#facebook span { float: left; text-indent: -9999px; }
#twitter a {
	background: url('/i/twitter.jpg') no-repeat 0 0;
	width: 32px;
	height: 32px;
	float: left;
	display: block;		
	margin: 5px 2px;
}		#twitter a:hover {
			background: url('/i/twitter.jpg') no-repeat 0 -32px;
		}		#twitter span { float: left; text-indent: -9999px; }
/* Header styles
------------------------- */
div#topContainer {
	height: 95px;
}		div#header { background: url('../i/interior-header.jpg') no-repeat; width: 918px; height: 95px; margin: 0 auto; }
			div#topContainer-interior { height: 95px; }
			div#header-interior { background: url('../i/interior-header.jpg') no-repeat; width: 918px; height: 95px; margin: 0 auto; }
		div#logo { background: url('../i/logo-interior.jpg') no-repeat; width: 300px; height: 67px; float: left; margin-left: 25px; }
			#logo a { display: block; width: 300px; height: 67px; }
			#logo span { display: none; }
		div#logo-interior { background: url('../i/logo-interior.jpg') no-repeat; width: 300px; height: 67px; float: left; margin-left: 25px; }
			#logo-interior a { display: block; width: 300px; height: 67px; }
			#logo-interior span { display: none; }

			/* Navigation styles */
			#navContainer { float: right; list-style: none; margin: 35px 35px 0 0; width: auto; }
				ul#nav { float: right; list-style: none; width: auto; margin: 0; padding: 0; }
					#nav li { float: left; width: auto; margin: 0 2px; }
					#nav li a { font-size: 15px; padding: 0 5px; margin: 0 2px; color: #333; text-decoration: none; display: block; height: 20px; border-bottom: #777 3px solid; }
						#nav li.active a { border-bottom: #b90420 3px solid; }
						#nav li a:hover { border-bottom: #b90420 3px solid; border-top: #ddd 1px dashed; }

/* Ajax tab styles
------------------------- */
div#ajaxTabs {
	width: 830px;
	height: 280px;
	position: relative;
}		div#ajax-content { height: 245px; width: 825px; }
			div#ajax-content p { margin: 10px 0 0 205px; }
			* html div#ajax-content { width: 830px; }
		div.ajax { height: 225px; position: absolute; visibility: hidden; }
			div.ajax h3 { color: #666; font-size: 20px; font-family:Arial, Helvetica, sans-serif; margin: 20px 0 0 0; font-weight: 300; letter-spacing: -1px; }			
				div.ajax img { height: 185px; width: 185px; float: left; margin: 25px 0 0 0; }
			div.ajax h3,div.ajax p { margin-left: 205px; width: 610px; }
			div.ajax p { color: #666; }
		ul#ajax-tabs { background: url('../i/ajaxTabs-bg.jpg') no-repeat; width: 820px; height: 32px; list-style: none; padding-left: 9px; }
			#ajax-tabs li { float: left; width: auto; }
			#ajax-tabs li a { background: url('../i/ajax-li-bg.jpg') right no-repeat; color: #8e8e8e; text-decoration: none; font-weight: 600; display: block; padding: 8px 43px; font-size: 14px; }
				#ajax-tabs li a.last { background-image: none; }
					#ajax-tabs li a.last:hover { background-image: none; }
				#ajax-tabs li a:hover, #ajax-tabs li.selected a { color: #5d5d5d; background: #d9d9d9 url('../i/ajax-li-bg.jpg') right no-repeat; }
					#ajax-tabs li.selected a.last { background-image: none; }
		.active { visibility: visible !important; }
		ul.tabs { list-style: none; margin: 0; padding: 0 3px; width: auto; }
			ul.tabs a { float: left; outline: none; }
		a.details { background: url('../i/details-button.jpg') no-repeat; position: absolute; top: 180px; left: 200px; width: 192px; height: 39px; z-index: 99; }
			a.details:hover { background: url('../i/details-button-hover.jpg') no-repeat;; }
		a.button { display: block; text-align: left; text-indent: -9999px; }
		/* Internet Explorer 6 */
			* html ul#ajax-tabs { width: 805px; padding: 0 0 0 15px; }
				* html #ajax-tabs li a { padding: 8px 20px;  }

/* Main content styles
------------------------- */
div#contentArea {
	background: url('../i/content-bg.png') repeat-y;
	width: 820px;
	padding: 10px 52px;
	position: relative;
	color: #777;
}		#contentArea p { line-height: 16px; margin: 10px 0; }
		#contentArea h1, h2, h3, h4, h5 { margin: 10px 0; }
				
				ul#services { list-style: none; width: auto; margin: 0; padding: 0 0 0 10px; }
					#services li { width: auto; margin: 5px 0; }
					#services li strong { font-size: 14px; }

/* Ajax tab styles
------------------------- */
div#interiorContent {
	background: url('../i/content-bg.png') repeat-y;
	width: 850px;
	padding: 10px 35px;
	overflow: hidden;
}		* html div#interiorContent { background: url('../i/content-bg.jpg') repeat-y; }	
		div#left { width: 200px; float: left; }
			#left ul { padding: 0; margin: 0; list-style: none; }
			#left ul li { margin: 5px 0; }
			#left li a { display: block; color: #333; border-bottom: #f0f0f0 1px solid; text-decoration: none; padding: 5px; height: 15px; width: 180px; border-left: #e1e1df 3px solid; }
				#left li.active a { border-left: #B90420 3px solid; }
				#left li a:hover { background: #e5e5e5; border-left: #B90420 3px solid; }
		div#middle { width: 410px; padding: 0 20px; float: left; }
			#middle p { color: #333; line-height: 16px; }
			#middle img {  margin: 5px; }
		div#middleClients { width: 600px; padding: 0; float: left; }
			#middleClients p { color: #333; line-height: 16px; }
			#middleClients img {  margin: 5px; }
		div#rightHolder { width: 190px; float: left; padding: 0 5px 5px 5px; }
		div#right { background: #ebebeb; width: 190px; float: left; padding: 0 5px 5px 5px; }
			#right p { color: #888; }
			#right img { border: #ccc 2px solid; }
			.moreDetails a { color: #bf0d2a; float: right; }
				.moreDetails a:hover { text-decoration: none; }

/* Portfolio page
--------------------------------- */
.port_item {
	background: #eee;
	width: 625px;
	height: auto;
	padding: 10px;
	overflow: hidden;
	border-top: #d5d5d5 3px solid;
	margin: 0 0 10px 0;
}		.port_item span { font-weight: bold; }
		.port_item hr { margin: 0; border: none; border-top: dashed 1px #d4d4d4; color: #fbfbf0; background: #eee; height: 1px; float: right; width: 70px; }
		.port_item h2 {
			font-family: "Trebuchet MS", sans-serif;
			font-size: 18px;
			font-weight: lighter;
			color: #B90420;
			margin: 0;
		}		.port_item ul { margin: 0; padding: 0; list-style: none; float: left; clear: both; }
				.port_item ul li {
					background: url('/i/bullet2.jpg') 0 3px no-repeat;
					padding: 3px 0 5px 20px;
					width: 155px;
					float: left;
				}

.port_thumb a {
	border: #E2E2E2 2px solid;
	display: block;
	height: 135px;
	width: 250px;
	opacity: 0.5;
}		.port_thumb a:hover { border: #B90420 2px solid; opacity: 1; }
		.port_thumb img { margin: 0 !important; border: 0; }
		.port_thumb { width: 250px; height: 150px; float: left; margin: 5px 10px 0 5px; }

.launch {
	float: right;
}		.launch span { display: none; }
		.launch a { display: block; height: 29px; background: url('../i/launch.jpg') no-repeat; margin: 0; height: 29px; width: 70px; }
			.launch a:hover { background: url('../i/launch2.jpg') no-repeat;  }

.hide {
	display: none;
}
p.whatwedid {
	clear: both;
	float: left;
	margin: 0 0 5px 0;
}
/* Footer styles
------------------------- */
div#bottomShadow {
	background: url('../i/footer-bg.jpg') repeat-y;
	width: 920px;
	height: 17px; 
}

div#footer {
	width: 880px;
	padding: 0 20px;
}		#footer p { padding: 15px; text-align: center; clear: both; color: #a8a999; }
			* html #footer p { padding-top: 0; }
		div#newsLetter {
			width: 200px;
			height: 105px;
			padding: 0 15px 0 13px;
			border-right: #a8a7a3 2px solid;
			float: left;
		}		#newsLetter h1 { margin-top: 0; font-size: 17px; }
				#newsLetter p { margin: 0; padding: 0; }
				.required { width: 190px; border: #a3a3a3 1px solid; color: #777; padding: 2px; margin: 2px 0; }
				.subscribe { background: url('../i/subscribe-button.jpg') no-repeat; width: 68px; height: 22px; border: 0; margin: 5px 2px 5px 5px; float: right; }
					#newsLetter .submit {
						background: url('../i/subscribe-button.jpg') no-repeat; 
						width: 68px; 
						height: 22px; 
						border: 0; 
						margin: 5px 2px 5px 5px; 
						float: right;
					}
				.sendForm { background: url('../i/subscribe-button.jpg') no-repeat; width: 68px; height: 22px; border: 0; margin: 5px 12px 5px 5px; float: right; }
		div#footerNav {
			width: 530px;
			height: 100px;
			float: left;
		}		#footerNav ul { list-style: none; margin: 0 0 0 15px; padding: 0; }
					#footerNav ul li { background: url('../i/footer-li-bg.jpg') left no-repeat; float: left; padding: 5px 0 5px 15px; width: 155px; }
					#footerNav ul li a { color: #a8a999; text-decoration: none; font-size: 14px; }
						#footerNav ul li a:hover { color: #333; }
		div#valid {
			width: 119px; 
			float: left;
			height: 100px;
			margin: 0 0 0 1px;
		}		#valid img { border: 0; }
		
/* Slider & Form
----------------------------------------------- */
#featured { 
	width:385px; 
	padding:1px 250px 1px 1px; 
	position:relative; 
	border:5px solid #E1E1DF; 
	height:250px; 
	background:#fff;
}		#featured img { margin: 0; }
		#featured ul.ui-tabs-nav { 
			position:absolute; 
			top:0; 
			left:400px; 
			list-style:none; 
			padding:0; margin:0; 
			width:236px; 
		}		#featured ul.ui-tabs-nav li { width: 231px; height: 61px; padding:1px 5px 1px 4px; color:#666; }
					#featured ul.ui-tabs-nav li img { float:left; margin:2px 5px; background:#fff; padding:2px; border:1px solid #eee; }
					#featured ul.ui-tabs-nav li span { font-size: 0.833em; line-height:18px; }
					#featured li.ui-tabs-nav-item a { display:block; height:60px; color:#333; background:#fff; line-height:20px; }
						#featured li.ui-tabs-nav-item a:hover { background:#e8e8e8; }
					#featured li.ui-tabs-selected { background: url('/i/selected-item.gif') top left no-repeat; }
						#featured ul.ui-tabs-nav li.ui-tabs-selected a { background:#E1E1DF; }
					#featured .ui-tabs-panel { width:400px; height:250px; background:#999; position:relative; }
						#featured .ui-tabs-panel .info { position:absolute; top:180px; left:0; height:70px; background: url('/i/transparent-bg.png'); }
							#featured .info h2 { font-size:18px; font-family: Georgia, serif; color:#fff; padding:5px; margin:0; overflow:hidden; }
							#featured .info p { margin:0 5px; line-height:15px; color:#f0f0f0; }
							#featured .info a { text-decoration:none; color:#fff; }
								#featured .info a:hover { text-decoration:underline; }
					#featured .ui-tabs-hide { display:none; }

/* Slider & Form
----------------------------------------------- */
fieldset {
	padding: 5px 10px;
	border: #c1c1c1 1px solid;
	margin: 10px 0;
}

legend {
	padding: 5px 10px;
	border: #c1c1c1 1px solid;
	background: #f4f4f4;
}

fieldset .tarea2 {
	width: 375px;
	padding: 5px;
	height: 95px;
	background: #f4f4f4;
	border: 1px solid #c1c1c1;
	font-family: Arial, sans-serif;
	color: #666666;
}

fieldset .barleft {
	width: 175px;
	float: left;
	margin: 0 10px 20px 0;
}
fieldset .barleft1 {
	width: 175px;
	float: left;
	margin: 0 10px 15px 0;
}	

fieldset .dropdw {
	background: #f4f4f4;
	border: 1px solid #c1c1c1;
	padding: 5px;
	color: #666666;
	width: 171px;
}

fieldset .bar {
	width: 160px;
	height: 17px;
	background: #f4f4f4;
	border: 1px solid #c1c1c1;
	padding: 5px;
	color: #666666;
}

#SliderContainer {
	position: relative;
	height: 15px;
	width: 280px;
	background: url('/i/sliderbg.gif') repeat-x;
}
 
#Slider {
	position: absolute;
	height: 15px;
	width: 20px;
	background: url('/i/sliderarrow.gif') no-repeat;
	cursor: pointer;
}
#SliderContainer2 {
	position: relative;
	height: 15px;
	width: 280px;
	background: url('/i/sliderbg.gif') repeat-x;
}
 
#Slider2 {
	position: absolute;
	height: 15px;
	width: 20px;
	background: url('/i/sliderarrow.gif') no-repeat;
	cursor: pointer;
}

.details {
	line-height: 20px;
}

.barleft {
	width: 195px;
	float: left;
	margin: 0 10px 20px 0;
}
	
.barleft1 {
	width: 195px;
	float: left;
	margin: 0 10px 15px 0;
}	

.bar {
	width: 180px;
	height: 17px;
	background: #f4f4f4;
	border: 1px solid #c1c1c1;
	padding: 5px;
	color: #666666;
}

.barleft label {
	color: #666666;
	font-size: 11px;
	font-weight: normal;
}	

.barleft label b {
	color: #666666;
	font-weight: normal;
}
		
label {
	color: #666666;
	font-size: 11px;
	font-weight: normal;
}	
label b {
	color: #666666;
	font-weight: normal;
}
		
.dropdw {
	background: #f4f4f4;
	border: 1px solid #c1c1c1;
	padding: 5px;
	color: #666666;
	width: 192px;
	}
		
.next {
	width: 50px;
	height: 29px;
	border: 0;
	float: right;
	margin-right: 15px;
	background: url('/i/next.jpg') no-repeat;
}
		
.previous {
	width: 70px;
	height: 29px;
	border: 0;
	background: url('/i/previous.jpg') no-repeat;
	float: left;
}
	
.mtop {
	margin-top: 20px;
}

.tarea {
	width: 400px;
	height: 130px;
	background: #f4f4f4;
	border: 1px solid #c1c1c1;
	font-family: Arial, sans-serif;
	color: #666666;
}
.tarea2 {
	width: 385px;
	padding: 5px;
	height: 95px;
	background: #f4f4f4;
	border: 1px solid #c1c1c1;
	font-family: Arial, sans-serif;
	color: #666666;
}
		
.submit {
	width: 185px;
	height: 29px;
	background: url('/i/submit.jpg') no-repeat;
	border: 0;
	margin-right: 10px;
	float: right;	
}
.steps {
	color: #82B703;
	font-size: 12px;
}

.success {
	background-color: #d1ffce;
	border: 1px dashed #b7fab2;
}
.failed {
	background-color: #ffcece;
	border: 1px dashed #fab2b2;
}
.texbox {
	width: 300px;
	float: left;
	margin: 0 10px 20px 0;
}
.sendmail {
	width: 50px;
	height: 29px;
	background: url('/i/send.jpg') no-repeat;
	border: 0;
	margin-right: 10px;
	float: left;	
}
.sendmail2 {
	width: 50px;
	height: 29px;
	background: url('/i/send.jpg') no-repeat;
	border: 0;
	margin-right: 10px;
	float: right;	
}
.reset {
	width: 70px;
	height: 29px;
	background: url('/i/reset.jpg') no-repeat;
	border: 0;
	margin-right: 20px;
	float: left;	
}
.right_consult {
	width: 155px;
	border-bottom: 1px solid #e1e1e1;
	background: url('/i/pounds.gif') no-repeat left center;
	padding: 10px 0 0 45px;
	margin: 0 0 15px 0;
	float: left;
	clear: both;
}		.right_consult h4 { color: #B90420; }
		.right_consult p { margin: 0 0 10px 0; }
	
.payment {
	width: 200px;
	height: 74px;
	background: url('/i/payment.gif') no-repeat center top;
	margin: 5px 0;
}