/*
Theme Name: Vizteck
Theme URI: http://www.vizteck.com/
Description: vizteck wordpress theme.
Author: Noor
Author URI: http://www.vizteck.com
Version: 1.0
*/

@charset "utf-8";
/* CSS Document */
body {
   background-color: #000;
    background-image: url(/images/bg.png);
    background-repeat: no-repeat;
    background-position: center top;
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #555555;
}
.header {
    height: 135px;
    width: 990px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 60px;
}
.logo {
    background-image: url("/images/logo.png");
    background-repeat: no-repeat;
    float: left;
    font-size: 37px;
    height: 102px;
    margin-left: 35px;
    padding-left: 84px;
    padding-top: 32px;
    width: 240px;
    color:#FFF;
}
.navigation {
    background-image: url(/images/nav_bg.png);
    float: right;
    height: 105px;
    width: 458px;
}
.lavaLampWithImage {
    height: 112px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 450px;
}
.lavaLampWithImage li {
    float: left;
    list-style: none;
}
.lavaLampWithImage li.back {
    background: url("/images/lava2.png") no-repeat right bottom;
    width: 9px;
    height: 120px;
    z-index: 8;
    position: absolute;
}
.lavaLampWithImage li.back .left {
    background: url("/images/lava.png") no-repeat bottom left;
    height: 120px;
    margin-right: 21px; /* 7px is the width of the rounded shape */
}
.lavaLampWithImage li a {
    color: #FFFFFF;
    display: block;
    float: left;
    font: bold 14px arial;
    height: 73px;
    letter-spacing: 0;
    margin: auto 10px;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    z-index: 10;
    border:none;
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
    border: none;
}
.lavaLampNoImage {
    position: relative;
    height: 29px;
    width: 421px;
    background-color: transparent;
    padding: 15px;
    margin: 10px 0;
    overflow: hidden;
    border:none;
}
.lavaLampNoImage li {
    float: left;
    list-style: none;
}
.lavaLampNoImage li.back {
    border:none;
    background-color: transparent;
    width: 9px;
    height: 30px;
    z-index: 8;
    position: absolute;
}
.lavaLampNoImage li a {
    font: bold 14px arial;
    text-decoration: none;
    color: #000;
    outline: none;
    text-align: center;
    top: 7px;
    text-transform: uppercase;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 30px;
    position: relative;
    overflow: hidden;
    margin: auto 10px;
    border:none;
}
.lavaLampNoImage li a:hover, .lavaLampNoImage li a:active, .lavaLampNoImage li a:visited {
    border: none;
}
.lavaLampBottomStyle {
    position: relative;
    height: 29px;
    width: 421px;
    background-color: white;
    padding: 15px;
    margin: 10px 0;
    overflow: hidden;
    border: 1px solid gray;
}
.lavaLampBottomStyle li {
    float: left;
    list-style: none;
}
.lavaLampBottomStyle li.back {
    border-bottom: 5px solid blue;
    width: 9px;
    height: 30px;
    z-index: 8;
    position: absolute;
}
.lavaLampBottomStyle li a {
    font: bold 14px arial;
    text-decoration: none;
    color: #000;
    outline: none;
    text-align: center;
    top: 7px;
    text-transform: uppercase;
    letter-spacing: 0;
    z-index: 10;
    display: block;
    float: left;
    height: 30px;
    position: relative;
    overflow: hidden;
    margin: auto 10px;
}
.lavaLampBottomStyle li a:hover, .lavaLampBottomStyle li a:active, .lavaLampBottomStyle li a:visited {
    border: none;
}
.slider{
    height: 400px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 930px;
}
.boxes{
    width: 930px;
    margin-right: auto;
    margin-left: auto;
}
.box_blog{
    background-image: url(/images/blog_lines.png);
    background-repeat: no-repeat;
    background-position: center top;
    float: left;
    height: 273px;
    width: 303px;
    margin-right: 5px;
}
.box_blog ul{
    padding-left: 15px;
    padding-top: 25px;
}
.box_blog li{
    background-image: url(/images/bliine_bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    width: 234px;
    margin-top: 5px;
    margin-right: 5px;
    padding-top: 5px;
    padding-right: 5px;
    list-style:none;
    padding-bottom: 10px;
}

.box_blog li a{
    color:#4f713a;
    text-decoration:none;
}
.box_blog li a:hover{
    color:#4f713a;
    text-decoration:underline;
}
.box_blog li a:visited{
    color:#4f713a;
}

.box_pro{
    background-image: url(/images/latest_prd.png);
    background-repeat: no-repeat;
    background-position: center top;
    float: left;
    height: 273px;
    width: 303px;
    margin-right: 5px;
}
.prothumbs{
    height: 190px;
    width: 235px;
    margin-top: 50px;
    margin-right: auto;
    margin-left: auto;
}
.thmbs{
    float: left;
    height: 86px;
    margin-bottom: 11px;
    margin-right: 11px;
    width: 106px;
}
.box_feedback{
    background-image: url(/images/feedback.png);
    background-repeat: no-repeat;
    background-position: center top;
    float: left;
    height: 273px;
    width: 303px;
    margin-right: 5px;
}
.feedback_text{
    height: 190px;
    width: 255px;
    margin-top: 70px;
    margin-right: auto;
    margin-left: auto;
}
.feedback_text ul{
	padding-left: 3px;
}
.feedback_text li{
    list-style:none;
}
.feedback_text li a{
    list-style:none;
    font-size: 14px;
    color: #555555;
    text-decoration:none;
}
.feedback_text li a:hover{
    list-style:none;
    color:#CCC;
}
.footer{}
.icon_bar{
    height: 92px;
    width: 930px;
    margin-right: auto;
    margin-left: auto;
}
.text_bar{
    height: 115px;
    width: 933px;
    margin-right: auto;
    margin-left: auto;
    background-image: url(/images/text_bar.png);
    background-repeat: no-repeat;
    background-position: center top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding-top: 15px;
    color:#292929;
}
.text_bar a{color:#4f713a;
            text-decoration:none;}
.text_bar a:hover{text-decoration:underline;}
.text_bar a:visited{color:#4f713a;
                    text-decoration:none;}

.body_content{
    width: 933px;
    margin-right: auto;
    margin-left: auto;
}
.left_content{
    float: left;
    margin-bottom: 25px;
    width: 634px;
}
.right_content{
    width: 303px;
    float:left;
}
.blogentry{
    width: 634px;
    clear:both;
    height:100%;
}
.blogentry h2{
    font-family: Avgardn;
    font-size: 24px;
    font-weight: normal;
    margin-top: 0;
}

/* rainbow effect */

#four .rainbows-highlight {
    color: #000 !important;
}


