@import url(../_css/normalize.css);

/**********************************************************************************
GLOBAL
********************************************************************************/

/* tag specific */
html, body {
	height: 100%;
	width: 100%;
}
body {
	background-color: #000000;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	color: #999999;
	font-size: 13px;
	margin: 0;
	padding: 0;
	background-image: url(../_img/bgcarbon2.png);
	background-repeat: repeat-x;
}

h1 {
	color: #CCCCCC;
	font-size: 36px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	overflow: hidden;
	padding-bottom: 10px;
}
h2 {
	color: #999999;
	font-size: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 15px;
}
h3 {
	color: #262626;
	font-size: 14px;
	margin-bottom: 5px;
	position: relative;
}
h3.section { color: #ffc; background: #1d1c1b url(../_img/sub_heading_bg.png) repeat-x; height: 45px; margin-bottom: 10px; line-height: 45px; padding-left: 20px;}
h3.section-white { color: #fff; }
h3.section-short { margin: 0px; height: 38px; }
h3.section-dark { background-image: url(../_img/sub_heading_bg2.png); color: #fff; height: 31px; padding-top: 0px; line-height: 20px; padding-top: 30px; }
h3.product { background-image: url(../_img/sub_heading_bg3.gif); height: 49px; margin-top: 8px; }
h4 { color: #fff; font-size: 12px; margin: 5px 0 3px 0; }
h5 { color: #ffc; font-size: 10px; margin: 0px 0 10px 0; }

p { line-height: 16px; margin-bottom: 15px; }
p.big { font-size: 18px; line-height: 24px; margin-top: 30px; }
a { color: #fff; }
a:hover { text-decoration: underline !important; }
a.blue { color: #69c; }
a.blue:hover { color: #74aee7; }
cite { display: block; color: #fff; margin: 10px 0; font-style: normal; }
ol {  margin-left: 20px; list-style-type: decimal; }
ol li { line-height: 16px;}
ul.arrows { margin-bottom: 15px; }
ul.arrows li { list-style-type: none; margin: 3px 0 7px 0; padding: 0 0 0 15px !important; background: transparent url(../_img/bullet_arrows.png) no-repeat left 3px; }

/* Firefox Dotted Outline Fix */
	a:active { 
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}
	
	/* Menu Body */
	ul#menu {
	width:100%;
	height:82px;
	background:url(../_img/bg.png) repeat-x;
	list-style:none;
	margin:0;
	padding-top:0px;
	padding-right: 0;
	padding-bottom: 0;
	}
	
	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#menu li a {
		background:url(../_img/sprite.png) no-repeat scroll top left;
		display:block;
		height:81px;
		position:relative;
	}
	
	/* Specify width and background position attributes specifically for the class: "logo" */
	ul#menu li a.logo {
		width:174px;
	}
	
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#menu li a.home {
		width:115px;
		background-position:-174px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#menu li a.portfolio {
		width:163px;
		background-position:-289px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "services" */
	ul#menu li a.services {
		width:150px;
		background-position:-452px 0px;
	}
	
	/* Specify width and background position attributes specifically for the class: "questions" */
	ul#menu li a.questions {
		width:168px;
		background-position:-602px 0px;
	}
	/* Specify width and background position attributes specifically for the class: "contact" */
	ul#menu li a.contact {
		width:140px;
		background-position:-770px 0px;
	}
	/* Span (on hover) - common attributes */
	ul#menu li a span {
		background:url(../_img/sprite.png) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "home" */
	ul#menu li a.logo span {
		background-position:0px -81px;
	}
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.home span {
		background-position:-174px -81px;
	}
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.portfolio span {
		background-position:-289px -81px;
	}
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.services span {
		background-position:-452px -81px;
	}
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.questions span {
		background-position:-602px -81px;
	}
	/* Shift background position on hover for the class: "portfolio" */
	ul#menu li a.contact span {
		background-position:-770px -81px;
	}

/* generic tag classes */
.clear { clear: both; font-size: 0px; height: 0px; line-height: 0px; }
.tiny { font-size: 9px; color: #999; }
.white { color: #fff; }
.yellow { color: #ffc; }
.light-gray { color: #ccc; }
img.frame { border: 4px solid #1e1e1e; }


/* arrows */
a.arrows-big { background: transparent url(../_img/arrow1.jpg) no-repeat left center; color: #ccc; padding-left: 25px; font-weight: bold; display: block; margin: 5px 0; text-decoration: none; line-height: 17px;  }
a.arrows-big:hover {
	background-image: url(../_img/arrow2.jpg);
	color: #fff;
}
span.arrow-double { color: #69c; }
a#default_awards { text-align: center; display: block; }

/* Post */

.post {
	margin: 0;
	padding: 10px 10px 10px 10px;
	float: left;
	width: 410px;
	}	

.post .info a
	{
	text-decoration:none;
	}
	
.post h2 a 
	{
	text-decoration:none;
	color: #DCD6BA;
	}
	
.post h2 a:hover 
	{
	text-decoration:none;
	color: #DCD6BA;
	}
div#bkgrndcontainer {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	left: auto;
	right: auto;
}


div#container {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	left: auto;
	right: auto;
}


/* top nav & heading */
div#top {  height: 50px; width: 910px; }
div#top li { float: left; }
div#top li.search {
	background: url(../_img/top_bkgrnd.jpg) repeat-x;
	padding: 13px 15px 10px 13px;
	width: 144px;
	height: 27px;
}
div#top li.search input {
	background: #fff url(../_img/top_search_bg.png) repeat-x;
	width: 115px;
	height: 16px;
	border: none;
	padding: 4px 0 0 25px;
	font-size: 11px;
	color: #000;
}
div#heading { background: #000 url(../_img/heading_bg.png) repeat-x; height: 40px; padding-top: 36px; position: relative; }


/* main pic and copy */
div#mainpic img.border { border-top: 3px solid #000; border-bottom: 1px solid #000; }
div#main { background: #262626 url(../_img/main_pic_bottom_bg.png) repeat-x top left; padding: 30px 25px; padding-bottom: 10px; }
#container #main #tabs #tabs-1 img {
	padding-bottom: 20px;
	padding-right: 10px;
}
div#main-copy div.cols { }
div#main-copy div.col1 { width: 285px; float: left; }
div#main-copy div.col2 { margin-left: 315px; }
div#main table.cols td { width: 285px; vertical-align: top; }
div#main table.cols td.col1 {  }
div#main table.cols td.col2 { padding-left: 30px;  }
div#main-bottom { clear: both; background: #252525 url(../_img/main_bottom_bg.png) repeat-x top left; border: 1px solid #373737; padding: 20px; }
div#main-bottom .cols { }
div#main-bottom .col { float: left; width: 130px; font-size: 10px; line-height: 12px; margin-right: 20px; }
div#main-copy-left { width: 600px; }


/* left, mid & right sections */
div#left { float: left; }
div#right { float: right; margin-left: 20px; }
div#mid { min-height: 320px; margin-left: 228px; width: 395px; }


/* left nav */
div#leftnav { margin-bottom: 20px; }
div#leftnav h3, div#leftnav li { padding-left: 20px; width: 187px; background-repeat: repeat-x; }
div#leftnav h3.tall { padding-top: 10px; }
div#leftnav ul { }
div#leftnav li { background: #1d1c1b url(../_img/left_nav_bg.png); height: 31px; line-height: 31px; padding-top: 3px;  }
div#leftnav li a { display: block; color: #767676; text-decoration: none;  }
div#leftnav li a:hover { color: #ccc; text-decoration: none !important; }
div#leftnav li.selected { background: #161616 url(../_img/left_nav_bg_on.png) repeat-x; } 
div#leftnav li.selected a { color: #fff; } 
div#leftnav div.divider { width: 207px; }


/* footer */
div#footer {
	background: #262626 url(../_img/footer_bg.jpg) repeat-x bottom center;
	padding-bottom: 50px;
}
div#footer-promos {
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 40px;
	padding-left: 25px;
}
div#footer-promos div.col1 { width: 410px; float: left;  }
div#footer-promos div.col2 { width: 410px; margin-left: 440px;}
div#footer-links {
	padding: 10px 25px 0px 25px;
	font-size: 10px;
	height: 60px;
	width: 580px;
	color: #CCCCCC;
}
div#footer-links li {
	float: left;
	padding: 0 5px;
	margin: 1px 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
