/* 

	Theme Name: detroit

	*/



body{

	/*behavior:url("csshover.htc");*/

	font-family: 'open_sansregular', Arial, Helvetica, sans-serif;

	font-size:.9em;

	color:#fff;

	margin:0px;

}



div, h1, h2, h3, h4, span, img, p, a, ul, li, form, textarea, lable, input, select{

	margin:0; padding:0;

}

	

	

/************************************************

*	Hyperlinks									*

************************************************/

	

h1,h2,h3,h4,h5,h6,h6{

	margin:0px;

	font-weight:normal;

	font-family: 'open_sansbold';

	text-transform:uppercase;

}

h1{ color:#ffcc00; font-size:2.5em; line-height:1em;}

h2{ color:#fff; font-size:1.8em; line-height:1em; /*float:left;*/}

p{

	margin:0px;

}

table{

	border-collapse:collapse;

}



.container{

	margin:0px auto;

	width:100%;

	max-width:1000px;

}

.wrapper{

	float:left;

	width:100%;

}

.flt{

	float:left;

}

.frt{

	float:right;

}

a{

	text-decoration:none;

	color:#ffcc00;

}

a img{

	border:0px;

}

ul{

	margin:0px;

	padding:0px;

	list-style:none;

	float:left;

}

html{

	/*background: url(images/bg2.jpg) no-repeat center center fixed #000; */

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;	

}

	

/************************************************

*	Header  									*

************************************************/



#pagetop{ position:fixed; width:100%; z-index:100;  left:0px;  top:0px;}

#header_container{ width:100%; float:left; background:#343434;}

#header{

	float:left;

	width:100%;

	color:#fff;

	padding:10px 0px;	

}

#header div{ float:left;}

#logo{width:25%;position: absolute;}

#headermid{ width:50%; text-align:center; padding:20px 0 0 0; text-transform:uppercase;margin-left: 25%;}

#header_rgt{float:right; text-align:right; width:25%;}

#header_rgt span{font-family: 'open_sansbold'; font-size:2em;}

/************************************************

*	Navigation      							*

************************************************/

#nav_container{float:left;width:100%;background:#000;}

#nav{

	float:left;

	width:100%;

	padding:10px 0px;

	font-family: 'open_sanssemibold';

	color:#FFFFFF;

	text-transform:uppercase;

}

#nav ul{

	padding:0px;

	margin:0px;

	list-style:none;

	/*border-left:1px solid #d8d8d8;*/

	float:right;

}

#nav ul li{

	float:left;

	margin:0px 0px;

	border-right:1px solid #d8d8d8;

	padding:0px 15px 0px 15px;	

	text-align:center;

}

#nav ul li:last-child {

	border-right:none!important;

	}

/*#nav ul li:hover, #nav ul li.current{

	background:url(images/nav_hover.gif) no-repeat right top;

}*/

#nav ul li a{color:#d8d8d8;}

#nav ul li:hover a, #nav ul li.current a{color:#ffcc00;}



#nav .current_page_item a {

	color:#ffcc00;

	}

#nav li li a, #nav li li a:link {

    color: #FFFFFF !important;

    float: left;

    padding: 5px 15px !important;

    text-align: left !important;

}

	

#nav li li a:hover, #nav li li a:active {

    color: #FFCC00 !important;

    padding: 5px 10px;

}



#nav li ul {

    border: medium none !important;

    height: auto;

    left: -999em;

    margin: 0px 0px 0px -15px;

    padding: 0;

    position: absolute;

    width: 193px;

    z-index: 9999;

}



#nav li li {

    background: none repeat scroll 0 0 #000000;

    border: medium none !important;

    padding: 0 !important;

    width: 100%;

}



#nav li ul a { 

	width: 120px;

	}



#nav li ul a:hover, #nav li ul a:active { 

	}



#nav li ul ul {

	margin: -1px 0 0 193px;

	}



#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

	left: -999em;

	}



#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {

	left: auto;

	}