.rainbow,.rainbows-highlight,.rainbows-shadow {
    xline-height: 1;
}

.rainbow {
    background: transparent;
    display: block;
    position: relative;
    height: 1px;
    overflow: hidden;
    z-index: 4;
}

.rainbow span {
    position: absolute;
    top: 0;
    left: 0px;
    display: block;
    xwhite-space: nowrap;

}

a .rainbow span {
    white-space: nowrap;
}

.rainbows-highlight {
    color: #000 !important;
    display: block;
    position: absolute;
    top: -1px;
    left: 0px;
    z-index: 2;
}

.rainbows-shadow {
    color: #000 !important;
    display:block;
    position: absolute;
    top: 1px;
    left: 0px; /* can be one or two depending on 90 or 135 degree global light */
    z-index: 3;
}

.back .text .rainbows-shadow {
    color: #000 !important;
    opacity: 1.3;
}
/* rainbow effect */

.blogs{
    height: 100%;
    width: 635px;
    margin-top: 10px;
}
.left_b{
    float: left;
    height: 100%;
    width: 100px;
    padding-top: 20px;
    float:Avgardn;
    color:#4f713a;
    text-align:right;
}
.right_b{
    background-image: url("/images/left_brdrblog.png");
    background-position: left top;
    background-repeat: repeat-y;
    float: left;
    height: 100%;
    margin-bottom: 12px;
    margin-left: 10px;
    padding-left: 10px;
    padding-top: 10px;
    width: 500px;
}
.right_b h2{
    font-family:Avgardn;
    font-weight:normal;
    font-size:20px;
    margin-top:5px;
}
.right_b a{
    color:#4f713a;
    text-decoration:none;
    text-align:right;
}
.right_b a:hover{
    color:#4f713a;
    text-decoration:underline;
}
.right_b a:visited{
    color:#4f713a;
}
.comment_status{
    float: right;
    margin-top: -38px;
    width: 141px;
}
.comment_status img {
    float:left;
    margin-top:6px;
    margin-right:5px;
}
.comment_status h2{
    font-family: Avgardn;
    font-size: 12px;
    font-weight: normal;
    margin-top: 5px;
}
.search_box{
    width:302px;
    margin-bottom:25px;
    height:90px;
}
.search_box p{
    margin-top:0px;
    padding-top:0px;
}
.search_box h2{
    font-family: Avgardn;
    font-size: 24px;
    font-weight: normal;
    margin-top: 5px;
}
.search_field{
    background-color: transparent;
    background-image: url("/images/search_bar.png");
    background-position: left top;
    background-repeat: no-repeat;
    border: medium none;
    color: #666666;
    float: left;
    height: 37px;
    padding-left: 7px;
    width: 207px;
}
.search_button{
    background-image: url(/images/search_button.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: left top;
    float: left;
    height: 37px;
    width: 43px;
    border:none;
}
/*-- add for links style---*/
a {
    color: #555555;
    font-size: 14px;
    list-style: none outside none;
    text-decoration: none;
}
/*---Comment form style---*/
#respond{
    margin-left:120px;
    float:left;
}
#comments{
    float:left;
}
.commentlist{
    float:left;
    margin-left: 100px;}
