/*
Theme Name:Q-tech Theme
Theme URI: http://www.nybbletech.com
Description: Q-tech Theme
Version: 1.01
Author: Shahzad
Tags: Q-tech, SEO, websites, Nybbletech
*/

body{
	margin:0px;
	padding:0px;
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
}

/*###################################### SOME IMPORTANT CLEARIFICATIONS  ######################################*/

p{ margin:0px; padding:0px; padding-top:4px; padding-bottom:6px;}
img {border:none;}
.clear{ clear:both;}
h1{ color:#0c3865; font-size:22px; margin:0px; padding:0px; padding-top:15px; padding-bottom:8px; font-weight:bold;}
h2{ color:#0c3865; font-size:17px; font-weight:bold; margin:0px; padding:0px; padding-top:15px; padding-bottom:8px;}
h3{ color:#1272b1; font-size:14px; font-weight:bold; margin:0px; padding:0px; padding-top:5px; padding-bottom:8px;}
hr{ color:#CCC; margin-top:50px; margin-bottom:20px;}
/* ######################################SOME IMPORTANT CLEARIFICATIONS End ######################################*/
.container{
	position:relative;
	width:900px;
	height:auto;
	margin:0px auto;
}


/*###################################### TOP LINKS AND LOGO CSS ######################################*/

#top_bg{
	position:relative;
	background:url(images/top_bg.jpg) repeat-x;
	width:100%;
	height:154px;
}

#logo{
	position:relative;
	float:left;
	width:309px;
	height:154px;
}

#top_rite_link{
	position:relative;
	width:400px;
	float:right;
	text-align:right;
	font-size:11px;
	padding-top:20px;
        color:#6d6d6d;
}

#call_no{
	position:relative;
	width:auto;
	height:auto;
	color:#7f7f7f;
	font-size:17px;
	font-weight:bold;
	padding-top:30px;
}

#call_no span{ color:#0853a0;}
#top_rite_link a{ color:#7f7f7f; text-decoration:none; text-transform:uppercase;}
#top_rite_link a:hover{ text-decoration:underline;}



/* ######################################TOP LINKS AND LOGO CSS End ######################################*/


/* ###################################### TNavigation CSS ######################################*/

#nav{
	position:relative;
	background:url(images/nav_bg.jpg) repeat-x;
	height:37px;
	width:100%;
}

.cover_nav{
	position:relative;
	width:900px;
	height:auto;
	margin:0px auto;
	padding-left:30px;
}


.menu_nav {margin:0px; padding:0px; list-style:none;}
.menu_nav li{float:left; width:auto; height:auto;}
.menu_nav li a{display:block; padding:9px 25px;height:auto; width:auto; font-size:14px; color:#fff;  vertical-align:middle; text-decoration:none; text-transform:uppercase;}
.menu_nav li a:hover{ width:auto; background:url(images/nav_bg_roll.jpg) repeat-x;}


/*###################################### Navigation CSS End ###############################################################*/



/*###################################### Content area CSS #################################################################*/

#content_bg{
	position:relative;
	background:url(images/content_bg.jpg) repeat-x center top;
	width:100%;
	height:auto;
	min-height:400px;
}

#left_nav{
	position:relative;
	width:230px;
	height:auto;
	float:left;
	padding-top:25px;
}

#rite_cont{
	position:relative;
	background:url(images/contenttable_bg.png) no-repeat;
	float:right;
	width:668px;
	height:auto;
	margin-top:25px;
}


.left_menu_top{
	position:relative;
	background:url(images/leftmenu_top.png) no-repeat;
	width:196px;
	height:34px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	line-height:40px;
	vertical-align:middle;
}


.left_menu_mid{
	position:relative;
	background:url(images/leftmenu_bg.png) repeat-y;
	width:196px;
	height:auto;
	font-size:13px;
}

.left_menu_bot{
	position:relative;
	background:url(images/leftmenu_bottom.png) no-repeat;
	width:196px;
	height:15px;
}