div#footer-links li.noline { border-left: none; }
div#footer-links li a {
	color: #999999;
	text-decoration: none;
	border-bottom: none;
}
ul#footer-products  { margin-top: 10px;  }
ul#footer-products li {
	border-left: none;
	color: #FFFFFF;
}

/* home */
div#mainpic-home { background: #262626 url(../_img/main_pic_home.jpg) no-repeat; width: 910px; height: 367px; position: relative; }
div#mainpic-home-overlay { position: absolute; top: 240px; left: 620px; width: 250px; height: 120px; overflow: auto; }
div#mainpic-home-overlay p { color: #666; font-size: 12px; margin: 10px; }
div#main-home-buckets .bucket { float: left; width: 205px; border: 1px solid #383838; margin: 15px 10px 0 0; }
div#main-home-buckets .last { margin-right: 0px; }


/* tutorial */
div#leftnav h3.tag-big-prof-edition { line-height: 20px; height: 52px; padding-top: 10px; margin: 0; }
div#leftnav h3.tag-big-prof-edition img { float: right; margin-top: -10px; }
div#leftnav img.tag-sm-prof-edition { margin: 0 0 -3px 10px; }


/* testimonials */
div#customer-quotes div.divider { margin: 25px 0; }
h3.section div.section-sub { position: absolute; top: 0px; right: 10px; color: #999; font-size: 10px; width: 370px; line-height: 11px; margin-top: 5px; padding-left: 75px; }
h3.section div.section-sub img{ position: absolute; top: -20px; left: 0px;}

div#form-actions { float: right; margin-top: 10px; }
div#select-all { float: left; margin-top: 10px;}
.contact-me { font-weight: bold; font-size: 11px; line-height: 12px; color: #fff }
.contact-me input, .contact-me img { margin-right: 5px; float: left; margin-top: -4px; }
#print { height: 47px; line-height: 47px; }
#print a { background: url(../_img/print.gif) no-repeat; padding: 0 5px 0 47px; display: block; float: left; }
/*
table.receipt { margin: 0 0 20px 20px; color: #fff; width: 80%; }
table.receipt label { color: #ccc; }
table.receipt td { vertical-align: top; white-space: nowrap; padding: 3px 10px 0 0;}
table.receipt td.highlight { color: #fff; }
table.receipt td.stretcher { width: 200px; }
*/

/* offline */
div#offline { text-align: center; }
#container #main #tabs #tabs-2 img {
	padding-bottom: 20px;
	padding-right: 10px;
}
#container #main #tabs #tabs-3 img {
	padding-bottom: 20px;
	padding-right: 10px;
}
#container #main #tabs #tabs-4 img {
	padding-bottom: 20px;
	padding-right: 10px;
}
/* Menu Body */
	ul#quickmenu {
	width:100%;
	height:61px;
	list-style:none;
	margin:0;
	padding-top:0px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 5px;
	}
	
	/* Float LI Elements - horizontal display */
	ul#quickmenu li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#quickmenu li a {
	display:block;
	height:61px;
	position:relative;
	background-attachment: scroll;
	background-image: url(../_img/quickmenusprite.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
ul#quickmenu /* Specify width and background position attributes specifically for the class: "logo" */
	 li  a.view {
	width:435px;
	}
ul#quickmenu /* Specify width and background position attributes specifically for the class: "home" */
	 li  a.request {
	width:420px;
	background-position:-430px 0px;
	}
	/* Span (on hover) - common attributes */
	ul#quickmenu li a span {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
	background-image: url(../_img/quickmenusprite.jpg);
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	
	/* Span (on hover) - display pointer */
	ul#quickmenu li a span:hover {
		cursor:pointer;
	}
