html {
	margin:0;
	padding:0;
	height:100%;
}

body {
	margin:0;
	padding:0;
	height:100%;
	font:0.625em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#222;
	/*background:#fff;*/
	background:#222 url(/css/contimg/rd_bg.png) top center repeat-y;
}

p {
	padding:0;
	margin:1em 0 0 0;
	/*font-size:1em;
	line-height:1.4em;*/ 
	font-size: 1.2em;
	line-height: 1.4em;
	color:#222;
}

p a:link, p a:visited {
	color:#222;
	border-bottom:1px dotted #333;
	text-decoration:none;
}

p a:hover {
	color:#555;
	border-bottom:1px dotted #555;
	text-decoration:none;
}

a:focus, a:active {
	outline:none;
}

table {
	padding:0;
	margin:1em 0 0 0;
	font-size: 1.2em;
}

table td {
	padding: 2px 2px 2px 0;
}

h1 {
	margin:0;
	padding:0;
	color:#000;
	font-size: 2.4em;
	font-weight:normal;
}

h2 {
	margin:0 0 0.5em 0;
	padding:0;
	color:#000;
	font-size: 2.2em;
	font-weight:normal;
}

h3 {
	margin:0;
	padding:0;
	color:#000;
	font-size: 1.6em;
	font-weight:normal;
}

h4 {
	margin:1em 0 0 0;
	padding:0;
	color:#000;
	font-size: 1.4em;
	font-weight:normal;
}

h5 {
	margin:0;
	padding:0;
	color:#000;
	font-size: 1em;
	font-weight:normal;
}

/*ul {margin:0; padding:0;}
li {margin:0; padding:0;}*/


#container {
	margin:0 auto;
	width: 900px;
	padding: 0;
	position:relative;
	min-height:100%;
	height:auto !important;
	height:100%;
	background:#000;
}

#header {
	float:left;
	width:900px;
	height: 120px;
	padding: 0;
	background:#000 url(/css/contimg/header_bg.png) top left no-repeat;
}

ul#taglines {
	float:right;
	width: 500px;
	margin:0;
	padding:0;
	margin: 45px 25px;
	display:none;
}

ul#taglines li {
	float:left;
	width:auto;
	height:auto;
	list-style:none;
	text-align:right;
	line-height:30px;
	height:30px;
	color:#FFFFFF;
	font-size: 2em;
	margin:0;
	padding:0;
	width: 500px;
}

#primary-nav {
	float:left;
	width:900px;
	height:70px;
	margin:0;
	padding:15px 0px;
	background: #FEF200;
	text-align:center
}

#content {
	float:left;
	width: 900px;
	padding: 0px 0 0 0;
	height:auto; /*min-height:270px; height:auto !important; height:270px;*/ /*background: #F5F5F5 url(/css/contimg/content_bg.png) top left no-repeat; background:#fff; */
	background:#FEF533;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	/*min-height:200px;
  height:auto !important;
  height:200px;*/
  
  font-size:1.2em;
	line-height:1.4em;
	color:#222;
}

#lower {
	float:left;
	width: 900px; /*padding: 20px 26px 20px 26px;*/
	padding:15px 0;
	min-height:80px;
	height:auto !important;
	height:80px;
	background: #F7EB00 url(/css/contimg/featured_outer.png) top left repeat-y;
}

#lower-inner {
	float:left;
	width:900px;
	height:auto;
	background: #F7EB00 url(/css/contimg/featured_bg.png) top right repeat-y;
}

body#gallery #lower, body#products #lower {
	background: #F7EB00 url(/css/contimg/featured_half.png) top left repeat-y;
	width:850px;
	padding: 15px 25px;
}

body#contact #lower {
	background: #F7EB00;
	width:850px;
	padding: 15px 25px;
}

#primary-nav ul {
	width: 850px;
	height: 70px;
	margin:0 auto;
	padding:0; /*background:#999;*/
}

#primary-nav ul li {
	float:left;
	width:auto;
	height: 70px;
	padding: 0;
	margin:0 1px 0 0; /*border-right: 1px dotted #333;*/
	list-style:none;
	background: transparent url(/css/contimg/primary_nav_bg.png) top right no-repeat;
}

/*#primary-nav ul li:last-child {
	border:none;
	background: none;
}*/