#nav li:hover, #nav li.sfhover { 

	position: static;

	}

	

#nav .current_page_item a {

	color: #FFCC00;

	}



/************************************************

*	Content 					     		    * 

************************************************/



#maincontainer{ float:left; width:100%;margin:113px 0px 0px;}

#content{

	width:100%;

	display:table;

	position:relative;

	margin:15px 0px;

}

#content h1{ color:#ffcc00; font-size:2.0em; line-height:1em;}

#content h2{ color:#fff; font-size:1.8em; line-height:1em;}

#content .bg{

	background:url(images/trans_bg.png);

}

#content td.bg{

	background:url(images/trans_bg.png);

}



#content .grad{

		background: #d5d5d5; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1ZDVkNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMjMyMzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #d5d5d5 0%, #323232 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5d5d5), color-stop(100%,#323232)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #d5d5d5 0%,#323232 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #d5d5d5 0%,#323232 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #d5d5d5 0%,#323232 100%); /* IE10+ */

background: linear-gradient(to bottom,  #d5d5d5 0%,#323232 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#323232',GradientType=0 ); 



}



#content_left_container{ width:63%; display:table-cell; vertical-align:top;background:url(images/trans_bg.png);}

#content_mid_container{ width:2%;  display:table-cell; vertical-align:top;}

#content_right_container{ width:35%;  display:table-cell; vertical-align:top;background:url(images/trans_bg.png);}

#content_left {

    float: left;

    margin: 0;

   padding: 10.5% 13.5%;

    width: 73%;

	line-height:25px;

	}



#sidebar{

	float:left;		

	margin:0;

	width:85%;

	padding:10%;

}



#sidebar #services h2 {

    font-size: 1.5em !important;

	}

	

#sidebar h2 {

    font-size: 2.2em !important;

    letter-spacing: -1px;

    line-height: 1em;

	}



#content_left p{ margin:10px 0;}

#sidebar .wrapper{ float:left; width:80%; padding:5%; border-bottom:1px solid #3c3c3c;}



#services { padding:5%; float:left; text-transform:uppercase;}

#services ul li{ float:left; width:100%; border-bottom:1px solid #3c3c3c; padding:5px 0;}

#services ul li a {

    color: #FFFFFF;

	}

#services ul li a:hover{color:#ffcc00;}





#top_3d{ position:relative; margin-left:-15px;}



#social{

	background:url(images/social_bg.png) no-repeat right top;

	height:33px;

	width:105%;

	text-transform:uppercase;

	position:relative;

	margin:0 -29px 0 0;

	padding:10px 0px 20px 5%;

	float:right;

	color:#000;

	font-size:1.8em;

	font-family: 'open_sanslight';	

}



#social img{ vertical-align:middle; padding:0 5px;}

#portfolio{ float:left; width:100%; margin:20px 0;}

#portfolio ul{ width:100%;}

#portfolio li{ float:left; margin:0 10px 10px 0;}

#portfolio p{font-family: 'open_sanslight'; font-size:1.5em;}

.post {

	margin: 0px 0px 40px 0px;

	}

	

.postarea {

	margin: 0px;

	padding: 0px;

	}



.postarea p {

	padding: 0px 0px 10px 0px;

	margin: 0px;

	}

	

.postarea a, .postarea a:visited, .postcomments a, .postcomments a:visited {

	color:#FFCC00;

	text-decoration: none;

	}

	

.postarea a:hover, .postcomments a:hover {

	color: #FFCC00;

	text-decoration: none;

	}

	

.blogs_details .postauthor a {

    color: #FFCC00;

	}	

	

.postarea ol {

	margin: 0px 0px 0px 20px;

	padding: 0px 0px 10px 0px;

	}

	

.postarea ol li {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 5px 0px;

	}

	

.postarea ul {

	list-style-type: none;

	margin: 0px 0px 0px 5px;

	padding: 0px 0px 10px 0px;

	}

	