.left_menu{ margin:0px; padding:0px; list-style:none;}
.left_menu li{ text-align:center; background-color:#fdfdfd; width:188px; height:20px; border-bottom:solid 1px #e4e4e4; padding-top:6px; padding-bottom:4px; margin-left:4px;}
.left_menu li:hover{ background-color:#e0f3fd; color:#0853a0;}
.left_menu li a{ color:#6d6d6d; text-decoration:none;}
.left_menu li a:hover{ color:#0853a0;}


.left_menu_top2{
	position:relative;
	background:url(images/leftmenu_top.png) no-repeat;
	width:196px;
	height:34px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	line-height:40px;
	vertical-align:middle;
	margin-top:20px;
}

.left_menu2{ margin:0px; padding:0px; list-style:none;}
.left_menu2 li{ text-align:center; background-color:#fdfdfd; width:188px; height:20px; border-bottom:solid 1px #e4e4e4; padding-top:6px; padding-bottom:4px; margin-left:4px;}
.left_menu2 li:hover{ background-color:#e0f3fd; color:#0853a0;}
.left_menu2 li a{ color:#6d6d6d; text-decoration:none;}
.left_menu2 li a:hover{ color:#0853a0;}



#header{
	position:relative;
	background:url(images/header.png) no-repeat;
	height:183px;
	width:648px;
	margin:0px auto;
	margin-top:8px;
}


.cover_rite_txt{
	position:relative;
	width:600px;
	height:auto;
	margin:0px auto;
	color:#000;
	font-size:12px;
}

#tab1{
	position:relative;
	background:url(images/index_tabs_bg.png) no-repeat;
	width:187px;
	height:204px;
	float:left;
	margin-top:15px;
}

#tab2{
	position:relative;
	background:url(images/index_tabs_bg.png) no-repeat;
	width:187px;
	height:204px;
	float:left;
	margin-top:15px;
	margin-left:23px;
}

#tab3{
	position:relative;
	background:url(images/index_tabs_bg.png) no-repeat;
	width:187px;
	height:204px;
	float:right;
	margin-top:15px;
}

.cover_tab{
	position:relative;
	width:150px;
	height:auto;
	margin:0px auto;
	padding-top:8px;
font-size:11px;
}

.tab_pic{ 
      position:relative;
	  background:url(images/tab_1_image.png) no-repeat; 
	  width:78px;
	  height:98px;
	  float:left;
	  padding-left:5px;
}

.tab_pic2{ 
      position:relative;
	  background:url(images/tab_2_image.png) no-repeat; 
	  width:78px;
	  height:98px;
	  float:left;
	  padding-left:5px;
}

.tab_pic3{ 
      position:relative;
	  background:url(images/tab_3_image.png) no-repeat; 
	  width:78px;
	  height:98px;
	  float:left;
	  padding-left:5px;
}


.tab_pic4{ 
      position:relative;
	  background:url(images/tab_4_image.png) no-repeat; 
	  width:78px;
	  height:98px;
	  float:left;
	  padding-left:5px;
}


.tab_pic5{ 
      position:relative;
	  background:url(images/tab_5_image.png) no-repeat; 
	  width:78px;
	  height:98px;
	  float:left;
	  padding-left:5px;
}


.tab_pic6{ 
      position:relative;
	  background:url(images/tab_6_image.png) no-repeat; 
	  width:78px;
	  height:98px;
	  float:left;
	  padding-left:5px;
}



.more_info{ font-size:11px; font-weight:bold;}
.more_info a{ color:#0c3865; text-decoration:none}
.more_info a:hover{ text-decoration:underline;}

/*######################################Content area CSS End ######################################*/






/*###################################### Footer area CSS ######################################*/

#footer_bg{
	position:relative;
	background:url(images/footer_bg.jpg) repeat-x;
	height:48px;
	width:100%;
	margin-top:10px;
}

.left_footer{
	position:relative;
	width:300px;
	height:auto;
	float:left;
	color:#0f58a3;
	font-size:11px;
	line-height:40px;
	vertical-align:middle;
}

.rite_footer{
	position:relative;
	width:400px;
	height:auto;
	float:right;
	text-align:right;
	color:#0f58a3;
	font-size:11px;
	line-height:48px;
	vertical-align:middle;
}


.footer_menu{ padding:0px; margin:0px; list-style:none;}
.footer_menu li{ float:left; width:auto; height:auto; padding-left:5px;}
.footer_menu li a{ color:#0f58a3; text-decoration:none;}
.footer_menu li a:hover{ text-decoration:underline;}

/*###################################### Footer area CSS End ######################################*/

/*###################################### Sub page CSS ######################################*/

.sub_left_img{
	position:relative;
	width:auto;
	height:auto;
	float:right;
	padding-top:6px;
	padding-bottom:20px;
	padding-left:20px;
}
.sub_txt{
	position:relative;
	width:auto;
	height:auto;
	float:right;
	padding-top:6px;
	padding-bottom:0;
}

.sub_txt p a{ color:#069; text-decoration:underline;}
.sub_txt p a:hover{ color:#036;}

.sub_txt h2 a{color:#0c3865; text-decoration:none;}
.sub_txt h2 a:hover{color:#0c3865; text-decoration:underline;}

 h3 a{color:#0c3865; text-decoration:none;}
 h3 a:hover{color:#0c3865; text-decoration:underline;}

ul.sub_page_ul{ margin:0px; padding:0 0 30px 20px; float:left;}
ul.sub_page_ul li{ padding-bottom:5px;}

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

/*###################################### Sub page CSS End ######################################*/

ul.project-links li{padding-bottom:10px;font-size:12px; color:#666; }







/* Copy it*/
#sidebar{width:240px;}

#sidebar-wrap2 ul {list-style:none;font-size:12px;}

.coment_tracback{
	list-style:none; padding:0; margin:0;}
.coment_tracback li{float:left; padding-right:10px;}
.coment_tracback li a{ font-size:18px;color:#a4c10b;}

#tab-1 ol{list-style:none;}
.details {font-size:12px;}
.details span{font-size:12px;}

#submitbox a{font-size:16px;color:#a4c10b; padding:5px 0px;}
.small{font-size:12px;}
.coment_unknown{font-size:12px;}

.sitemap ul li {padding-bottom:10px;}


#cf_field_8
{width:100px;}
#cf_field_9
{width:100px;}
#cf_field_10
{width:100px;}
.area{width:300px !important;}
.single{width:300px !important;}
.sendbutton{margin-right:60px !important;}




/*################################ Service Pages content ################################*/

.left{position:relative; width:590px; height:auto; float:left;}
.right{position:relative; width:170px; height:auto; float:right; text-align:right;padding-top:10px;}
.right .serviceimg {float:left;padding-bottom:24px;}
/*################################ Service PAges content ################################*/


/*################################ Gallery Css ################################*/
.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}


.thumbnail  span.carbon-fire{ /*CSS for enlarged image*/
position: absolute; left: -1000px;margin:0px; padding:0px; visibility: hidden; color: black;text-decoration: none; top:0px !important;}
.thumbnail span.coatings { /*CSS for enlarged image*/
position: absolute; left: -1000px;margin:0px; padding:0px; visibility: hidden; color: black;text-decoration: none; top:0px !important;}
.thumbnail span.coatings2 { /*CSS for enlarged image*/
position: absolute; left: -1000px;margin:0px; padding:0px; visibility: hidden; color: black;text-decoration: none; top:197px !important;}
.thumbnail  span.concrete-repairs{ /*CSS for enlarged image*/
position: absolute; left: -1000px;margin:0px; padding:0px; visibility: hidden; color: black;text-decoration: none; top:0px !important;}
.thumbnail  span.concrete-repairs2{ /*CSS for enlarged image*/
position: absolute; left: -1000px;margin:0px; padding:0px; visibility: hidden; color: black;text-decoration: none; top:197px !important;}
.thumbnail  span.injection-technology{ /*CSS for enlarged image*/
position: absolute; left: -1000px;margin:0px; padding:0px; visibility: hidden; color: black;text-decoration: none; top:0px !important;}
.thumbnail  span.injection-technology2{ /*CSS for enlarged image*/
position: absolute; left: -1000px;margin:0px; padding:0px; visibility: hidden; color: black;text-decoration: none; top:197px !important;}
.thumbnail  span.polyurea-coating{ /*CSS for enlarged image*/
position: absolute; left: -1000px;margin:0px; padding:0px; visibility: hidden; color: black;text-decoration: none; top:0px !important;}
.thumbnail  span.polyurea-coating2{ /*CSS for enlarged image*/
position: absolute; left: -1000px;margin:0px; padding:0px; visibility: hidden; color: black;text-decoration: none; top:197px !important;}
.thumbnail  span.polyurea-coating3{ /*CSS for enlarged image*/
position: absolute; left: -1000px;margin:0px; padding:0px; visibility: hidden; color: black;text-decoration: none; top:397px !important;}
.thumbnail  span.polyurea-coating4{ /*CSS for enlarged image*/
position: absolute; left: -1000px;margin:0px; padding:0px; visibility: hidden; color: black;text-decoration: none; top:630px !important;}
.thumbnail  span.sealants{ /*CSS for enlarged image*/
position: absolute; margin:0px; padding:0px;left: -1000px; visibility: hidden; color: black;text-decoration: none;top:0px !important;}
.thumbnail  span.waterproofing{ /*CSS for enlarged image*/
position: absolute; margin:0px; padding:0px;left: -1000px; visibility: hidden; color: black;text-decoration: none;top:0px !important;}
.thumbnail  span.waterproofing2{ /*CSS for enlarged image*/
position: absolute; margin:0px; padding:0px;left: -1000px; visibility: hidden; color: black;text-decoration: none;top:197px !important;}
.thumbnail  span.waterstops{ /*CSS for enlarged image*/
position: absolute;  margin:0px; padding:0px;left: -1000px; visibility: hidden; color: black;text-decoration: none;top:0px !important;}



.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


.left_video{position:relative; width:auto; height:auto; float:right; padding:9px 0 10px 10px;}
/*################################ Gallery Css ################################*/

.gallerypics img {
padding-bottom:21px;
padding-left:3px;
padding-right:21px;
}

h2 span {
font-size:14px;
}