#primary-nav ul li a {
	float:left;
	height:70px;
	text-indent:-9999px;
}

a#home_btn {
	background: transparent url(/css/contimg/home_btn.png) top left no-repeat;
	width:52px;
	margin: 0 26px 0 26px;
}

a#who_are_we_btn {
	background: transparent url(/css/contimg/who_are_we_btn.png) top left no-repeat;
	width:75px;
	margin: 0 32px 0 32px;
}

a#what_we_do_btn {
	background: transparent url(/css/contimg/what_we_do_btn.png) top left no-repeat;
	width:68px;
	margin: 0 32px 0 32px;
}

a#case_studies_btn {
	background: transparent url(/css/contimg/case_studies_btn.png) top left no-repeat;
	width:73px;
	margin: 0 32px 0 32px;
}

a#gallery_btn {
	background: transparent url(/css/contimg/gallery_btn.png) top left no-repeat;
	width:54px;
	margin: 0 26px 0 26px;
}

a#products_btn {
	background: transparent url(/css/contimg/products_btn.png) top left no-repeat;
	width:56px;
	margin: 0 30px 0 30px;
}

a#contact_btn {
	background: transparent url(/css/contimg/contact_btn.png) top left no-repeat;
	width:52px;
	margin: 0 28px 0 28px;
}

#primary-nav ul li a:hover {/*background-position: 0 -70px;*/
	background-position: 0 -140px;
}

body#home a#home_btn, body#who_are_we a#who_are_we_btn, body#what_we_do a#what_we_do_btn, body#case_studies a#case_studies_btn, body#gallery a#gallery_btn, body#products a#products_btn, body#contact a#contact_btn {
	background-position: 0 -140px;
}

.featured-col {
	float:left;
	width:191px;
	height:auto;
	margin:0;
	padding:0px 21px 5px 20px;
}

.featured-col:first-child {
	padding-left: 26px;
}

/*.featured-col:last-child {
	padding-right: 27px;
	width: 150px;
}*/

#lower h3 {
	font-size: 1.4em;
	font-weight:normal;
	margin:2px 0 5px 0;
	padding:0;
}

.featured-col p {
	font-size: 1.1em;
	line-height: 1.2em;
	margin:0;
	color:#333;
}

a.box-link {
	float:left;
	width:120px;
	height:20px;
	line-height: 20px;
	overflow:hidden;
	clear:both;
	padding: 0 14px 0 4px;
	margin: 5px 0 0 0;
	font-size:0.833em;
	color: #fff;
	text-decoration:none;
	background: transparent url(/css/contimg/box-link-right.png) top right no-repeat;
}

a.box-link:hover {
	color: #fff;
	background-position: bottom right;
}

span.dl-icon {
	float:left;
	width:16px;
	height:20px;
	background: transparent url(/css/contimg/dl-icon.png) top right no-repeat;
}

.featured a.box-link, #lower a.box-link {
	font-size:1em;
}

.left-col {
	float:left;
	width: 485px;
	padding: 30px 30px 25px 25px;
}

.right-col {
	float:right;
	width:360px;
	height: auto;
	padding: 10px 0;
}

img.descImg {
	float:right;
	width:auto;
	height:auto;
}

#welcome {
	float:left;
	height:auto;
}

#welcome h2 {
	margin-bottom: 0.75em;
}

/*#welcome p {font-size: 1.2em; line-height: 1.4em; }*/






.main-col {
	float:left;
	width:850px;
	height:auto;
	padding: 30px 25px 30px 25px;
	clear:both;
}

.col-300 {
	float:left;
	width: 180px;
	height:auto;
	padding: 10px 0 0px 0;
	margin: 0 25px 0 0px;
}

.col-300 h3 {
	margin:0 0 0 0;
	padding:0;
	line-height:1em;
	font-size:1.3em;
}

p.details {
	float:left;
	width: 100%;
	margin:10px 0 0 0;
	padding:0;
	font-size: 0.916em;
	line-height:1.4em;
}

/* Forms */


.field {
	float:left;
	width:100%;
	height:auto;
	margin: 0.5em 0;
	padding:0;
	font-size: 10px;
	color:#333;
}