.postarea ul ul {

	list-style-type: none;

	margin: 0px;

	padding: 0px 0px 0px 0px;

	}

.blogs_details a{

color:#ffcc00!important;



}	



blockquote {

	background: #F7F7F7;

	margin: 0px 25px 15px 25px;

	padding: 0px 25px 0px 10px;

	border: 1px solid #E6E6E6;

	}

	

#content blockquote p {

	margin: 0px;

	padding: 10px 0px 10px 0px;

	}

	

.postauthor {

	margin: 0px 0px 10px 0px;

	padding: 0px;

	}

	

.postmeta {

	font-size: 11px;

	text-transform: uppercase;

	margin: 0px;

	padding: 5px 0px 0px 0px;

	border-top: 1px solid #E6E6E6;

	}

	

.postmeta p {

	margin: 0px;

	padding: 0px;

	}

	

.authorbox {

	background: #F7F7F7;

	margin: 20px 0px 0px 0px;

	padding: 10px;

	border: 1px solid #E6E6E6;

	}

	

.authorbox p {

	margin: 0px;

	padding: 0px;

	}

	

.authorbox img {

	background: #FFFFFF;

	float: left;

	margin: 0px 10px 0px 0px;

	padding: 3px;

	border: 1px solid #CCCCCC;

	}

	

code {

	background: #F7F7F7;

	margin: 0px 25px 15px 25px;

	padding: 10px;

	display: block;

	font-family: Verdana, Tahoma, Verdana;

	border: 1px solid #E6E6E6;

	}

	

.archive {

	float: left;

	width: 320px;

	margin: 0px;

	padding: 0px 25px 20px 0px;

	}

	

.clear {

	clear: both;

	}



/************************************************

*	Images  					     		    * 

************************************************/



img.centered  {

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 10px;

	padding: 0px;

	}

	

img.alignnone {

	padding: 0px;

	margin: 0px 0px 10px 0px;

	display: inline;

	}



img.alignright {

	padding: 0px;

	margin: 0px 0px 10px 10px;

	display: inline;

	}



img.alignleft {

	padding: 0px;

	margin: 0px 10px 10px 0px;

	display: inline;

	}

	

.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 10px;

	}



.alignright {

	float: right;

	margin: 0px 0px 10px 10px;

	}



.alignleft {

	float: left;

	margin: 0px 10px 10px 0px;

	}

	

.wp-caption {

	border: 1px solid #E6E6E6;

	text-align: center;

	background-color: #F7F7F7;

	padding: 4px 0px 5px 0px;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	}



.wp-caption img {

	margin: 0px 0px 5px 0px;

	padding: 0px;

	border: 0px;

	}



.wp-caption p.wp-caption-text {

	margin: 0px;

	padding: 0px 0px 0px 0px;

	font-size: 11px;

	font-weight: normal;

	line-height: 12px;

	}

	

/************************************************

*	Sidebar 	        			     	    * 

************************************************/



.latest_news_cont {

    border-bottom: 1px solid #3c3c3c;

    float: left;

    padding: 10px 0;

    width: 100%;

	}

	

#sidebar .wrapper p {

    color: #FFFFFF;

	}

	

.learn{

	color:#FFCC00 !important;

	}

	

#services, #services h2 {

    line-height: 33px !important;

	}	

			

/************************************************

*	Footer  									*

************************************************/



#footer{

	float:left;

	width:100%;

	padding:10px 0;

	font-size:.8em;

	background:#000;

	color:#aeaeae;

	/*text-transform:uppercase;*/

}

#footer a{color:#aeaeae; }

#footer ul li:last-child a {

	border-right:none!important;

	}

#footer a.first{ padding:0 10px 0 0;}

#footer a:hover{color:#ffcc00;}

#footer p{ margin:10px 0; float:left; clear:both; width:100%;}

#footer .menu li a{

	border-right:1px solid #aeaeae;

	padding:0 10px;

	}

	

.flt {

    float: left;

    width: 62%;

	}



