/* Front Row Green Style Theme */

	/* css reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

p {
	line-height:1.5em;
}

.float-left {
	float:left!important;
}

.float-right {
	float:right!important;
}

.hidden {
	display:none!important;
}

a {
	text-decoration:none;
	color:#000;
}

a:hover {
	text-decoration:underline;
	color:#0096d1;
}

	/* Small Buttons */

.button {
	background:url('../images/buttons.png');
	height:36px;
	line-height:31px;
	display:block;
	width:140px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	font-size:0.9em;
	color:#fff;
	padding:0;
	float:left;
	border:0;
}

.new-button {
	height:36px;
	line-height:31px;
	display:block;
	width:140px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	font-size:0.9em;
	color:#fff;
	padding:0;
	float:left;
	border:0;
	background-position:left -77px;
}

a.new-button:hover {
	color:#fff;
}
	

.red-button {
	background:url('../images/red-button.png');
}

.purple-button {
	background:url('../images/purple-button.png');
}

.but-green {
	text-shadow:0 1px 1px #118316;
}

.but-green:hover {
	background-position:left -36px;
	color:#fff;
}

.but-blue {
	background-position:left -72px;
	text-shadow:0 1px 1px #1a6f9a;
}

.but-blue:hover {
	background-position:left -108px;
	color:#fff;
}

	/* Big Buttons */

.big-button {
	width:238px;
	height:54px;
	line-height:54px;
	background:url('../images/buttons-big.png');
	font-size:1.1em;
}

.but-big-green {
	background-position:right top;
	text-shadow:0 1px 1px #118316;
}

.but-big-green:hover {
	background-position:right bottom;
	color:#fff;
}

.but-big-blue {
	background-position:left top;
	text-shadow:0 1px 1px #1a6f9a;
}

.but-big-blue:hover {
	background-position:left bottom;
	color:#fff;
}

	/* ClearFix */

.clearfix {

	clear:both;

}

	/* General Resets */

body {
	font-family:Arial,Helvetica,sans-serif;
	font-size:82%;
	background:#333;
}

#wrapper {
	width:968px;
	margin:16px auto 0;
}

.top-line {
	border-top:#C9C9C9 solid 1px;
	margin:15px 0 0;
	padding:10px 0 0!important;
}

.homepage-bg {
	background:#fff url('../images/bg.jpg') repeat-x;
}

	/* Header with Menu */

#wrapper ul#header {
	background:url('../images/logo.png') no-repeat;
	height:95px;
	margin-left:20px;
}

#wrapper ul#header li {
	height:62px;
	padding:25px 0 0 0;
}

#wrapper ul#header li.float-right {
	margin-right:15px;
}

#wrapper ul#header li a {
	display:block;
	float:left;
	font-weight:bold;
	height:35px;
	line-height:35px;
	padding:0 12px;
	margin:0 3px;
	font-size:0.9em;
	text-transform:uppercase;
	text-shadow:0 1px 0 #fff;
	border:transparent solid 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#wrapper ul#header li a:hover {
	background:#fff;
}

#wrapper ul#header li a.active {
	background:#fff;
	color:#0096d1;
	border-color:#bdbdbd #cfcfcf #cfcfcf #bdbdbd;
}

#wrapper ul#header li a.logo {
	text-indent:-9999em;
	/*width:225px;*/
	margin:0 0 0 15px;
	background:none;
	border:0;
}

#wrapper ul#header li a.logo:hover {
	background:none;
}

	/* Homepage Features */

#wrapper #features {
	height:254px;
	padding:13px 0 0;
}

#wrapper #feat-content {
	float:left;
	width:545px;
	padding:0 17px 0 20px;
}

#wrapper #features #feat-content .text {
	color:#fff;
	text-shadow:0 1px 1px #38abd8;
	line-height:1.4em;
	font-size:1.3em;
	font-family:"Trebuchet MS",Arial,Verdana,sans-serif;
	background-color:#009;
	margin:0 -20px;
}