.field label {
	float:left;
	width: 80px;
	text-align:right;
	font-weight:normal;
	margin-right: 10px;
	font-size: 10px;
	line-height:20px;
	padding:0;
	color:#CC3300;
}

.field .input-outer {
	float:left;
	width:auto;
	height:auto;
	background: transparent url(/css/contimg/input-bg2.png) left top no-repeat;
}

.field input.input {
	float:left;
	font-size:10px;
	height:17px;
	width:280px;
	color:#333;
	padding:5px 2px 0px 7px;
	margin:0;
	background:none;
	border:none;
}

.required {
	color:#CC3300;
	margin-right:3px;
}

.field textarea {
	float:left;
	width: 290px;
	height: auto;
	padding:6px 2px 6px 10px;
	color:#555;
	border:none;
	background: #F9F14D;
	font:1em/1.5em "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#captcha_outer .input-outer {
	margin-left: 90px;
	display:inline;
}

#captcha_outer input {
	width: 130px;
}

#captcha_outer label {
	line-height: 1.1em;
	float:left;
	width: 300px;
	margin-bottom: 5px;
	padding-left:90px;
	text-align:left
}

#captcha_outer img {
	margin-left: 5px;
	background: #D6D6D6;
	border:none;
	background: transparent url(/css/contimg/captcha-bg-right.png) top left no-repeat;
}

.field em.error {
	float:left;
	color:#CC0000;
	font-size: 0.9em;
	font-style:normal;
	padding-left: 16px;
	background: transparent url(/css/contimg/error.png) top left no-repeat;
	line-height:1.2em;
	text-align:left;
	margin: 4px 0 2px 90px;
	width:290px;
}

.field em.ok {
	float:left;
	color:#66CC00;
	font-size: 1em;
	font-style:normal;
	padding-left: 16px;
	background: transparent url(/css/contimg/ok.png) top left no-repeat;
	line-height:1.2em;
	text-align:left;
	margin: 4px 0 2px 90px;
	width:290px;
}

.field span.input-right {
	float:left;
	width:11px;
	height:22px;
	background: transparent url(/css/contimg/input-bg-right.png) top left no-repeat;
}

/* login Form */
#login_box {
	float:right;
	margin:0;
	padding:0;
	width:160px;
	padding-right: 20px;
}

h3#h3_login {
	padding: 0 0 0 20px;
	background: transparent url(/css/contimg/login_icon.png) top left no-repeat;
	margin:0 0 7px 0;
	line-height: 18px;
	color:#CC3300;
}

form#login {
	float:left;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}

form#login .login-field {
	float:left;
	width:150px;
	height:auto;
	padding:0;
	margin-bottom: 5px;
}

form#login .login-input {
	float:left;
	width:140px;
	height:18px;
	background:transparent url(/css/contimg/login-left.png) top left no-repeat;
}

form#login input {
	float:left;
	font-size:10px;
	height:16px;
	width:115px;
	color:#999;
	padding:2px 2px 0px 7px;
	margin:0;
	background:none;
	border:none;
}

a.login-clear {
	float:left;
	height:18px;
	width: 16px;
	background: transparent url(/css/contimg/login-right.png) top left no-repeat;
}

a.login-clear:hover {
	background-position: 0 -18px;
}

form#login label {
	display:none;
}

form#login button {
	float:left;
	width: 45px;
	text-align:center;
	padding:0 0 3px 0;
	height: 18px;
	cursor:pointer;
	font-size:1em;
	color: #999;
	border:none;
	background: transparent url(/css/contimg/login_btn.png) top left no-repeat;
}

form#login em.error {
	float:left;
	margin: 0 0 5px 5px;
	color:#CC3300;
	font-size:1em;
	line-height:1em;
}

/* search form */
#search-form h3 {
	margin-bottom: 10px;
}

#search-form .field {
	float:left;
	width: auto;
	height:auto;
	margin: 5px 15px 0 0;
}

#search-form .checkbox {
	width: 20px;
	height: 20px;
	border:none;
	padding:0;
	margin:0 3px 0 0;
	float:left;
}

#search-form a.clear-search {
	float:left;
	width: 21px;
	height:22px;
	background: transparent url(/css/contimg/clear-search.png) top left no-repeat;
}