/*---Comments---*/
.comments_detail{
    background-image: url(/images/comments_detail_sprtr.png);
    background-repeat: repeat-x;
    background-position: center top;
    height: 100%;
    width: 500px;
    padding-top: 10px;
    margin-top: -12px;
}
.comment_users{
    float: right;
    width: 475px;
}
.user_box{
    float: left;
    height: 55px;
    width: 55px;
    border: 1px solid #333;
    margin-right: 10px;
}
.c_date{
    float: none;
}
.c_date h2{
    font-family: Avgardn;
    font-size: 12px;
    font-weight: normal;
    margin-top: 5px;
}
.replyform{
    background-image: url(/images/comments_detail_sprtr.png);
    background-repeat: repeat-x;
    background-position: center top;
    height: 100%;
    width: 500px;
    padding-top: 10px;
    margin-top: -12px;
    clear:both;
}
.replyform-contactus{
    /*	background-image: url(/images/comments_detail_sprtr.png);
            background-repeat: repeat-x;*/
    background-position: center top;
    height: 100%;
    width: 500px;
    padding-top: 10px;
    margin-top: -12px;
    clear:both;
}
.field{
    clear: both;
    height: 29px;
    margin-bottom: 2px;
    margin-left: 24px;
    width: 500px;
}
.field img{
    float:left;
}
.input_field{
    background-color: #313131;
    border: medium none;
    height: 27px;
    margin-left: 5px;
    width: 284px;
    color: #666666;
    padding-left: 7px;
}
.textarea_box{
    height: 120px;
    width: 443px;
    margin-bottom: 2px;
    margin-left: 24px;
    width: 500px;
}

.input_field2{
    background-color: #313131;
    border: medium none;
    height: 120px;
    width: 443px;
    color: #666666;
    padding-left: 6px;
}
.submit_button{
    background-color: transparent;
    background-image: url("/images/submit_button.png");
    background-repeat: no-repeat;
    border: medium none;
    float: right;
    height: 35px;
    margin-right: 28px;
    margin-top: 18px;
    width: 108px;
}
#contact-frm .submit_button, #commentform #submit {
    color:transparent;

}
.aboutus_box{
	width: 940px;
	margin-right: auto;
	margin-left: auto;
}
.aboutus_content h2{
	font-family: Avgardn;
    font-size: 16px;
    font-weight: normal;
    margin-top: 5px;
	font-weight:bold;
}
.footer_content{
	
}
.footer_content span{

}
.footer_content h2{
	float: left;
    font-family: Avgardn;
    font-size: 16px;
    font-weight: bold;
    margin-left: 25px;
    margin-top: -3px;
    width: 80px;
}


/* 
Recaptcha Style Captcha 
=======================
 re-Captcha Style Captcha with php and jQuery 
 
 Created By: Zeeshan Rasool 
 URL : http://www.99Points.info 
 
 Get JQuery, PHP, AJAX, Codeigniter and MYSQL Tutorials and Demos on Blog
 */
 
#captcha-wrap{
	background: none repeat scroll 0 0 #000000;
    border: 1px solid #000000;
    border-radius: 10px 10px 10px 10px;
    height: 100px;
    margin-left: 23px;
    margin-top: 3px;
    text-align: left;
    width: 167px;
}
#captcha-wrap .captcha-box{
	background: none repeat scroll 0 0 #313131;
    border: 1px solid #313131;
    text-align: center;
}
#captcha-wrap .text-box{
     float: left;
    height: 43px;
    margin-top: 7px;
    text-align: left;
    width: 128px;
}
 
#captcha-wrap .text-box input{ width:120px; margin:0px;}
#captcha-wrap .text-box label{
	 color:#666;
	 font-family: helvetica,sans-serif;
	 font-size:12px;	
	 width:150px;
	 padding-top:3px; 
	 padding-bottom:3px; 
}
#captcha-wrap .captcha-action{
	background: url("logos.jpg") no-repeat scroll right top transparent;
    float: right;
    height: 26px;
    margin-right: -31px;
    margin-top: -27px;
    width: 33px;
}
#captcha-wrap  img#captcha-refresh{
	margin-top:9px;
	border:solid #333333 1px;
	margin-right:6px;
	cursor:pointer;
}
.catPages1 {  
 padding:3px;  
 margin:3px;  
 text-align:center;  
 color:#ffffff;  
 }  
* PageSelector */  
 .catPages1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}  
 .catPages1 a:link,  
 .catPages1 a:visited,  
 .catPages1 a:hover,  
 .catPages1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}  
 .catPages1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}  
 .catPages1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}  

 .pagesBlockuz1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}  
 .pagesBlockuz1 a:link,  
 .pagesBlockuz1 a:visited,  
 .pagesBlockuz1 a:hover,  
 .pagesBlockuz1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}  
 .pagesBlockuz1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}  
 .pagesBlockuz1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}  

 .pagesBlock1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;}  
 .pagesBlock1 a:link,  
 .pagesBlock1 a:visited,  
 .pagesBlock1 a:hover,  
 .pagesBlock1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;}  
 .pagesBlock1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;}  
 .pagesBlock1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;}  
 /* ---------------- */