.menu-footer_menu-container {

    float: left;

    width: 100%;

	margin: 10px 0px 10px 0px;

	}



.menu-footer_menu-container li {

    float: left;

}

	

.menu-footer_menu-container li:first-child a {

    padding-left: 0 !important;

	}	

	

/************************************************

*	Copyright  									*

************************************************/

	

#copyright {

	width: 960px;

	background: #003663;

	margin: 0px auto 0px;

	padding: 0px 0px 15px 0px;

	font-family: Verdana, Tahoma, Verdana;

	font-size: 11px;

	text-transform: uppercase;

	text-align: center;

	letter-spacing: 2px;

	-moz-border-radius-bottomleft: 5px;

	-moz-border-radius-bottomright: 5px;

	-khtml-border-radius: 5px;

	-webkit-border-top-left-radius: 0px;

	-webkit-border-top-right-radius: 0px;

	-webkit-border-bottom-left-radius: 5px;

	-webkit-border-bottom-right-radius: 5px;

	}

	

.copyright {

	width: 920px;

	margin: 0px auto 0px;

	padding: 15px 0px 0px 0px;

	border-top: 1px solid #65ADC3;

	}

	

#copyright p {

	color: #65ADC3;

	margin: 0px;	

	padding: 0px;

	}

	

#copyright a {

	color: #65ADC3;

	text-decoration: none;

	}



#copyright a:hover {

	color: #65ADC3;

	text-decoration: underline;

	}

	

/************************************************

*	Search Form									*

************************************************/



.postform {

	background: #F5F5F5;

	width: 240px;

	color: #333333;

	font-size: 12px;

	font-family: Arial, Tahoma, Verdana;

	margin: 5px 0px 0px 0px;

	padding: 1px;

	display: inline;

	border: 1px solid #DDDDDD;

	}



#searchform {

	color: #0076A3;

	font-size: 14px;

	font-family: Arial, Tahoma, Verdana;

	font-weight: bold;

	margin: 0px;

	padding: 0px;

	}

	

#searchformheader {

	margin: 0px;

	}

	

#s {

	background: #FFFFFF;

	width: 165px;

	color: #333333;

	font-size: 12px;

	font-family: Arial, Tahoma, Verdana;

	margin: 5px 3px 0px 0px;

	padding: 2px 0px 2px 3px;

	display: inline;

	border: 1px solid #E6E6E6;

	}

	

#searchsubmit {

	background: #003663;

	color: #FFFFFF;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	font-family: Arial, Tahoma, Verdana;

	font-size: 11px;

	font-weight: bold;

	text-decoration: none;

	margin: 0px;

	padding: 2px 2px 1px 2px;

	border: 1px solid #003663;

	}

	

/************************************************

*	Comments Form								*

************************************************/

	

#author, #email, #url {

	background: #F7F7F7 !important;

	color: #333333;

	font-size: 12px;

	font-family: Arial, Tahoma, Verdana;

	margin: 0px;

	padding: 4px;

	border: 1px solid #E6E6E6;

	}

	

#comment {

	background: #F7F7F7 !important;

	color: #333333;

	font-size: 12px;

	font-family: Arial, Tahoma, Verdana;

	margin: 5px 0px 5px 0px;

	padding: 4px;

	border: 1px solid #E6E6E6;

	}

	

#submit {

	background: #FFCC00;

	color: #FFFFFF;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	font-family: Arial, Tahoma, Verdana;

	font-size: 11px;

	font-weight: bold;

	text-decoration: none;

	margin: 0px;

	padding: 2px 0px 2px 0px;

	border: 1px solid #003663;

	cursor:pointer;

	}

	

textarea {

    resize: none;

	}	

	

/************************************************

*	Comments									*

************************************************/

	

.commentlist li ul li {

	font-size: 12px;

	}



.commentlist li {

	font-weight: bold;

	}



.commentlist li .avatar { 

	background: #FFFFFF;

	float: right;

	border: 1px solid #EEEEEE;

	margin: 0px 5px 0px 10px;

	padding: 2px;

	}



