/*
Theme Name: Envirotectureinc
Theme URI: http://envirotectureinc.com/
Description: The 2010 default theme for WordPress.
Author: Mark Jamer Krout
Author URI: visualeyezstudio.com
Version: 1.0

*/



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: "" "";
}
.fl, .fr {
	display: inline;
	position: relative;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
/*
	@Styles
***********************************/

body {
	background: url(images/mainbg.gif) repeat-x;
	font: 12px Arial, Helvetica, sans-serif;
	color: #666666
}
a {
	color: #666;
	text-decoration: underline;
	text-decoration: none;
}
p {
	font: 12px/14px Arial, Helvetica, sans-serif;
	margin-bottom: 16px;
}

h1#page-title {
	color: #1f4a7d;
	font-size: 30px;
	text-transform: uppercase;
	width: 340px;
}

h2#subpage-title {
	color: #333;
	font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 30px;
	width: 340px;
}

#portfolio h1#page-title {
	margin: 0;
}

#page-wrap {
	width: 1126px;
	overflow: hidden;
	margin: 37px auto;
}
#sidebar, #hp-content-wrap, #hp-sidebar2 {
	min-height: 463px;
	height: auto!important;
	height: 463px;
}
#hp-content-wrap {
	margin: 0 0 0 1px;
	width: 658px;
}
#hp-content h1 {
	margin-bottom: 16px;
}
#hp-slideshow {
	margin-bottom: 27px;
}
#hp-sidebar2 {
	background: url(images/menu-arch.gif) no-repeat top right;
	width: 232px;
}
#sidebar {
	background: url(images/gradient.gif) repeat-x;
}
/* Main MENU */
#main-menu-holder {
	overflow: hidden;
	position:absolute;
	bottom: 19px ;
	right: 0;
	width: 205px;
}
#main-menu {
	
}

#main-menu ul {
	padding: 0 0 0 25px!important;
	background: none!important;
	float: left;
}

#main-menu ul li{
	width: 180px;
	float: left;
	display: inline;
	overflow: hidden;
}

#main-menu li {
	width: 205px;
	display: block;
	float: left;
	display: inline;
}

#main-menu li a {
padding: 3px 20px 4px 0;
color: #fff;
text-align:right;
display: block;
font-weight: bold;
border-bottom: 1px solid #fff;
}

#main-menu ul li a {
}

#main-menu ul li {
margin-bottom: 0;
}

#sm01 {
	background: url(images/colors.png) no-repeat 173px -148px #999;
}

#sm02 {
	background: url(images/colors.png) no-repeat 173px -148px #999;
}

#sm03 {
	background: url(images/colors.png) no-repeat 173px -148px #999;
}

#sm04 {
	background: url(images/colors.png) no-repeat 173px -148px #999;
}

#sm05 {
	background: url(images/colors.png) no-repeat 173px -148px #999;
}

#sm01:hover {
	background: url(images/colors.png) no-repeat 173px 2px #84a7bb;
}

#sm02:hover {
	background: url(images/colors.png) no-repeat 173px -28px #a1410e;
}

#sm03:hover {
	background: url(images/colors.png) no-repeat 173px -58px #6b8771;
}

#sm04:hover {
	background: url(images/colors.png) no-repeat 173px -88px #458ccc;
}

#sm05:hover {
	background: url(images/colors.png) no-repeat 173px -118px #f8931d;
}