#wrapper #features #feat-content .text p{
	padding-left:20px;
}

#wrapper #features #feat-content h1 {
	/*margin:17px 0 20px;*/
}

#wrapper #features #feat-content .buttons {
	padding:22px 0 0 190px;
}

#wrapper #features #feat-content .buttons a {
	margin:0 5px;
}

#wrapper #features #slides {
	position:relative;
	float:left;
}

#wrapper #features #slides #img-bg {
	width:357px;
	height:240px;
	position:absolute;
	top:0;
	left:0;
	background:url('../images/features-img.png');
	z-index:50;
}

#wrapper #features #slides #imgs {
	width:357px;
	height:236px;
	position:absolute;
	top:2px;
	left:0;
	overflow:hidden;
	z-index:40;
}

#wrapper #features #slides #imgs img {
	float:left;
}

	/* Page titles */

#wrapper h1.homepage-title {
	background:url('../images/home-header-text.png');
}

#wrapper h1.aboutus-title {
	background:url('../images/page-titles/aboutus.png');
}
#wrapper h1.testing-title {
	background:url('../images/page-titles/testing.png');
}
#wrapper h1.credentials-title {
	background:url('../images/page-titles/credentials.png');
}
#wrapper h1.client-title {
	background:url('../images/page-titles/client.png');
}
#wrapper h1.hse-title {
	background:url('../images/page-titles/hse.png');
}
#wrapper h1.services-title {
	background:url('../images/page-titles/services.png');
}

#wrapper h1.portfolio-title {
	background:url('../images/page-titles/portfolio.png');
}

#wrapper h1.blog-title {
	background:url('../images/page-titles/blog.png');
}

#wrapper h1.contactus-title {
	background:url('../images/page-titles/contactus.png');
}

#wrapper h1.title {
	background-repeat:no-repeat;
	background-position:left 50%;
	height:52px;
	text-indent:-9999em;
}

	/* Homepage Sub Features boxes */

#wrapper #sub-features {
	height:250px;
	padding:25px 0 0;
}

#wrapper #sub-features i {
	color:#3d3d3d;
	font-weight:bold;
	font-size:1.1em;
	text-align:center;
	display:block;
	padding:13px 0 0;
	text-shadow:0 1px 1px #fff;
}

#wrapper #sub-features .box {
	background:url('../images/sub-feature-box.png');
	height:205px;
	width:290px;
	float:left;
	margin-left:18px;
	position:relative;
}

#wrapper #sub-features .middle {
	margin:0 15px 0 31px;
}

#wrapper .box h3 {
	font-weight:bold;
	text-shadow:0 1px 1px #fff;
/*	text-transform:uppercase;*/
	font-size:1.1em;
	padding:17px 0 0 15px;
}

#wrapper #sub-features .box .icon {
	background-position:left top;
	background-repeat:no-repeat;
	margin:14px 15px 0 4px;
	padding:12px 0 0 88px;
	font-size:0.9em;
	line-height:1.6em;
	color:#454646;
}

#wrapper #sub-features .box a.button, .new-button {
	position:absolute;
	right:13px;
	top:156px;
}

#wrapper #sub-features .box .quote {
	background-image:url('../images/icons/box1.jpg');
}

#wrapper #sub-features .box .timeline {
	background-image:url('../images/icons/box2.jpg');
}

#wrapper #sub-features .box .hello {
	background-image:url('../images/icons/box3.jpg');
}

	/* Main content */

#wrapper .homepage-box {
	float:left;
	width:95%;
	padding:0 14px 25px;
}

#wrapper .homepage-box p {
	color:#3d3d3d;
}

#wrapper .homepage-box h2, #wrapper .homepage-box h3 {
	font-family:"Myriad Pro Cond","Trebuchet MS","Arial";
	font-weight:bold;
	font-size:1.9em;
	border-bottom:#c9c9c9 solid 1px;
	padding:20px 0 10px;
	margin:0 0 15px;
	color:#3d3d3d;
}