.commentlist cite, .commentlist cite a {

	font-weight: bold;

	font-style: normal;

	font-size: 12px;

	}



.commentlist p {

	font-weight: normal;

	text-transform: none;

	}



.commentmetadata {

	font-weight: normal;

	}



#commentform input {

	width: 170px;

	padding: 7px;

	margin: 5px 5px 1px 0px;

	}



#commentform {

	margin: 5px 10px 0px 0px;

	}

	

#commentform textarea {

	width: 98%;

	padding: 2px;

	}

	

#respond:after {

	content: "."; 

	display: block; 

	height: 0px; 

	clear: both; 

	visibility: hidden;

	}

	

#commentform p {

	margin: 5px 0px 5px 0px;

	}

	

#commentform #submit {

	margin: 0px;

	float: left;

	padding: 10px;

	}

	

.alt {

	margin: 0px;

	padding: 10px;

	}



.commentlist {

	margin: 0px;

	padding: 0px;

	}

	

.commentlist ol {

	margin: 0px;

	padding: 10px;

	}



.commentlist li {

	margin: 15px 0px 10px;

	padding: 10px 5px 10px 10px;

	list-style: none;



	}

.commentlist li ul li { 

	margin-right: -5px;

	margin-left: 10px;

	}



.commentlist p {

	margin: 10px 0px 10px 0px;

	padding: 0px;

	}

	

.children { 

	margin: 0px;

	padding: 0px;

	}



.nocomments {

	text-align: center;

	margin: 0px;

	padding: 0px;

	}

	

.reply a, .reply a:visited {

	background: #0076A3;

	color: #FFFFFF;

	-moz-border-radius: 3px;

	-khtml-border-radius: 3px;

	-webkit-border-radius: 3px;

	font-family: Arial, Tahoma, Verdana;

	font-size: 11px;

	text-decoration: none;

	margin: 0px;

	padding: 2px 5px 2px 5px;

	border: 1px solid #0076A3;

	}

	

.reply a:hover {

	background: #003663;

	color: #FFFFFF;

	text-decoration: none;

	border: 1px solid #003663;

	}



.commentmetadata {

	font-size: 10px;

	margin: 0px;

	display: block;

	}



.navigation {

	display: block;

	text-align: center;

	margin-top: 10px;

	margin-bottom: 60px;

	}

	

.alignright {

	float: right;

	}



.alignleft {

	float: left;

	}

	

.thread-alt {

	background: #FFFFFF;

	margin: 0px;

	padding: 0px;

	}

	

.thread-even {

	background: #F7F7F7;

	margin: 0px;

	padding: 0px;

	}

	

.depth-1 {

	border: 1px dotted #E6E6E6;

	margin: 0px;

	padding: 0px;

	}



.even, .alt {

	border-top: 1px solid #E6E6E6;

	border-bottom: 1px solid #E6E6E6;

	border-left: 1px solid #E6E6E6;

	margin: 0px;

	padding: 0px;

	}

	

/*contact us*/

.wpcf7-form .contact {

    font-family: 'Lato',verdana,Arial !important;

    font-size: 14px;

	}

	

.wpcf7-form .contact tr {

    float: left;

    margin-bottom: 25px;

	}

	

.wpcf7-form .contact input {

    background-color: rgba(51, 51, 51, 0.5);

    border: 1px solid #666666;

    -webkit-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

	/*behavior: url(PIE.htc);*/

    box-shadow: 0 0 5px #333333 inset;

    color: #FFFFFF;

    padding: 9px;

    position: relative;

	}

		

.wpcf7-form .contact textarea {

    background-color: rgba(51, 51, 51, 0.5);

    border: 1px solid #666666;

    -webkit-border-radius: 5px 5px 5px 5px;

	border-radius: 5px 5px 5px 5px;

	/*behavior: url(PIE.htc);*/

	height: 100px;

	padding: 10px 10px 10px 10px;

	width:252px;

	color: #FFFFFF;

	}

	

