/*
Theme Name: Blue 
Theme URI: http://networkers.in/

Author: networkers
Author URI: http://networkers.in/
Version: 1.0

License:
License URI:

*/


/* BASIC STYLE */
body{margin:0; padding:0; font-family:arial; font-size:13px; color:#666}
a {text-decoration:none; color:#666}
input, select, textarea {width:99%; float:left; background:#fff !important; border:1px solid #cfcfcf !important; color:#666; padding:7px 2px;
-webkit-border-radius: 4px;
-moz-border-radius:    4px;
border-radius:         4px;
behavior: url(css/PIE.htc);}
 
input[type="radio"]{width:auto; float:left; margin:7px 5px 0 0; padding-top:0\9; background:none; border:none !important;}
*{margin:0; padding:0;}


img { max-width:100%; border:0;}
p { margin:0; padding:0; color:#888; line-height:18px; text-align:justify; float:left}

::selection{background:#1c4094; color:#fff;}
::-moz-selection{background:#1c4094; color:#fff;}

h1, h2, h3, h4, h5 {width:100%; float:left; }

h1{font-size:22px; color:#1c4094; line-height:30px; font-weight:normal; padding-top:10px;}
h2{font-size:20px; color:#1c4094; line-height:30px; font-weight:bold}
h3{font-size:18px; color:#1c4094; line-height:24px; font-weight:bold; margin-bottom:10px;}
h4{font-size:16px; color:#1c4094; line-height:20px; font-weight:bold}
h5{font-size:14px; color:#1c4094; line-height:20px; font-weight:bold}

.col_left { float:left; margin:0; padding:0;}
.col_right{ float:right; margin:0; padding:0;}
.center { text-align:center;}
.col1 { width:auto; float:left;}
.col2 { width:auto; float:right;}
.col01 { width:100%; float:left; margin:0; padding:0;}
.clear { clear:both;}
.border_none{ border:0 !important;}
.row{width:100%; float:left; margin-bottom:18px;}

.margin_top5{margin-top:5px;}
.margin_top10{margin-top:10px;}
.margin_top15{margin-top:15px;}
.margin_top20{margin-top:20px;}

.margin_btm5{margin-bottom:5px;}
.margin_btm10{margin-bottom:10px;}
.margin_btm15{margin-bottom:15px;}
.margin_btm20{margin-bottom:20px;}

.margin_r5{margin-right:5px;}
.margin_r10{margin-right:10px;}

.pad_top5{padding-top:5px;}
.pad_top10{padding-top:10px;}
.pad_top15{padding-top:15px;}
.pad_top20{padding-top:20px;}

.pad_btm5{padding-bottom:5px;}
.pad_btm10{padding-bottom:10px;}
.pad_btm15{padding-bottom:15px;}
.pad_btm20{padding-bottom:20px;}

/* LAYOUT STYLE */
#wrap {width:100%; float:left;}
.hgroup {width:100%; float:left;}
.header_top {width:100%; float:left; background:#1c4094}
.header_top_container{width:960px; margin:0 auto;}
.top_nav {width:650px; float:left}
.top_nav li {display:inline; float:left; color:#fff; margin:13px 0px}
.top_nav li a{display:inline; float:left; color:#fff; margin:0px 8px; }
.top_nav li a:hover{color:#fff; text-decoration:underline}

.top_nav_right {width:286px; float:right;}
.welcome_guest {width:auto; float:left; background:url(img/guest_icon.png) no-repeat 5px center; color:#75caff; padding:13px 10px 13px 25px;}

.login_block{width:150px; float:left; background:#c72424;}
.login_block li {display:inline; float:left;}
.login_block li a{display:inline; float:left; padding:13px 5px 13px 25px; font-size:13px; font-weight:bold; color:#fff;}
.login_block li a:hover{text-decoration:underline}

.login_block .login_icon {background:url(img/login_icon.png) no-repeat 5px center}
.login_block .sign_up_icon {background:url(img/sign_up_icon.png) no-repeat 5px center}

.header {width:100%; float:left; background:#f7f7f7; border-bottom:2px solid #e7e7e7}
.header_container {width:960px; margin:0 auto;}
.logo_section {
    float: left;
    height: 50px;
    margin-bottom: 1px;
    margin-top: 33px;
    width: auto;
}
.logo_section h2 {font-size: 28px;}
.nav {width:610px; float:right; display:inline-block; margin-top:30px; border:1px solid #dbdbdb;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background: #ffffff;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#ededed));
background: -webkit-linear-gradient(#ffffff, #ededed);
background: -moz-linear-gradient(#ffffff, #ededed);
background: -ms-linear-gradient(#ffffff, #ededed);
background: -o-linear-gradient(#ffffff, #ededed);
background: linear-gradient(#ffffff, #ededed);
-pie-background: linear-gradient(#ffffff, #ededed);
behavior:url(css/PIE.htc);

}
.nav li {display:inline; float:left;}
.nav li a{display:inline; float:left; padding:12px 20px; font-size:14px; color:#616161;}
.nav li a:hover{color:#1c4094;}


.middle_section {width:960px; margin:0 auto; overflow:hidden}
.video_container {width:100%; float:left}
.video_section {padding: 36px 0 0 93px; margin: 0 auto; width: 426px; height: 340px; float:left; background: url(img/skin8_400x241.png) no-repeat top left; }
.how_work_section{width:404px; float:left;}


.how_work_section h1{ text-align:center; padding-bottom:0;}
.hwork_menu {width:97%; float:left; margin-left:10px}
.hwork_menu li{width:100%; display:inline; float:left; background:#e9e9e9; font-size:16px; color:#1c4094; margin:10px 0; padding:0px; line-height:44px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
behavior: url(css/PIE.htc);
}
.hwork_menu li:hover{background:#c8d9ff;}
.hwork_menu li span {width:38px; height:38px; float:left; margin-right:5px; background:#fff; border:3px solid #d4d4d4; border-radius:38px; text-align:center; font-size:20px; font-weight:bold; line-height:38px;
behavior: url(css/PIE.htc);
}

.left_sidebar {width:258px; float:left; border:1px solid #e2e2e2; border-top:none; margin-bottom:20px;}
.sidebar_menu {width:100%; float:left;}
.sidebar_menu h3{width:86%; padding-left:38px; line-height:30px; margin:0; background:#1c4094; color:#fff; font-weight:normal}
.sidebar_menu li {width:100%; float:left; background:url(img/left_menu_arrow.png) no-repeat 10px center;}
.sidebar_menu li a{display:block; color:#888; padding:9px 10px 9px 24px; font-size:12px; font-weight:bold}
.sidebar_menu li a:hover{display:block; background:url(img/left_menu_arrow.png) no-repeat 10px center #f5f5f5; color:#1c4094;}

.heading_menu {width:100%; float:left; border-top:4px double #e6e6e6; border-bottom:4px double #e6e6e6}
.menu_icon1 h3{background-image:url(img/custom_service_icon.png); background-repeat:no-repeat; background-position:12px 5px}
.menu_icon2 h3{background-image:url(img/solution_icon.png); background-repeat:no-repeat; background-position:12px 5px}

.right_section {width:687px; float:right;}
.right_section p {margin-bottom:18px;}
.list {width:100%; float:left; margin-bottom:18px;}
.list ul{float:left; display:block; list-style-type:square !important; margin-left:17px;}
.list ul li{color:#888; padding:3px 0}


.feature_home {width:50%; float:left;}
.feature_home li{width:100%; float:left; display:block; background:url(img/green_arrow_icon.png) no-repeat left center; font-size:14px; font-weight:bold; color:#1c4094; padding:7px 10px 7px 30px}


.footer {width:100%; float:left; background:#c8d9ff; margin-top:20px;}
.footer_container {width:960px; margin:16px auto; /* background:#c8d9ff; */ text-align:right; color:#555}

/* INNER PAGE DESIGN */
/* 23 july 2013 */
.post-title {color:#222; border-bottom:4px double #ddd; margin-bottom:15px;}
h5 span ,h2 span, h3 span{color:#888;}
h5 span{background:#333; color:#fff; padding:0 5px; margin-right:5px}
h5 {background:#efefef; margin-bottom:5px;}
.alignnone {float:left}

.features_bullet {float:left; /*margin-left:110px;*/ margin-left:16px; margin-bottom:10px;}
.features_bullet li {padding:5px 0; color:#888}

.abc tr th, tr td {border:1px solid #c8d9ff; margin:0; padding:5px 5px; border-collapse:collapse;}
.abc th {background:#c8d9ff; color:#000}

/* 25 July 2013 */
.calc_block {width:98%; float:left; background:#c8d9ff; border:1px solid #a4bdf4; padding:5px; margin:10px 0; list-style-type:none !important}
.calc_block li {display:inline; width:20%; float:left}
.calc_block ul {float:left; display:block; margin-bottom:10px}
.calc_block ul li{display: block; width: 100%; float: left; text-align:center; color:#000}
.calc_block ul li input[type='text']{width:60px; float:left; font-size:14px; font-weight:bold; margin-left:34px; text-align:center;}
.calc_block .heading {font-size:14px; font-weight:bold; padding:5px 0; margin-bottom:5px; background:#1c4094; color:#fff}
.calc_block ul li span{margin-top: 10px; float: right; font-weight: bold; color: #000;}
.calc_block li:nth-child(4) span{font-size:18px; margin-top:7px}
.calc_block #num_total {font-size:26px; color:#ff0000; float:left}
.dollar_sign{font-size:26px; color:#000; float:left; margin-left:16px; margin-right:5px}

/*contact us 25 July 2013*/
.contact_us {width:100%; float:left; /* background:#ccc; */}
.contact_us .col{width:280px; float:left; margin-bottom:18px}
.contact_us .col label{font-weight:bold; float:left; margin-bottom:5px;}
.contact_us .col input[type="text"] {width:100%; float:left}
.contact_us .col_left {width:310px; float:left;}
.contact_us .col textarea {height:110px; float:left; font-family:arial;}
.submit_btn {width:auto; float:left; background:#555 !important; color:#fff; font-weight:bold; border-radius:4px; padding:6px 20px; margin-right:10px; border:1px solid #555 !important}
.submit_btn:hover {background:#666 !important; border:1px solid #666 !important; cursor:pointer} 

/* pop up for contact */
.dark_bac {width:100%; height:100%; float:left; position:fixed; top:0; left:0; background:rgba(0, 0, 0, 0.7); z-index:9999}
#pop_up_container {width:460px; overflow:hidden; margin:12% auto; background:#fff; position:relative; border-radius:10px; border:4px solid rgba(0,0,0, 0.8);}
#close {width:25px; height:25px; float:right; background:url(../upload_img/close.png) no-repeat left top; opacity:0.5; cursor:pointer; margin-top:5px; margin-right:5px;}
.thanks {font-size: 18px;
font-weight: bold;
color: #8eb519;
background: url(../upload_img/check.png) no-repeat 10px 20px;
padding-left: 55px;
padding-top: 20px;
height: 50px;}