ul#quickmenu /* Shift background position on hover for the class: "home" */
	 li  a.view  span {
	background-position:0px -60px;
	}
ul#quickmenu /* Shift background position on hover for the class: "portfolio" */
	 li  a.request  span {
	background-position:-430px -60px;
	}
.boxgrid{
	width: 205px;
	height: 255px;
	float:left;
	background:#161613;
	border: 1px solid #383838;
	overflow: hidden;
	position: relative;
	margin: 2px;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{
	color:#afafaf;
	font-weight:bold;
	font:10pt "Lucida Grande", Arial, sans-serif;
	padding-top: 20;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
				}
.boxgrid li {
	color:#afafaf;
	font-weight:bold;
	padding-top: 20;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 15px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	list-style-type: square;
	font-family: "Lucida Grande", Arial, sans-serif;
	font-size: 10pt;
}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
/* form.css */

* {
  margin: 0;
  padding: 0;
}

form {
	margin: 0;
	padding: 0;
	font-size: 100%;
	min-width: 560px;
	max-width: 900px;
	width: 700px;
}

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}

label {
  font-size: 100%;
}

label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

textarea {
  overflow: auto;
}

form div {
	clear: left;
	display: block;
	width: 450px;
	zoom: 1;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 20px;
}

form fieldset div.notes {
	float: right;
	width: 158px;
	height: auto;
	margin: 0 0 10px 10px;
	padding: 5px;
	border: 1px solid #CCCCCC;
	background-color: #ffffe1;
	color: #000000;
	font-size: 88%;
	background-image: url(../_img/forminfobkgrnd.gif);
	background-repeat: repeat-y;
}