div.wpcf7 {

    margin: 20px 0 0 !important;

    padding: 0;

	float: left;

	width:372px;

	}	

	

.wpcf7-form .contact input[type="submit"] {

    background-color: #FFCC00;

    border: medium none;

    color: #000000;

    cursor: pointer;

    display: block;

    font-family: 'Lato',verdana,Arial;

    font-size: 12px;

    height: 30px;

    outline: medium none;

    padding: 0 0 3px;

    text-align: center;

    width: 100px;

	float:left;

	border-radius:0px;

	}

	

.wpcf7-form .contact input[type="reset"] {

    background-color: #000000;

    border: medium none;

    color: #FFFFFF;

    cursor: pointer;

    display: block;

    font-family: 'Lato',verdana,Arial;

    font-size: 12px;

    height: 30px;

    outline: medium none;

    padding: 0 0 3px;

    text-align: center;

    width: 100px;

	border-radius:0px;

	}	

	

.wpcf7-form .contact .wpcf7-not-valid-tip {

    left: 5px !important;

    position: absolute;

    top: 27px !important;

    width: 247px;

	}	

	

.wpcf7-form .contact .your-message span {

    top:13px!important;

	}

	

/******testimonials********/

.test_container {

    border-bottom: 1px solid #999999;

	padding:15px 0px 15px 0px;

	}

	

.orgtxt{

	color:#FFFFFF;

	font-weight:bold;

	}

	

/**********blogs*************/

#blog_imgs_det {

    border-bottom: 1px solid #626262;

    float: left;

    margin-bottom: 20px;

	width:100%;

	}

	

#blo_img {

    float: left;

    margin: 0 10px 20px 0;

	width:27%;

	}

	

#blo_cont {

    float: left;

    margin: 0;

    text-align: justify;

    width: 71%;

	}

	

#blo_cont p {

    margin: 0;

	}

	

.read_blog_more {

    float: right;

	margin-bottom: 10px;

	}



.read_blog_more a{

	color:#FFCC00;

	}

	

.blogs_details h1 {

    float: left;

    width: 100%;

	}

	

#blo_img_single {

    float: left;

    margin-right: 15px;

	}

	

#commentform .error {

	color: red;

	}

	

#commentform input.error, #commentform textarea.error {

	border: 1px solid red;

	}



/******Portfolio*********/	

.post ul {

	float:left;

	width:100%;

	margin: 0px;

	padding: 0px;

	list-style: none;

	}

	

.post ul li{

	padding: 0px 0px 0px 25px;

	line-height: 25px;

	background:url(images/bullet_new.gif) no-repeat left top;

	background-position: 0 10px !important;

	}

	

.nimble-portfolio-content ul li{

	background-image:none!important;

	padding:0px!important;

	}

			

.port_folio {

    padding: 1.5% !important;

    width: 97% !important;

	}

	

.nimble-portfolio-ul {

    margin-left: 0 !important;

    width: 100% !important;

	}

	

.nimble-portfolio-template-3colround .nimble-portfolio-filter {

    height: 30px;

    margin-top: 20px;

	}

	

.nimble-portfolio-template-3colround div.three h6 {

    color: #000000;

    font-size: 11px;

    font-weight: normal;

    margin: 10px 0;

    text-align: center;

	}



.blogs_details li {

    border-bottom: 1px solid #626262;

   float: left;

    margin-bottom: 20px;

	}

	

.postarea img {

    margin: 15px 0 15px 15px;

	}

	

.nimble-portfolio-template-3colround div.nimble-portfolio-filter ul li a{

	color:#000000;

	}	

	

/*****Enquiry form******************/

#enquiry_form {

    float: left;

    width: 100%;

	}

	

#enquiry_form li {

    list-style-type: none;

	}

	

#enquiry_form .wpcf7 {

    width: 100%;

	}

	