/* fake checkbox : unchecked (default/base) state */
a.fakecheck {
	text-decoration: none;
	outline: none;
	background: url(/css/contimg/check.gif) no-repeat;
	height: 16px;
	width: auto;
	display: block;
	float: left;
	padding: 1px 0px 0px 16px;
	margin: 3px 10px 3px 0;
	color: #333;
}

/* fake checkbox : hover state */
a.fakecheck:hover {
	color:#555;
	text-decoration: none;
}

/* fake checkbox : checked state */
a.fakechecked {
	background-position: left -25px;
}

input.gallery-checkbox {
	display:none;
}

a.fakedisabled {
	background-position: left -50px;
}

form#gallery-search-form button {
	float:left;
	width: 45px;
	text-align:center;
	padding:0 0 3px 0;
	height: 18px;
	cursor:pointer;
	font-size:1em;
	color: #999;
	border:none;
	background: transparent url(/css/contimg/login_btn.png) top left no-repeat;
}

#contact-ql {
	float:left;
	width: 850px;
	height: auto;
	padding: 15px 25px;
	border-top: 1px solid #555;
	border-bottom: 1px solid #555;
	font-size:1.1em;
}

#contact-ql ul {
	float:left;
	margin:0;
	padding:0;
	font-size: 1em;
	color:#999;
}

#contact-ql ul li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	padding-right:20px;
}

#contact-ql ul li strong {
	margin-right: 5px;
}

#footer {
	float:left;
	width:850px;
	padding:0 25px 50px 25px;
	color:#555;
}

#footer ul {
	float:left;
	width:850px;
	padding: 15px 0;
	margin:0;
	height:auto;
	font-size:1.1em;
}

#footer ul li {
	float:left;
	padding: 0 7px;
	border-left: 1px solid #555;
	list-style:none;
	line-height: 1.1em;
	height:1.1em;
}

#footer ul li:first-child {
	border:none;
	padding-left:0;
}

#footer ul li a {
	color:#555;
	text-decoration:none;
}

#footer ul li a:hover {
	color:#999;
	text-decoration:none;
}

#footer p {
	color:#555;
	margin: 0 0 0 0;
	font-size:1em;
}

#footer p a, ul#footer-links a {
	color:#555;
	text-decoration:none;
	border-bottom: 1px #555 dotted;
}

#footer p a:hover, ul#footer-links a:hover {
	color:#999;
	text-decoration:none;
	border-bottom: 1px #999 dotted;
}

#footer ul#footer-links {
	margin-top: 5px;
	padding:0;
	font-size:1em;
}

/*.main-col .item:first-child {border:none;} */
.item {
	float:left;
	width: 410px;
	height: auto;
	padding: 15px 0;
	margin: 0px 0px 0 25px;
	border-bottom: 1px #555 dotted;
}

.item_left {
	float:left;
	width: 190px;
	height:auto;
}

.item_right {
	float:left;
	width: auto;
	height:auto;
	padding: 0 10px 0 0;
	margin-left:10px;
	width:180px;
}

.item h3 {
	margin:0 0 5px 0;
	padding:0;
	line-height:1em;
	font-size:1.166em;
}

.item p {
	margin:0;
	font-size:0.916em;
}

.item_preview {
	float:left;
	width:180px;
	height:94px;
	padding: 5px;
	border: 1px #555 solid;
	background: #fff;
}

a.item_preview {
	margin:0;
}

.item_preview img {
	float:left;
	width: 180px;
	height:94px;
	border:none;
}

.cs_next_outer {
	float:right;
	width:128px;
	height:65px;
	background:#F1E500;
	position:relative;
}

.cs_prev_outer {
	float:left;
	width:128px;
	height:65px;
	background:#F1E500;
	position:relative
}

a#cs_next {
	float:right;
	width: 44px;
	height: 65px;
	background: transparent url(/css/contimg/cs_next.png) top left no-repeat;
	position:absolute;
	top: 0px;
	right: 50%;
	margin: 0 -21px 0 0;
}

a#cs_prev {
	float:left;
	width: 44px;
	height: 65px;
	background: transparent url(/css/contimg/cs_prev.png) top left no-repeat;
	position:absolute;
	top: 0px;
	left: 50%;
	margin: 0 0 0 -21px;
}

a#cs_next:hover, a#cs_prev:hover {
	background-position:bottom left;
}