#mm01 {
	background: url(images/arrow.png) no-repeat 200% 50% #8ab1d0;
}
#mm01:hover {
	background: url(images/arrow.png) no-repeat 95% 50% #8ab1d0;
}
#mm02 {
	background: url(images/arrow.png) no-repeat 200% 50% #5584ae;
}
#mm02:hover {
	background: url(images/arrow.png) no-repeat 95% 50% #5584ae;
}
#mm03 {
	background: url(images/arrow.png) no-repeat 200% 50% #4575a3;
}
#mm03:hover {
	background: url(images/arrow.png) no-repeat 95% 50% #4575a3;
}
#mm04 {
	background: url(images/arrow.png) no-repeat 200% 50% #2e5e8f;
}
#mm04:hover {
	background: url(images/arrow.png) no-repeat 95% 50% #2e5e8f;
}
#mm05 {
	background: url(images/arrow.png) no-repeat 200% 50% #1f4a7d;
}
#mm05:hover {
	background: url(images/arrow.png) no-repeat 95% 50% #1f4a7d;
}
#portfolio-menu {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	right: 0;
}
#portfolio-menu li, #portfolio-menu li a {
	width: 115px;
	height: 115px;
	text-indent: -999px;
	display: block;
}
#portfolio-menu li {
	margin: 1px 0 0 1px;
	float: left;
	display: inline;
}
#pm01 {
	background: url(images/menu2.gif) no-repeat 0 0;
	margin-left: 117px!important;
}
#pm01:hover {
	background: url(images/menu2.gif) no-repeat 0 -116px;
}
#pm02 {
	background: url(images/menu2.gif) no-repeat -116px 0;
}
#pm02:hover {
	background: url(images/menu2.gif) no-repeat -116px -116px;
}
#pm03 {
	background: url(images/menu2.gif) no-repeat -232px 0;
}
#pm03:hover {
	background: url(images/menu2.gif) no-repeat -232px -116px;
}
#pm04 {
	background: url(images/menu2.gif) no-repeat -348px 0;
}
#pm04:hover {
	background: url(images/menu2.gif) no-repeat -348px -116px;
}
#pm05 {
	background: url(images/menu2.gif) no-repeat -464px 0;
}
#pm05:hover {
	background: url(images/menu2.gif) no-repeat -464px -116px;
}
#footer {
	border-top: 1px solid #ccc;
	padding: 14px 0;
}
/* Innerpages*/
#content-wrap {
	width: 773px;
	margin: 0 1px;
}
#content {
	padding: 10px 40px 0;
}
#portfolio {
	padding: 10px;
	background: url(images/arch.gif) no-repeat top left #eaeaea;
	height: 424px;
	position: relative;
}
/*
#portfolio #thumbs {
	position: absolute;
	bottom: 10px;
	left: 10x;
}
*/
#portfolio-slideshow {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 398px;
	height: 422px;
	overflow: hidden;
}
#portfolio .thumb {
	position: absolute;
	width: 90px;
	height: 90px;
	overflow: hidden;
}
#portfolio .thumb-1 { left: 15px;  bottom: 15px; }
#portfolio .thumb-2 { left: 106px; bottom: 15px; }
#portfolio .thumb-3 { left: 197px; bottom: 15px; }
#portfolio .thumb-4 { left: 15px;  bottom: 106px; }
#portfolio .thumb-5 { left: 106px; bottom: 106px; }
#portfolio .thumb-6 { left: 197px; bottom: 106px; }
#portfolio .thumb-7 { left: 15px;  bottom: 197px; }
#portfolio .thumb-8 { left: 106px; bottom: 197px; }
#portfolio .thumb-9 { left: 197px; bottom: 197px; }
#portfolio .thumb-10 { left: 15px;  bottom: 288px; }
#portfolio .thumb-11 { left: 106px; bottom: 288px; }
#portfolio .thumb-12 { left: 197px; bottom: 288px; }

#description {
	padding: 10px;
}
.nivo-controlNav {
	position: absolute;
	bottom: 10px;
	left: 5px;
	z-index: 1000
}
.nivo-controlNav a {
	display:block;
	width:4px;
	height:4px;
	background: #fff;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background: #ef3600;
}
.nivo-caption p {
	padding:5px 5px 5px 100px!important;
	margin:0;
	text-align: right;
	font-weight: bold;
}
blockquote p {
	font: bold italic 18px Arial, Helvetica, sans-serif;
	padding: 0 40px
}
h1 {
	margin-bottom: 16px;
}
/* hp slidehsow */
#hp-slider{
	height: 463px;
}
#hp-slider .nivo-caption {
	width: 580px;
	text-transform: uppercase;
	background: #1f4a7d;
	font-size: 12px;
}
#hp-slider .nivo-caption {
	display: block!important;
	visibility: visible!important
}
#hp-slider .nivo-caption p {
	padding: 3px 5px 2px !important;
}
#hp-slider .nivo-directionNav a.nivo-prevNav {
	position: absolute!important;
	bottom: 0;
	z-index: 1000;
	width: 38px;
	height: 19px;
	text-indent: -9999px;
	display: block;
	background:url(images/arrows.png) no-repeat 0 0;
	right: 39px
}
#hp-slider .nivo-directionNav a.nivo-nextNav {
	position: absolute!important;
	bottom: 0;
	z-index: 1000;
	width: 38px;
	height: 19px;
	text-indent: -9999px;
	display: block;
	background:url(images/arrows.png) no-repeat -39px 0;
	right: 0;
}
#thumb-carousel .mask {
	width:272px;
}