form fieldset div.notes h4 {
	background-image: url(/images/icon_info.gif);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 3px 0 3px 27px;
	border-width: 0 0 1px 0;
	border-style: solid;
	border-color: #666666;
	color: #000000;
	font-size: 110%;
}

form fieldset div.notes p {
	margin: 0em 0em 1.2em 0em;
	color: #000000;
}

form fieldset div.notes p.last {
  margin: 0em;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form div.required fieldset legend {
  font-weight: bold;
}

form div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}

form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  zoom: 1;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

form div img {
  border: 1px solid #000000;
}

p.error {
  background-color: #ff0000;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

form div.error {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

form div.error p.error {
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

form div select, form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputText, form div input.inputPassword {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputFile {
  width: 211px;
}

form div select.selectOne, form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

form div.submit {
	width: 200px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 120px;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

form div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  zoom: 1;
}
/* form.import.css */

label img {
  behavior: url(/behaviors/label_img.htc);
}

form fieldset legend {
  line-height: 150%;
}

form input, form select, form textarea {
  background-color: #ffffff;
}

form textarea.expanding {
  overflow: auto;
  overflow-x: auto;
  overflow-y: visible;
}

div.optional label:before {
  content: '';
}

div.required label:before {
  content: '';
}
  
form div label.labelCheckbox, form div label.labelRadio, label.labelCheckbox, label.labelRadio {
  display: block;
  width: 190px;
  zoom: 1;
  padding: 4px 0 0 18px;
  text-indent: -18px;
  line-height: 120%;
}

form div label.labelCheckbox input.inputCheckbox, form div label.labelRadio input.inputRadio, label.labelCheckbox input.inputCheckbox, label.labelRadio input.inputRadio {
  margin: 0;
}

form div fieldset input.inputText, form div fieldset input.inputPassword, form div fieldset input.inputFile, form div fieldset textarea.inputTextarea {
  width: 160px;
  margin: 0 0 0 18px;
  margin: expression(setCntr(), '0px 0 0 -124px');
}

form div label.compact {
  display: inline;
  width: auto;
  padding: 4px 10px 0 0;
  text-indent: 0;
  margin: 0 0 0 0;
}

form div.wide label {
  float: none;
  display: block;
}

form div label.wide {
  width: 348px;
}

form div.wide input.inputText, form div.wide input.inputPassword, form div.wide input.inputFile, form div.wide select, form div.wide textarea {
  width: 344px;
  margin: 0;
}

form div.notes p, form div small {
  line-height: 125%;
}

form div.wide small {
  margin: 0 0 5px 0;
}

/* Bullte List*/
#list-bullet{
	padding-left: 20px;
}

#list-bullet li{
	font-style: italic;
	list-style-type: square;
	padding-top: 4px;
	padding-bottom: 4px;
}