#enquiry_form .wpcf7-form .contact input {

    /*width: 87%;*/
	width: 56%;
float: left;
margin-bottom: 10px;
	}

	

#enquiry_form textarea {

    height: 58px;
	width:165px;

   /* width: 176px;*/

	}

	

#side_services {

    background-color: rgba(51, 51, 51, 0.5);

    border: 1px solid #666666;

    border-radius: 5px;

    box-shadow: 0 0 5px #333333 inset;

    color: #FFFFFF;

    padding: 5px 9px;

    position: relative;

    width: 100%;

	}

		

#side_services option {

    background: none repeat scroll 0 0 #000000;

    color: #FFFFFF;

    padding: 5px 0;

	}

#side_servicess {

    background-color: rgba(51, 51, 51, 0.5);

    border: 1px solid #666666;

    border-radius: 5px;

    box-shadow: 0 0 5px #333333 inset;

    color: #FFFFFF;

    padding: 5px 9px;

    position: relative;

    width: 100%;

	}

		

#side_servicess option {

    background: none repeat scroll 0 0 #000000;

    color: #FFFFFF;

    padding: 5px 0;

	}	

#enquiry_form .wpcf7-form .contact .wpcf7-not-valid-tip {

    color: #F00;

    font-size: 12px;

    width: 90%;

	}

	

/*secret*/

#secrect {

    border-bottom: 1px solid #3C3C3C;

    border-top: 1px solid #3C3C3C;

    float: left;

    padding: 10px 0;

    width: 100%;

	}

	

#secrect > h1 {

    font-size: 29px;

	}

	

#secrect > p {

    padding: 5px 0px 5px 0px;

	}	

	

.po_con img {

    float: left;

    margin: 8px 10px 0 0;

	}
	
/*added*/
.wpcf7 label {
    float: left;
    width: 95px !important;
	}
	
.contact_pgcnt{
	float:left;
	}
	
#req_services {
    background-color: rgba(51, 51, 51, 0.5);
    border: 1px solid #666666;
    border-radius: 5px;
    box-shadow: 0 0 5px #333333 inset;
    color: #FFFFFF;
    padding: 5px 9px;
    position: relative;
    width: 46%;
	}
#req_services_sidebar {
    background-color: rgba(51, 51, 51, 0.5);
    border: 1px solid #666666;
    border-radius: 5px;
    box-shadow: 0 0 5px #333333 inset;
    color: #FFFFFF;
    padding: 5px 9px;
    position: relative;
    /*width: 74%;*/
	width: 63%;
   float: left;
   margin-bottom: 10px;
}
	}	
	
.required {
    color: #FF0000;
	}
	
label.error {
    color: #FF0000;
	}
	
#wpcf7 input.error {
    background-color: #FF9999;
	}
	
label.error {
    color: #FF0000;
    float: left;
    left: 5px;
    padding: 5px 0;
    position: relative;
    width: 100% !important;
	}																	

/**********************************/	



/* Responsive @media css starts here */

@media only screen and (max-width:900px){

	.container{ width:95%;}

	#logo{width:40%;}

	#headermid{ width:60%; text-align:center; padding:10px 0 10px 0; text-transform:uppercase;}

	#header_rgt{float:right; text-align:center; width:60%;}

	#maincontainer{  margin:160px 0  0 0;}

	#content h1{ font-size:2.0em; line-height:1em;}

	#content h2{ font-size:1.3em; line-height:1em;}

	#sidebar h2 { font-size:2.0em !important; line-height:1em; letter-spacing:-2px;}

	#social{font-size:1.4em; margin:0 -24px 0 0;}

	#social img{ vertical-align:middle; padding:0 3px;}

	#footer{ text-align:center;}

	#footer .flt{ width:100%;}

	#footer a{color:#aeaeae; padding:0 10px;}

	.port_folio {

		width: 90% !important;

		}

		

		.nimble-portfolio-ul {

		width: 100% !important;

		}

		#logo {

position: inherit;

}

#sidebar {

	width: 82%;

	}