.carousel ul {
	position:absolute;
	overflow:hidden;
	margin:0;
	padding:0;
	list-style:none;
}
.no-js .carousel ul {
	position:static;
}
.carousel .mask {
	position:relative;
	overflow:hidden;
}
.carousel ul li {
	float:right;
	width:90px;
	height:90px;
	color:#fff;
	font-size:8em;
	text-align:center;
	margin:0 1px 1px 0;
	position: absolute;
	bottom: 0;
	display: inline;
	right: 0
	
}
.carousel .pagination-links {
	list-style:none;
	margin:0;
	padding:0;
}
.carousel .pagination-links li {
	display:inline;
}
.carousel .pagination-links li a {
	padding:2px 6px;
}
.carousel .pagination-links li a:hover {
	text-decoration:none;
}
.carousel .pagination-links li.current a {
	background:#444;
	color:#fff;
}
.carousel .disabled {
	color:gray;
	cursor:default;
}
.carousel .prev, .carousel .next {
	margin-right: 10px;
}


/* Contact Form */

#contact-form {
    margin: 0;
    width: 300px;
	float: left;
	position: relative;
}
#contact-form p {
    display: inline;
    float: left;
    margin-bottom: 4px !important;
    position: relative;
    width: 300px;
	
}

 .wpcf7-not-valid-tip {position: relative!important; left: 0!important; top: 0!important; color: #FF0000!important; border: 0!important; background: transparent!important;overflow: hidden!important;}
 .wpcf7-response-output {position: relative!important;}
#contact-form label {
    color: #666;
    left: 7px;
    position: absolute;
    top: 3px;
}
#contact-form input, #contact-form textarea {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #9C9C9C;
    font: 13px Tahoma,Geneva,sans-serif;
    padding: 2px;
    position: relative;
    width: 294px;
    z-index: 10;
		color: #666;
}
#contact-form input:focus, #contact-form textarea:focus {
    background: none repeat scroll 0 0 #FFFFFF;
}
#contact-form textarea {
    height: 111px;
    overflow: auto;
}
#contact-form input {
    border: 1px solid #9C9C9C;
}
#contact-form p.btn-submit {
    text-align: center;
}
#contact-form button {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    height: 37px;
		margin: 0;
		padding: 0;
		border: 0;
		width: 87px
}

input.focus,textarea.focus {
    background: #FFFFFF !important;
}


.blue-text {
	color: #1e497c;
	font-weight: bold;
}

#company-title {
	font-size: 16px;
}

#test {
	text-transform: uppercase;
	background: #89b1cf;
	font-size: 11px;
	font-weight: bold;
	padding: 3px 20px;
	color: #fff;
	text-align: right;
}

#main-content {
	min-height: 433px;
	height: auto!important;
	height: 433px;
}

#main-content h2{
	font: bold 14px Arial, Helvetica, sans-serif;
	text-decoration: underline;
	margin-bottom: 16px;
}

.underlined-text {
	text-decoration: underline;
}

strong {
	font-weight: bold;
}

.fader{opacity:0;display:none; } 

#img-toggle {
	width: 15px;
	height: 8px;
	margin: 0 auto;
	display: block;
	background: url(images/arrow-toggle.gif) no-repeat 0 -33px;
}
.active { background: url(images/arrow-toggle.gif) no-repeat 0 0 !important;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}