#wrapper .homepage-box h5{
	font-family:"Myriad Pro Cond","Trebuchet MS","Arial";
	font-weight:bold;
	font-size:3em;
	padding:20px 0 10px;
	margin:0 0 15px;
	color:#3d3d3d;
	text-align:center;
}

#wrapper .border{
	border-bottom:2px solid #3d3d3d;
	display:block;
}

#wrapper .homepage-box h3 {
	font-size:1.4em;
}

#wrapper .homepage-box ol {
	list-style-type:decimal;
	padding-left:20px;

}

#wrapper .homepage-box li {
	padding-bottom:8px;

}

.homepage-box .home-left{
	width:47%;
}

.homepage-box .home-right{
	background-image: url(../images/home-right-bg.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height: 600px;
	width:48%;
	float:right;
}

.homepage-box img.shop{
	padding-left:28px;
}

.homepage-box .yellow-box{
	border:solid 2px #03C;
	background-color:#FF0;
	margin:20px 20px 20px 28px;
	padding:5px;
}

.homepage-box .homepage-buttons{
	padding-left:28px;
}

.homepage-box .homepage-buttons img{
	padding-right:7px;
}




	/* Blog */

#wrapper .post {
	margin:0 0 30px;
}

#wrapper .post img {
	float:left;
	padding:5px;
	background:#e9f4f9;
	margin:4px 13px 0 0;
	border:#ccc solid 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#wrapper .post .meta {
	margin:20px 0 0;
	text-transform:uppercase;
	padding:11px 10px 9px;
	background:#efefef;
	font-size:0.86em;
	border-bottom:#c7c7c7 solid 1px;
}

#wrapper .post .meta a {
	font-weight:bold;
}

#wrapper .post h2 a {
	line-height:1.2em;
}

#wrapper .post .post-body {
	line-height:1.6em;
	color:#444;
}

#wrapper .post h2 a:hover, #wrapper .post .meta a:hover {
	text-decoration:none;
	color:#006bc7;
}

	/* Contact form */

#wrapper .other-info li {
	font-size:0.9em;
	height:1.9em;
	line-height:1.9em;
}

#wrapper .other-info li b { 
	color:#888;
	display:block;
	width:120px;
	float:left;
}

#wrapper #ajax-contact-form li {
	padding:5px 0 15px;
}

#wrapper #ajax-contact-form li label {
	display:block;
	font-size:0.9em;
	font-weight:bold;
	padding:0 2px 5px;
	color:#333;
}

#wrapper #ajax-contact-form li label span {
	color:#be0000;
}

#wrapper #ajax-contact-form li input, #wrapper #ajax-contact-form li textarea {
	padding:8px;
	background:#fff;
	width:436px;
	border-width:1px;
	border-style:solid;
	border-color:#bdbdbd #cfcfcf #cfcfcf #bdbdbd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-family:arial,verdana,sans-serif;
	font-size:0.9em;
}

#wrapper #ajax-contact-form li input:focus, #wrapper #ajax-contact-form li textarea:focus {
	border-color:#b3b3b3;
}

button.submit {
	font-family:arial,verdana,sans-serif;
	cursor:pointer;
	float:left;
}

button.submit:hover {
	text-decoration:underline;
}

	/* Contact for notifications */

#note .notification {
	background:#ffeaea url('../images/icons/error.png') 5px 5px no-repeat;
	border:#ffb1b1 solid 1px;
	padding:5px 5px 5px 50px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin:10px 0;
	min-height:32px;
}

#note .notification span {
	padding:5px 0;
	display:block;
}

#note .okm {
	background:#e4ffde url('../images/icons/ok.png') 5px 5px no-repeat;
	border:#8df475 solid 1px;
}

#note .okm span {
	padding:10px 0;
}