#headermid {

margin-left: 0px;

}			

}

@media only screen and (max-width:700px){

	#pagetop{ position:static;}

	#maincontainer{ margin:0 0  0 0;}

	#logo{width:100%; text-align:center; padding:0 0 20px 0;}

	#headermid{ width:50%; padding:0px;}

	#header_rgt{ width:50%;}

	#nav{ padding:5px 0px;}

	#nav ul{border-left:0px;}

	#nav ul li{	margin:5px 0px;	border-right:0px; padding:0px 10px 0px 10px; font-size:.8em;}

	

	#content{ display:inherit;}

	#content_left_container{ width:100%; display:block; float:left;}

	#content_mid_container{ display:none; }

	#content_right_container{width:100%; display:block; float:left; margin:10px 0;}

	#content_left{ padding:5%; width:90%;}

	#content h1{ font-size:2.0em; line-height:1em;}

	#content h2{ font-size:1.5em !important; line-height:1em;}

	#sidebar h2 { font-size:2.5em; line-height:1em; letter-spacing:-2px;}

	#social{font-size:2em; margin:0 -38px 0 0; width:102%;background:url(images/social_bg.png) no-repeat right top;}

	.port_folio {

		width: 90% !important;

		}

		

		.nimble-portfolio-ul {

		width: 100% !important;

		}

		#logo {

position: inherit;

}

#headermid {

margin-left: 0px;

}

#social {

width: 95%;

}

#sidebar {

	width: 80%;

	}

	

#side_services {

	width: 270px;

	}

#side_servicess {

	width: 270px;

	}	

#enquiry_form textarea {

	/*width: 245px;*/
	width:165px;

	}					

}

@media only screen and (max-width:500px){

	#logo{width:100% !important; text-align:center; padding:10px 0 10px 0;}

	#headermid{ width:100%; padding:10px 0px;}

	#header_rgt{ width:100%;}

	#social{font-size:2em; margin:0 -26px 0 0; width:102%;background:url(images/social_bg.png) no-repeat right top;}

	#footer{ text-align:left; padding:5%; width:90%;}

	#footer a{ border:0px; padding:0px}

	#footer a.first{ padding:0 0 0 0;}

	#footer .menu li a{

	padding:5px 0px !important;

	border:0px;

	float:left;

	}

	#footer li{

		width:100%;

		}

	#portfolio{

		margin:15px 0px 0px 17px;

		}

	.port_folio {

		width: 90% !important;

		}

		

		.nimble-portfolio-ul {

		width: 100% !important;

		}	

		#logo {

	position: inherit;

	}

#headermid {

	margin-left: 0px;

	}

div.wpcf7 {

	width: 100%;

	}

.wpcf7-form .contact input {

	width: 80%;

	}

.wpcf7-form .contact textarea {

	width: 80%;

	}
.wpcf7-form .contact .wpcf7-not-valid-tip {

	width: 80%;

	}		

	#sidebar {

	width: 80%;

	}

#enquiry_form .wpcf7-form .contact input {

	/*width: 83% !important;*/
	width: 56%;
float: left;
margin-bottom: 10px;

	}

	

#side_services {

	width: 109%;

	}

#side_servicess {

width: 109%;

	}	

#enquiry_form textarea {

	/*width: 100%;*/
	width:165px;

		}			

}

@media only screen and (max-width:350px){

	

	#social{font-size:1.1em; margin:0; width:100%;background:url(images/social_bg.png) no-repeat left top;}

	#logo {position: inherit;}

	#headermid {margin-left: 0px;}

	#footer .menu li a{	padding:5px 0px; border:0px;}

	#side_services {width: 96%;	}

	#side_servicess {width: 96%;	}

	#enquiry_form textarea {	/*width: 81%;*/	 width:165px;	}			

	

}

.contact_pgcnt{

float:left;

}
.wpcf7 p{
margin-bottom:10px;
}
p.redtxt{
color: #FF0000;

}

