@charset "utf-8";
/* CSS Document */

* { zoom: 1; }

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}

/* HTML + CLASSES */
html, body {height: 100%; margin: 0px; padding: 0px;}
body
{
	font-family: Tahoma, Verdana, Arial, "sans serif";
	font-size: 13px;
	color: #666;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/body-bg-x.gif);
	background-repeat: repeat-x;
}

a img {border: none; outline: none;}
a {color: #cf212e; outline: none;}
a:hover {color: #000000; outline: none;}
.container {width: 960px; margin: auto; position: relative;}
.small {font-size: 10px;}
.clear {clear: both;}
.right {float: right;}
.left {float: left;}

/* HEADER */
#header {position: relative; height: 262px; z-index: 1;}
	#header .container {}
	.bottom-bar {position: absolute; bottom: 0px; margin: auto;}
	/* LOGO */
	#logo {float: left;}
	/* NAV */
	#nav {list-style: none; padding: 0px; margin: 0px; float: right; height: 66px; display: block; position: relative; z-index: 2000;}
	#nav li {display: block; float: left; background-image: url(../images/nav-seperator.gif); background-position: left bottom; background-repeat: no-repeat; position: relative; height: 66px;}
	#nav li a {display: block; color: #cf212e; text-decoration: none; font-size: 17px; height: 51px; padding: 15px 15px 0px 15px;}
		#nav li.mnone {background-image: none;}
		#nav li a strong {font-size: 11px; font-weight: normal; display: block; margin-top: 5px; color: #999;}
			/* MAIN NAV STYLES */
	.page-index #nav .page-index,
	.page-our-services #nav .page-our-services,
		.page-seo #nav .page-our-services,
		.page-keyword-research #nav .page-our-services,
		.page-seo-results #nav .page-our-services,
		.page-seo-details #nav .page-our-services,
		.page-seo-report #nav .page-our-services,
		.page-on-site-optimisation #nav .page-our-services,
		.page-off-site-link-building #nav .page-our-services,
		.page-social-media-networks #nav .page-our-services,
		
		.page-online-marketing #nav .page-our-services,
		.page-online-marketing-conversions #nav .page-our-services,
		.page-online-marketing-ppc #nav .page-our-services,
		.page-online-marketing-marketing-data #nav .page-our-services,
		.page-online-marketing-email #nav .page-our-services,
		.page-online-marketing-affiliates #nav .page-our-services,
		.page-online-marketing-tracking #nav .page-our-services,
		.page-online-marketing-google #nav .page-our-services,
		
		.page-web-design #nav .page-our-services,
		.page-design-guarantee #nav .page-our-services,
		.page-design-seo #nav .page-our-services,
		.page-cms #nav .page-our-services,
		.page-maintenance #nav .page-our-services,
		
		.page-web-development #nav .page-our-services,
		.page-development-guarantee #nav .page-our-services,
		.page-development-examples #nav .page-our-services,
		.page-capabilities-and-languages #nav .page-our-services,
		.page-cloud-computing #nav .page-our-services,
		
		.page-e-commerce #nav .page-our-services,
		.page-e-commerce-features #nav .page-our-services,
		.page-e-commerce-guarantee #nav .page-our-services,
		.page-systems-integration #nav .page-our-services,
		.page-e-commerce-cms #nav .page-our-services,
		.page-usability #nav .page-our-services,
		.page-marketing #nav .page-our-services,
		
		.page-web-hosting #nav .page-our-services,
		.page-options #nav .page-our-services,
		.page-dedicated-servers #nav .page-our-services,
		.page-email-domain #nav .page-our-services,
		.page-hosting-e-commerce #nav .page-our-services,
	.page-portfolio #nav .page-portfolio,
	.page-about #nav .page-about,
		.page-jobs #nav .page-about,
		.page-news #nav .page-about,
		.page-company-registration #nav .page-about,
	.page-contact #nav .page-contact,
	.page-get-a-quote #nav .page-contact,
			#nav li:hover a {background-image: url(../images/current-nav-arrow.gif); background-repeat: no-repeat; background-position: center bottom;}
			#nav li ul {display: none; position: absolute; top: 66px; left: 0px; width: 230px; background-color: #50504D; list-style: none; padding: 0px; margin: 0px; padding-top: 6px; z-index: 5000;}
				#nav li ul li {line-height: 25px; height: 25px; padding: 0px; margin: 0px; display: block; background-image: none; }
				#nav li ul li a, #nav li:hover ul li a {color: #FFF; height: 30px; line-height: 25px; font-size: 13px; padding: 0px 6px 10px 6px; display: block; width: 218px; background-image: none; text-shadow: 0px 0px #961a23; background-repeat: repeat-x; background-position: top; border-top: 0px solid #CCC;}
				#nav li ul li a:hover {color: #fc0;}
	
	/* BANNER HEADING */
	#banner-heading {background-color: #2e2e2e; color: #fff; display: block; position: absolute; top: 72px; font-size: 14px; padding: 5px; margin: 0px; line-height: 24px; text-shadow: 1px 1px #000;}
	
	/* BANNER IMAGE */
	#banner-image {clear: both; margin: 7px 0px 0px 0px; height: 153px; background-color: #cf212e; position: relative; z-index: -1000; *padding: 0px; *margin: 0px; *height: 156px;}
	#banner-image a {clear: both; width: 100%; height: 153px; background-repeat: no-repeat; background-position: center bottom; display: block;  *height: 156px;}
		.bi1 {background-image: url(../images/banner-images-scraft.png); }
		.bi2 {background-image: url(../images/banner-images-rds.png); }
		.bi3 {background-image: url(../images/banner-images-hargroves.png); }
		.bi4 {background-image: url(../images/banner-images-kinetico.png); }
		.bi5 {background-image: url(../images/banner-images-longdown.png); }
	
	/* BANNER */
	#banner {padding: 13px 0px 0px 0px; color: #cf212e; list-style: none; line-height: 30px; font-size: 20px; clear: both; margin: 7px 0px 0px 0px; height: 140px; overflow: hidden; clear: both; position: relative; *padding: 0px; *margin: 0px; *height: 156px; z-index: -1000;}
		#banner img.left, #banner img.right, #banner img {position: static; z-index: -2000;}
		/*.page-about #banner img, .page-jobs #banner img, .page-news #banner img, .page-company-registration #banner img, .page-our-services #banner img, .page-contact #banner img, .page-get-a-quote #banner img {float: right;   z-index: 10;}*/
		
	/* STICKER */
	#sticker {position: absolute; bottom: 45px; right: 30px;}
		
	/* TEL */
	#tel {position: absolute; bottom: 0px; right: 50px; width: 182px; height: 49px; line-height:20px; background-image: url(../images/tab-bg.png); background-repeat: no-repeat; background-position: 0px 0px; text-align: center; padding: 7px 0px 0px 0px; color: #fff; font-size: 12px; text-shadow: 0px -1px #530a0f; display: block; z-index: 2000;}
	.page-index #tel {position: absolute; right: 0px;}
		#tel strong {font-size: 16px;line-height:20px; }
		
	/* HIRING */
	#hiring {position: absolute; left: 0px; bottom: 0px; line-height: 40px; color: #fff; text-decoration: none;}
		#hiring strong {color: #FC0;}
		
	/* SUBNAV */
	#subnav {list-style: none; padding: 0px; margin: 0px 0px 0px -10px; position: absolute; left: 0px; bottom: 0px; text-shadow: 0px -1px #530a0f; z-index: 3000;}
	#subnav li {display: block; float: left;}
	#subnav li a {display: block; float: left; line-height: 40px; color: #fff; font-size:15px; text-decoration: none; padding: 0px 12px 0px 12px; border-right: 0px solid #D23843;}
		#subnav li a:hover {color: #FC0;}
		#subnav li a.bnone {border: none;}
		
	/* SUB NAV STYLES */
	.page-seo #subnav .page-seo,
	.page-keyword-research #subnav .page-keyword-research,
	.page-on-site-optimisation #subnav .page-on-site-optimisation,
	.page-seo-results #subnav .page-seo-results,
	.page-seo-report #subnav .page-seo-report,
	.page-seo-details #subnav .page-seo-details,
	.page-off-site-link-building #subnav .page-off-site-link-building,
	.page-social-media-networks #subnav .page-social-media-networks,
	
	.page-web-design #subnav .page-web-design,
	.page-design-process #subnav .page-design-process,
	.page-design-guarantee #subnav .page-design-guarantee,
	.page-design-seo #subnav .page-design-seo,
	.page-cms #subnav .page-cms,
	.page-maintenance #subnav .page-maintenance,
	
	.page-web-development #subnav .page-web-development,
	.page-capabilities-and-languages #subnav .page-capabilities-and-languages,
	.page-development-guarantee #subnav .page-development-guarantee,
	.page-development-examples #subnav .page-development-examples,
	.page-cloud-computing #subnav .page-cloud-computing,
	
	.page-e-commerce #subnav .page-e-commerce,
	.page-e-commerce-features #subnav .page-e-commerce-features,
	.page-systems-integration #subnav .page-systems-integration,
	.page-e-commerce-guarantee #subnav .page-e-commerce-guarantee,
	.page-usability #subnav .page-usability,
	.page-e-commerce-cms #subnav .page-e-commerce-cms,
	.page-marketing #subnav .page-marketing,
	
	.page-web-hosting #subnav .page-web-hosting,
	.page-options #subnav .page-options,
	.page-dedicated-servers #subnav .page-dedicated-servers,
	.page-email-domain #subnav .page-email-domain,
	.page-hosting-e-commerce #subnav .page-hosting-e-commerce,
	
	.page-online-marketing #subnav .page-online-marketing,
	.page-online-marketing-conversions #subnav .page-online-marketing-conversions,
	.page-online-marketing-ppc #subnav .page-online-marketing-ppc,
	.page-online-marketing-marketing-data #subnav .page-online-marketing-marketing-data,
	.page-online-marketing-email #subnav .page-online-marketing-email,
	.page-online-marketing-affiliates #subnav .page-online-marketing-affiliates,
	.page-online-marketing-tracking #subnav .page-online-marketing-tracking,
	
	.page-about #subnav .page-about,
	.page-news #subnav .page-news,
	.page-jobs #subnav .page-jobs,
	.page-company-registration #subnav .page-company-registration
	{color: #ecb2b6; cursor: text;}

/* QUOTE FORM */
#quote-form {width: 100%; position: relative; background-color: #2e2e2e; border-top: 1px solid #ccc; color: #ccc; font-size: 11px; padding: 10px 0px 10px 0px; display: none;}
	#quote-form .container {width: 960px; height: 280px; padding: 0px; overflow: hidden; margin: 0px auto 0px auto;}
	#quote-form .container div {float: left; height: 260px; padding: 0px 35px 0px 5px;}
	#quote-form .container h2 {margin: 0px; padding: 0px 0px 10px 0px; font-size: 15px; font-weight:normal; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; color: #FFFFFF;}
	#quote-form .container div p {margin: 3px 0px 3px 0px; padding: 0px; line-height: 25px;}
	#quote-form .container form div p label {width: 120px; text-align: left;}
	#quote-form .container form div p {clear: both; text-align: left;}
	#quote-form .container form div p .input {width: 150px; float: left; font-size: 12px; border: 1px solid #000; height: 1.8em; padding: 0px; margin: 0px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #000; background-color: #efefef;  vertical-align: middle;}
	#quote-form .container form div p .select {width: 150px; float: left; font-size: 12px; border: 1px solid #000; height: 1.8em; padding: 0px; margin: 0px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #000; background-color: #efefef; vertical-align: middle;}
	#quote-form .container form div p textarea {width: 450px; height: 130px; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; margin-top: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #000; background-color: #efefef;}
	#quote-form .container form div p a {border: none;}
	#quote-form .container form div .submit {float: left; background-color: #961a23; display:inline-block; margin-top: -4px; margin-left: 20px; padding: 5px 10px 6px; color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:13px; font-weight:bold; line-height:1; border:0;}
	#quote-form .container form div .submit:hover {background-color: #c2515a;}
	
	#quote-form2 {width: 100%; position: relative; color: black; font-size: 11px; padding: 10px 0px 10px 0px;}
	#quote-form2 .container {width: 700px; height: 280px; padding: 0px; overflow: hidden; margin: 0px auto 0px auto;}
	#quote-form2 .container div {float: left; width: 210px; height: 260px; padding: 0px 5px 0px 5px;}
	#quote-form2 .container h2 {margin: 0px; padding: 0px 0px 10px 0px; font-size: 15px; font-weight:normal; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; color: #FFFFFF;}
	#quote-form2 .container div p {margin: 3px 0px 3px 0px; padding: 0px; line-height: 25px;}
	#quote-form2 .container form div p label {width: 120px; text-align: left;}
	#quote-form2 .container form div p {clear: both; text-align: left;}
	#quote-form2 .container form div p .input {width: 150px; float: left; font-size: 12px; border: 1px solid #000; height: 1.8em; padding: 0px; margin: 0px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #000; background-color: #efefef;  vertical-align: middle;}
	#quote-form2 .container form div p .select {width: 150px; float: left; font-size: 12px; border: 1px solid #000; height: 1.8em; padding: 0px; margin: 0px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #000; background-color: #efefef; vertical-align: middle;}
	#quote-form2 .container form div p textarea {width: 210px; height: 120px; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; margin-top: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #000; background-color: #efefef;}
	#quote-form2 .container form div p a {border: none;}
	#quote-form2 .container form div .submit {float: left; background-color: #961a23; display:inline-block; margin-top: 20px; padding:5px 10px 6px; color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; -moz-box-shadow:0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.5); text-shadow:0 -1px 1px rgba(0,0,0,0.25); border-bottom:1px solid rgba(0,0,0,0.25); position:relative; cursor:pointer; font-size:13px; font-weight:bold; line-height:1; border:0;}
	#quote-form2 .container form div .submit:hover {background-color: #c2515a;}
	#form {width: 300px;}
	.input {float: right;}
	
/* BUTTONS */
#button-get-a-quote {color: #333; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; background-color: #ccc; position: absolute; right: 26px; top: -26px; line-height: 40px; border: 1px solid #ccc; cursor: pointer; text-shadow: 0px 0px #fff; font-size: 18px; font-weight: normal; width: 231px; text-align: center; border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; *margin-top: 5px;}
#button-get-a-quote.active, #button-get-a-quote.active:hover {border-top: 1px solid #2e2e2e; color: #666; background-color: #2e2e2e; text-shadow: 0px -1px #000;}
#button-get-a-quote:hover {border-top: 1px solid #2e2e2e; color: #fff; background-color: #2e2e2e; text-shadow: 0px -1px #000;}
	#button-get-a-quote span {font-size: 11px;}
	.page-portfolio #button-get-a-quote {margin-top: 5px;}
	
.buttons {}
.buttons a {background-image: url(../images/header-button-bg.png); background-repeat: no-repeat; width: 162px; height: 32px; line-height: 32px; padding-bottom: 2px; text-align: center; color: #FFFFFF; text-decoration: none; display: block; float: left; margin-right: 10px; text-shadow: 1px 1px #6e3c3d; font-size: 14px; font-weight: normal;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;}
.buttons a:hover {background-image: url(../images/header-button-bg.png); background-position: -172px 0;}	

/* MAIN */
#main-wrapper {min-height: 100%;}
#main-home, #main {background-image: url(../images/red-gradient-y190.gif); background-repeat: repeat-x; background-position: top; min-height: 190px; border-top: 1px solid #CCC; padding: 20px 0px 260px 0px;}
#main-home h1, #main h1 {color: #50504D; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 22px; padding: 0px; margin: 5px 0px 10px 0px; font-weight: normal; text-shadow: 0px 0px #EFEFEF; height: 35px; line-height: 35px;}

/* BLOCKS */
#blocks {}
	#blocks .block {width: 230px; height: 165px; padding: 0px 0px 25px; display: block; float: left; margin: 20px 10px 0px 0px; color: #666; text-decoration: none; background-image: url(../images/home-box.jpg); background-repeat: no-repeat; background-position: 0px 0px;}
	#blocks .mnone {margin-right: 0px;}
	#blocks .block span.blockspan {border: 1px solid #fff; display: block; width: 192px; padding: 20px; height: 153px; position: relative; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif; font-size: 16px; color: #cd1f2b;}
		#blocks .block:hover {background-position: 0px -190px;}
	#blocks .block span.blockspan ul {margin: 10px 0px 0px 10px; padding: 0px; font-size: 12px; color: #333;}
	#blocks .block span.blockspan ul li {margin: 0px; padding: 0px; line-height: 150%;}
	#blocks .block span.blockspan span.fd {line-height: 30px; padding: 0px 10px 0px 10px; color: #666; text-shadow: 0px 0px #000; position: absolute; bottom: 26px; right: 10px; font-size: 14px;}
	
/* CONTENT */
	#content {width: 932px; min-height: 175px; padding: 5px 12px 0px 0px; margin: 0px; color: #333; line-height:160%; background-repeat: repeat-x; position: relative; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 2px solid #fff;}
	#content h1 {font-weight: normal; line-height: 150%; font-style: normal; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;font-size: 20px; color:#cf212e;}
	#content h2 {font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;font-size: 16px; color: #cf212e;font-weight:normal;}
	#content .highlight {font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;font-size: 16px; color: #fff;font-weight:normal;background-color:#cf212e; width:650px;padding:7px;}
	#content h5 {clear: both; padding: 0px; margin: 0px 0px 20px 0px; height: 32px; font-size: 11px;}

	
	/* MAIN CONTENT */
	#maincontent {float: left; width: 680px;}
	.page-about #maincontent, .page-jobs #maincontent, .page-news #maincontent, .page-company-registration #maincontent, .page-about #maincontent, .page-our-services #maincontent, .page-contact #maincontent, .page-get-a-quote #maincontent {width: 932px;}
	
	/* RIGHT CONTENT */
	#rightcontent {float: right; width: 232px; margin: 7px 0px 0px 13px;}
		#rightcontent div {background-color: #efefef; border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; border: 1px solid #ccc; padding: 2px; line-height: 30px; margin: 0px 0px 12px 0px;}
		#rightcontent div h2 {font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:16px; background-color: #dbdbdb; color: #50504D; display: block; margin: 0px; padding: 0px 5px 0px 5px; border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; text-shadow: 0px 0px #333;font-weight:normal;}
		#rightcontent div a {display: block; padding: 0px 5px 0px 5px; border-top: 1px dotted #ccc; text-decoration: none; color: #cf212e;}
		#rightcontent div a:hover {background-color: #fff;}
		
		#rightcontent div.projects a.new-window {display: block; margin: 10px 5px 0px 5px; position: relative; text-decoration: none; width: 216px; height: 80px; padding: 5px 0px 36px 0px; border-bottom: dotted #ccc 1px; border-top:0px; background-color: #efefef; overflow: hidden;}
		#rightcontent div.projects a.new-window:hover {background-color: #fff;}
			#rightcontent div.projects a.new-window:hover img {margin-left: -216px;}
			#rightcontent div.projects a.new-window span {/*z-index: 200;*/ position: absolute; bottom: 5px; left: 5px; width: 206px; padding: 0px 5px 0px 5px; line-height: 30px; color: #cf212e; opacity: 0.8;}
				#rightcontent div.projects a.new-window:hover span {background-color: #fff; color: #000;}
				
		#rightcontent div.projects a.new-window2 {display: block; margin: 10px 5px 0px 5px; position: relative; text-decoration: none; width: 216px; height: 80px; padding: 5px 0px 36px 0px; border-bottom: dotted #ccc 1px; border-top:0px; background-color: #efefef; overflow: hidden;}
		#rightcontent div.projects a.new-window2:hover {background-color: #fff;}
			#rightcontent div.projects a.new-window2:hover img {margin-left: -216px;}
			#rightcontent div.projects a.new-window2 span {/*z-index: 200;*/ position: absolute; bottom: 5px; left: 5px; width: 206px; padding: 0px 5px 0px 5px; line-height: 30px; color: #cf212e; opacity: 0.8;}
				#rightcontent div.projects a.new-window2:hover span {background-color: #fff; color: #000;}	
		
		#rightcontent div.projects2 {margin-bottom: 35px;}
		#rightcontent div.projects2, #rightcontent div.projects2 div, #rightcontent div.projects2 div div {background-color: #fff; border: none; padding: 0px;}
		#rightcontent div.projects2 h2 {background-color: #fff; color: #c33; background-image: url(../images/projects2h2bg.gif); background-repeat: no-repeat; background-position: 0px bottom; margin-bottom: 40px;}
		#rightcontent div.projects2 a.fancy {background-image: url(../images/right-port-example-bg.png); background-repeat: no-repeat; background-position: 0px 0px; padding: 4px 10px 2px 8px; border: none; color: #666; position: relative; display: block; width: 198px;}
			#rightcontent div.projects2 a.fancy strong {color: #c33; font-weight: normal; display: block; position: absolute; top: 150px; right: 0px; background-image: url(../images/icon-zoom.png); background-repeat: no-repeat; background-position: right 0px; padding: 26px 30px 0px 0px;}
				
				#rightcontent div p {line-height: 150%; padding: 10px; margin: 0px;}
				#rightcontent div.projects2 ul#projectscroll, #rightcontent ul.projects2 div#projectscroll div {background-color: #fff; border: none;margin-bottom:0px;}
				#rightcontent div.projects2 div#projectscroll {background-color: #fff;}
				#rightcontent div.projects2 a.nextProjects {background-color: #c33; background-image: url(../images/projects2button.gif); line-height: 29px; color: #fff; display: block;}
				
	/* quote form -maincontent */
		
		#quoteform input,#quoteform select,#quoteform textarea,.select
{
border-color: #999999;
border-style: solid;
border-width: 1px;
color: #333333;
padding: 2px;
font-size: 12px;
float: right;
}

#quoteform input:focus,#quoteform select:focus,#quoteform textarea:focus,.select:focus
{
border-color: #990000;
color: #333333;
}

#leftform .select, #leftform input {width: 160px; float: right;}
#rightform .select, #rightform input {width: 180px;}

	#quoteform h2
	{
	background-color: #333333;
	color: #FFFFFF;
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 10px;
	line-height: 30px;
	font-size: 13px;
	}
	
	#quoteform label
	{
	float: left;
	display: block;
	}
	
	#quoteform p
	{
	clear: both;
	margin: 0px 0px 15px 0px;
	padding: 0px 10px 15px 10px;
	}
	
		#quoteform #how_heard
		{
		position: absolute;
		bottom: 10px;
		left: 10px;
		height: 30px;
		width: 210px;
		font-size: 14px;
		}
	
		#quoteform #submit
		{
		color: #FFFFFF;
		background-color: #990000;
		border-color: #FFFFFF;
		border-style: solid;
		border-width: 2px;
		position: absolute;
		bottom: 10px;
		right: 10px;
		height: 30px;
		width: 210px;
		font-size: 14px;
		}
		
		#quoteform textarea {font-family: Arial, Helvetica, sans-serif; padding: 4px; width: 470px; height: 55px; font-size: 12px;}

		#leftform
		{
		position: relative;
		width: 420px;
		float: left;
		font-size: 12px;
		background-color: #DCDCDC;
		padding-bottom: 5px;
		height: 330px;
		}
		
			#leftform label
			{
			width: 160px;
			}
			
			#rightform label
			{
			width: 260px;
			}
		
		#rightform
		{
		position: relative;
		width: 500px;
		margin-left: 10px;
		float: left;
		font-size: 12px;
		background-color: #DCDCDC;
		padding-bottom: 5px;
		height: 330px;
		}
		
		/* end of quote form maincontent */
				
				
	/* TABS */
	#pane-tabs {list-style: none; padding: 0px 0px 0px 10px; margin: 0px; height: 50px; border-bottom: 1px solid #ccc; font-size: 14px;}
		#pane-tabs li {float: left; display: block;}
		#pane-tabs li a {background-color: #efefef; line-height: 40px; background-image: url(../images/portfolio-tab-bg.gif); background-position: 0px 0px; text-align: center; display: block; float: left; margin-top: 10px; color: #999; padding: 0px 15px 0px 15px; text-decoration: none;}
		#pane-tabs li a:hover {height: 45px; line-height: 45px; margin-top: 5px;}
		#pane-tabs li a.current {height: 50px; line-height: 50px; background-position: 0px -90px; margin-top: 0px; color: #333;}
	
	.panes div {padding: 0px 0px 0px 10px;}
	.panes div a {display: block; width: 159px; height: 250px; padding: 8px; float: left; background-color: #ececec; border: 2px solid #ebebeb; border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; margin: 0px 5px 5px 0px; text-decoration: none; color: #333; font-size: 11px;}
	.panes div a.intro {display: block; width: 205px; height: 150px; padding: 8px; float: left; background-color: #ececec; border: 2px solid #ebebeb; border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px; margin: 0px 5px 5px 0px; text-decoration: none; color: #333; font-size: 12px;}
	.panes div a.intro strong {font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;font-size: 16px; color: #cf212e;font-weight:normal;}
	.panes div a img {border: 1px solid #ccc;}
	.panes div a.intro img {border: 2px solid #ccc;margin-top:10px;}
	.panes div a strong {color: #333; font-size: 12px;}
	.panes div a:hover {color: #666; background-color: #fff;}
		.panes div a:hover strong {color: #333;}
	
/* GREY BLOCK */
#greyblock {background-image: url(../images/grey-gradient-y150.gif); background-repeat: repeat-x; background-position: 0px 50px; clear: both; height: 150px;}

.port-page-image {float: left; margin: 0px 10px 10px 0px; border: 1px solid #efefef;}

/* FOOTER BLOCK */
#footer-block {position: relative; height: 220px; border-top: solid 1px #CCC; background-image: url(../images/footer-bg.gif); background-repeat: repeat-x; clear: both; margin: -220px 0px 0px 0px; width: 100%;}

	/* FOOTER */
	#footer {font-size: 11px; color: #666; padding: 0px; position: relative;}
		#footer .container div {width: 310px; height: 250px; display: block; float: left; border-right: 0px solid #ccc; margin-right: 9px; position: relative;}
		#footer .container div.bnone {border: none; margin: 0px;}
		#footer .container div h2 {font-weight: normal; font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;color: #50504D; text-shadow: 0px 0px #000; text-shadow: 0px 0px #000; font-size: 16px; line-height: 50px; margin: 0px; padding: 0px;}
			#footer .container div h2:hover, #footer .container div h2.active {}
		#footer .container div span.hidden {display: none; position: absolute; bottom: 50px; left: 0px; background-color: #efefef; border: 5px solid #2e2e2e; padding: 5px; width: 290px; border-bottom: none; color: #666;}
		#footer .container div p {margin: 0px 0px 10px 0px; padding: 0px;}
		#footer .container div ul {list-style: none; margin: 0px 0px 10px 0px; padding: 0px; line-height: 24px;}
			#footer .container div ul li {display: block;}
			#footer .container div ul li a {display: block; color: #666; text-decoration: none; padding: 0px 3px 0px 3px;}
			#footer .container div ul li a:hover {background-color: #333; color: #fff;}