#note .notification_error {
	background:#ffeaea url('../images/icons/error.png') 5px 5px no-repeat;
	border:#ffb1b1 solid 1px;
	padding:5px 5px 5px 50px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	margin:10px 0;
	min-height:32px;
}

#note .notification_error span {
	padding:5px 0;
	display:block;
}

	/* Footer */

#footer {
	background:#f0f0f0 url('../images/footer-bg.jpg') repeat-x;
	padding:35px 0 60px;
	font-size:0.86em;
	text-align:center;
	color:#3d3d3d;
	margin:0 auto 16px;
	width:968px;
}

#footer #menu {
	padding:0 0 20px;
}

#footer #menu a {
	color:#909090;
	font-weight:bold;
	padding:3px;
}

#footer #menu a:hover {
	text-decoration:none;
	color:#3d3d3d;
}

	/* Styles for all pages, except homepage below */

	/* Pages background */

.pages-bg {
	background:#fff url('../images/pages-bg.png') repeat-x;
}

	/* Pages titles */
	
.pages-bg #features {
	height:79px!important;
}

.pages-bg #features #feat-content h1 {
	margin:11px 0 20px!important;
}

.pages-bg #slides {
	margin:14px 25px 0 0;
	float:right!important;
}

	/* Pages main content */

.pages-bg #page-bg {
	background:url('../images/main-content-bg.png') repeat-y;
}

.pages-bg #page-bg .pages-shadow {
	background:url('../images/page-shadow.png');
	height:5px;
}

.pages-bg #page-bg #main-content {
	width:636px;
	padding:15px;
	float:left;
	color:#333;
}


.pages-bg #page-bg #main-content i.note {
	padding:10px 10px 20px;
	line-height:1.5em;
	font-size:1.1em;
	display:block;
	color:#5f6c7c;
}

.pages-bg #page-bg #main-content p, .homepage-box p {
	line-height:1.6em;
	padding:0 0 10px;
	text-align:justify;
	color: #000;
}

.pages-bg #page-bg #main-content h2 {
	color:#000;
	font-weight:bold;
	font-size:2.2em;
	padding:5px 0 10px;
	margin:0 0 20px;
	font-family:"Myriad Pro Cond","Trebuchet MS","Arial";
	background:url('../images/dotted-line.png') left bottom repeat-x;
}

.pages-bg #page-bg #main-content h3 {
	color: #F00;
	font-weight:bold;
	font-size:2.2em;
	padding:5px 0 10px;
	margin:0 0 20px;
	font-family:"Myriad Pro Cond","Trebuchet MS","Arial";
	background:url('../images/dotted-line.png') left bottom repeat-x;
}

.pages-bg #page-bg #main-content h4 {
	color: #000;
	font-weight:bold;
	font-size:1.5em;
	padding:5px 0 3px;
	margin:0 0 20px;
	font-family:"Myriad Pro Cond","Trebuchet MS","Arial";
}
	/* Portfolio Items */

ul.portfolio-items {
	margin:10px 0 0;
}

ul.portfolio-items li {
	float:left;
	width:211px;
	margin:0 1px 25px 0;
	font-size:0.8em;
}

ul.portfolio-items li a {
	display:block;
	margin:0 1px 0 0;
	text-align:center;
	padding:0 0 20px;
	font-style:italic;
	font-weight:normal;
}

ul.portfolio-items li a img {
	margin-top:1px
}

ul.portfolio-items li a span {
	display:block;
	padding:15px 0 10px;
	font-style:normal;
	font-weight:bold;
	
}

ul.portfolio-items li a:hover {
	text-decoration:none;
	background:#1e1e1e;
	color:#84dcff;
}

ul.portfolio-items li a:hover span {
	color:#fff;
}

.home-portfolio li {
		margin:10px 8px 0!important;
}

#sidebar .featured-items {
	margin:10px 21px;
}

#sidebar .featured-items li {
	margin-bottom:10px;
}

	/* Sidebar */

.pages-bg #sidebar {
	float:right;
	width:302px;
	padding:15px 0 0 0;
}

	/* Sidebar box */

.pages-bg #sidebar .box {
	width:273px;
	margin:0 0 20px 15px;
}

.pages-bg #sidebar .box h3 {
	padding-bottom:15px;
}

.pages-bg #sidebar .box, .pages-bg #sidebar .box .content {
	background:url('../images/sidebar-box.png') left top no-repeat;
}

.pages-bg #sidebar .box .content {
	background-position:left bottom;
}

	/* Sidebar box menu */

.pages-bg #sidebar .box ul.menu {
	padding:0 0 5px;
}

.pages-bg #sidebar .box ul.menu li {
	background:url('../images/dotted-line.png') left bottom repeat-x;
	padding:1px 0;
}

.pages-bg #sidebar .box ul.menu li a {
	padding:10px 5px 10px 30px;
	display:block;
	color:#1c77c4;
	font-weight:bold;
	margin:0 2px;
	font-size:0.9em;
	background:#fff url('../images/icons/bullet.jpg') 10px 12px no-repeat;
}

.pages-bg #sidebar .box ul.menu li a:hover {
	background-color:#f4fbfe;
	color:#646464;
}

	/* Sidebar box content text */

.pages-bg #sidebar .box .content-text {
	padding:10px;
	color:#646464;
	line-height:1.4em;
}

	/* Tooltip */

#tooltip {
	position:absolute;
	z-index:30000;
	padding:3px;
	background:#363636;
	color:#FFF!important;
	font-size:0.9em;
}

#tooltip div {
	margin:0;
	background:#808080;
	padding:5px;
	font-size:0.9em;
}

#tooltip h3 {
	color:#fff;
	font-weight:bold;
	padding:5px;
	margin:0;
	background:#5f5f5f;
}

	/* Sidebar box content icons */

.pages-bg #sidebar .box .content-text a.icon {
	height:52px;
	width:60px;
	display:block;
	background:url('../images/icons/social.jpg');
	text-indent:-9999em;
	float:left;
	margin:10px 0;
}

.pages-bg #sidebar .box .content-text a.twitter {
	background-position:left bottom;
	margin-left:15px;
}

.pages-bg #sidebar .box .content-text a.flickr {
	margin:10px 20px;
}

.pages-bg #sidebar .box .content-text a.email {
	background-position:left -52px;
}

#sidebar .sidebar-button{
	background-image:url(../images/about-box.png);
	background-position:center;
	background-repeat:no-repeat;
	width:261px;
	height:60px;
	padding-bottom:15px;
}

#sidebar .sidebar-button-selected{
	background-image:url(../images/about-box-selected.png);
	background-position:center;
	background-repeat:no-repeat;
	width:261px;
	height:60px;
	padding-bottom:15px;
}

#wrapper .sidebar-button h3, #wrapper .sidebar-button-selected h3 {
font-size:0.9em;
font-weight:bold;
padding:30px 0 0 15px;
text-shadow:0 1px 1px #FFFFFF;
text-transform:uppercase;
}

#wrapper .sidebar-button a.selected, #wrapper .sidebar-button a:hover,
#wrapper .sidebar-button-selected a.selected, #wrapper .sidebar-button-selected a:hover{
	color: #16789f;
	font-size:1.1em;
}

strong{
	font-weight:bold;
}

#wrapper #page-bg #main-content .list li {
	list-style-type: square;
	margin-left: 20px;
	padding-bottom:5px;
}

.client-content{
	background-image:url(../images/clientele-bg.jpg);
	background-position:bottom right;
	background-repeat:no-repeat;
	min-height:150px;
}

ul.client li{
	padding-left:50px;
	padding-bottom:10px;
	font-size:18px;
}

.address{
	float:right;
	padding-right:150px;
}
.roadmap{float:right;
padding-left:65px;
}