.headerbg { overflow: hidden; padding: 0 0 50px 0; background: #023466 url(../images/headerbg.png) no-repeat top center; }
.headerbg-inner { overflow: hidden; padding: 0 0 20px 0; background: #023466 url(../images/headerbg.png) no-repeat top center; }
/*start top nav*/

.topnav { padding: 10px 0 0 0; margin:0px; float: right; }
.topnav p { margin:0px; color:#abd4fc; clear:both; text-align: right; line-height:25px; }
.topnav ul { margin: 11px 0 0 0; padding:0px; list-style: none; clear:both; float: right; }
.topnav li { margin: 0 5px 0 5px; font-family: arial; color: #bfdbf6; text-align: right; font-size: 13px; overflow: hidden; line-height:20px; }
.topnav li span { padding-right: 5px; font-weight: bold; }
.topnav li a { color: #bfdbf6; text-decoration: none; }
/*end top nav*/



/*start logo*/
.col25 { padding-bottom: 20px; position: relative; }
.col25 h1 { font-size: 18px; font-weight: normal; font-family: arial; line-height: 30px; color: #8aaed1; position: absolute; top: 5px; left: 240px; }
.col25 p.iso { font-size: 18px; font-weight: normal; font-family: arial; line-height: 26px; color: #8aaed1; position: absolute; top: 35px; left: 340px; }
.logo { padding: 10px 0 0 0; }
/*end logo*/

.gap { padding:0 0 25px 0; }
ul.add { padding-top: 5px; }
ul.add li { float: right; line-height:24px; }
/*start navigation*/

.navigation { width: 100%; margin-top:8px; background: url(../images/navbg.png) repeat-x; }
.navigation h1 { font-size:50px; font-weight:bold; margin:0px 0 0 20px; padding:0px; color:#fff; font-family: 'Verdana, Geneva, sans-serif'; text-shadow:0 3px 2px #014283; }
.nav { width: 100%; padding-bottom:91px; background:url(../images/navshadow.png) no-repeat center bottom; }
.nav ul { list-style: none; padding:0px; margin:0px; }
.nav li { float: left; line-height:50px; background:url(../images/nav-div.png) no-repeat right; }
.nav li.last { background: none; }
.nav li a { padding:0px 25px; font-family: Verdana, Geneva, sans-serif; font-size:15px; text-decoration: none; text-transform: uppercase; color:#d1d1d1; display: block; }
.nav li a:hover, .nav li a.active { color:#FFF; background:url(../images/navhover.png) repeat-x; }
/*end navigation*/



/*start small resolution navigation*/

.smallnav { display: none; font-size: 14px; line-height:43px; }
.smallnav .head { }
.smallnav .head a { color:#CCC; text-align:center; font-size: 18px; text-decoration: none; color:#d1d1d1; display: block; background:url(../images/nav-arrow.png) no-repeat right; }
.smallnav ul { list-style: none; margin:10px 0 0 0; }
.smallnav li { margin:5px 0 0 0; float: none; line-height:30px; }
.smallnav li a { padding:0 0 0 20px; text-decoration: none; color:#d1d1d1; display: block; border-radius:5px; background: #1e1e1e; }
.smallnav li a:hover { background:#424242; }
/*end small resolution navigation*/



/*start services tabs*/

.redbox { margin-top:-50px; padding: 25px 20px; overflow: hidden; font-family: Verdana, Geneva, sans-serif; font-size:23px; font-weight: bold; color:#f0f0f0; text-align:center; line-height:30px; border-radius:10px; background:url(../images/boxbg.png) repeat-x; text-shadow: 5px 5px 20px #d96b3c; filter: dropshadow(color=#d96b3c, offx=5, offy=5); }
.redbox a { text-decoration: none; color:#f0f0f0; }
.redbox1 { margin-top:-50px; overflow: hidden; padding: 25px 20px; font-family: Verdana, Geneva, sans-serif; font-size:23px; font-weight: bold; color:#f0f0f0; text-align:center; line-height:30px; border-radius:10px; text-shadow: 5px 5px 20px #d96b3c; filter: dropshadow(color=#d96b3c, offx=5, offy=5); background:url(../images/boxbg1.png) repeat-x; }
.redbox1 a { text-decoration: none; color:#f0f0f0; }
.redbox1 a span { font-size:19px; display: block; }
.redbox2 { margin-top:-50px; overflow: hidden; background:url(../images/boxbg2.png) repeat-x; padding: 25px 16px; font-family: Verdana, Geneva, sans-serif; font-size:24px; font-weight: bold; color:#f0f0f0; text-align:center; line-height:30px; border-radius:10px; text-shadow: 5px 5px 20px #d96b3c; filter: dropshadow(color=#d96b3c, offx=5, offy=5); }
.redbox2 h2 { padding: 0px; line-height: 30px; font-style: normal; font-size: 23px; text-decoration: none; border: 0px; }
.redbox2 a { text-decoration: none; color:#f0f0f0; }
.redbox2 h2 a:hover { border: 0px; }
.redbox2 a span { font-size:17px; display: block; }
.redbox3 { margin-top:-50px; overflow: hidden; background:url(../images/boxbg3.png) repeat-x; padding: 25px 0px; font-family: Verdana, Geneva, sans-serif; font-size:23px; font-weight: bold; color:#f0f0f0; text-align:center; line-height:30px; border-radius:10px; text-shadow: 5px 5px 20px #999; filter: dropshadow(color=#d96b3c, offx=5, offy=5); }
.redbox3 a { text-decoration: none; color:#f0f0f0; }
.redbox3 a span { font-size:17px; display: block; }
.boxshadow { padding: 0 10px; }
.boxshadow img { width: 100%; height:auto; display: block; }
.redbox .shadow { background: url(../images/boxshadow.png) no-repeat center; }
.redbox span { font-size:19px; display: block; }
/*end services tabs*/



/*start body content*/

.contentbg { background:#eaeaea; padding:0 0 30px 0; }
.leftnav { background:#e3e3e3; border-radius:8px; box-shadow:1px 1px 6px #999; padding:10px 0 0 0; margin: 20px 0 0 0; }
.one-third .leftnav .contactbox { margin:10px 0 0 15px; }
.one-third .leftnav .contactbox .btn { padding:10px 30px; font-size:16px; margin:0px 0 0 150px; }
.leftnav h2 { background:#367bc1; border:2px solid #fff; margin: 0px 10px 0 10px; padding:10px 0px 10px 15px; overflow: hidden; color:#fff; font-style: normal; text-transform: uppercase; }
.leftnav ul { list-style: none; padding:0px 15px 15px; margin:0px 0 0px 0px; }
.leftnav li { line-height:28px; border-bottom: 1px solid #cbcbcb; color:#3f3f3f; font-size: 13px; text-decoration: none; background:url(../images/arrow.png) no-repeat left; padding-left: 20px; margin: 0px; }
.leftnav li a { color:#3f3f3f; font-size: 13px; text-decoration: none; background:url(../images/arrow.png) no-repeat left; padding-left: 20px; margin: 0 0 0 20px; }
.leftnav li a:hover { text-decoration: underline; }
.leftnav.gap { margin-top: 50px; padding:20px 10px 20px 10px; font-size:13px; font-family: Verdana, Geneva, sans-serif; }
.leftnav.gap p { padding:0 0 10px 0; line-height:25px; }
.rightpanel { margin: 25px 0 0 0; overflow: hidden; font-family:Arial, Helvetica, sans-serif; padding-bottom:12px; }
.rightpanel.gap { border-bottom:1px solid #7f7f7f; }
.rightpanel h2 { color:#616161; font-size:21px; margin:0px; padding:0px 0 20px 0; font-style: normal; font-weight:bold; line-height:30px; }
.rightpanel h2 span { font-size:27px; display:block; }
.rightpanel p { font-size:13px; color:#616161; line-height:20px; margin-bottom:10px; text-align: justify; }
.rightpanel p img { border:4px solid #fff; box-shadow:2px 1px 8px #999; vertical-align:top; margin:0 20px 0 0; float: left; }
#security_code { margin-bottom: 0px; float:left; width: 130px; }
.rightpanel ul { list-style: none; padding:0px; margin:15px 0 15px 0; }
.rightpanel li { line-height:25px; background:url(../images/arrow.png) no-repeat left 7px; padding:0 0 0 20px; font-size:13px; }
.rightpanel a.read1 { text-decoration: none; background:#367BC1; color:#fff; padding:5px 10px; float: left; margin:10px 0 0 0; font-size:11px; }
.rightpanel a.read1:hover { background-color:#505050; }
.colorbox { margin: 12px 0 0 0; }
.colorbox ul { list-style: none; padding:0px; margin:0px }
.colorbox li { float: left; margin:0 5px 0 0; background:#367bc1; border:2px solid #fff; line-height:35px; }
.colorbox li:hover { background:#7cac16; }
.colorbox li.green { background:#7cac16; }
.colorbox li.green:hover { background:#9b26e1; }
.colorbox li.pink { background:#9b26e1; }
.colorbox li.pink:hover { background:#367bc1; }
.colorbox li a { color:#eaeaea; font-size:14px; font-weight: bold; font-weight:bold; text-decoration: none; padding:0 30px; }

.rightpanel.new_inner h3 { font-size: 14px; line-height: 18px; padding: 15px 0 5px 0px; color: #333; font-weight: bold; }
.rightpanel.new_inner { margin-top: 25px; }
.rightpanel.new_inner .left_block { float:left; width: 50%; }
.rightpanel.new_inner  ul { margin: 5px 0; }
/*end body content*/



/*start footer */

.footerbg { background: #181818 url(../images/footerbg.png) repeat-x; overflow: hidden; }
.footernav { margin:20px 0 0 0; padding:0px; font-family: Arial, Helvetica, sans-serif; }
.footernav ul { list-style: none; margin:0; padding:0px; }
.footernav li { float: left; line-height:24px; }
.footernav li.last { background: none; }
.footernav li a { text-decoration: none; color:#879ea9; font-size:11px; padding: 0 15px; }
.footernav li a.first { padding-left:0px; }
.footernav li a.last { padding-right:0px; }
.footernav li a:hover { text-decoration: underline; }
.footernav li a.phone { background: url(../images/phone.png) no-repeat left; padding:9px 0 9px 30px; line-height:30px; }
.footernav li a.chat { background: url(../images/chat.png) no-repeat left; padding:9px 0 9px 30px; line-height:30px; }
.footernav li a.mail { background: url(../images/mail.png) no-repeat left; padding:9px 0 9px 30px; line-height:30px; }
.footernav li a.run { background: url(../images/run.png) no-repeat left; padding:9px 0 9px 30px; line-height:30px; }
.footernav li a.skype { background: url(../images/skype.png) no-repeat left; padding:9px 0 9px 30px; line-height:30px; }
.copy { background:url(../images/foternav-copy.png) repeat-x top; height:40px; margin-top:10px; }
.copy p { font-size:11px; font-family: arial; line-height: 20px; padding: 10px 0px 0 0; color:#879EA9; text-align: center; }
.copy .social { margin-top: 10px; overflow: hidden; }
.copy .social ul { list-style: none; list-style-type: none; overflow: hidden; float: right; }
.copy .social li { margin: 0 5px 0 5px; float: left; line-height: 35px; }
.copy .col21 { margin-top: 10px; }
.copy .social li img { margin: 0 5px 0 0; }
.copy .col20 { float: right; }
/*end footer */



/*start contact form*/

.contactbox { overflow: hidden; margin:30px 0 0 0; position: relative; }
.contactbox p { margin:0px 0 10px 0; width: 100%; float:left; }
.contactbox label { float: left; width:190px; font-size:14px; }
.contactbox label span { color:#F00; }
.contactbox input.text { margin-bottom: 0px; width:250px; float:left; padding:10px 10px; }
.contactbox select.text { width:270px; margin-bottom: 0px; padding:9px; }
.contactbox textarea.text { width:250px; float: left; padding:10px 10px; min-height:80px; }
.contactbox .btn { padding:10px 30px; font-size:16px; margin:20px 0 0 175px; }
.contactbox select.text420 { float:left; margin: 0 10px 0 0px; padding:9px; width: 120px; }
.contactbox .text420 { width: 120px; margin-bottom: 0px; float:left; padding:10px 10px; }
/*end contact form*/

/* #Base 960 Grid================================================== */
.container { position: relative; width: 960px; margin: 0 auto; padding: 0; }
.container .column,  .container .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row { margin-bottom: 20px; }
/* Nested Column Classes */

.column.alpha, .columns.alpha { margin-left: 0; }
.column.omega, .columns.omega { margin-right: 0; }
/* Base Grid */

.container .one.column,  .container .one.columns { width: 40px; }
.container .two.columns { width: 100px; }
.container .three.columns { width: 160px; }
.container .four.columns { width: 220px; }
.container .five.columns { width: 280px; }
.container .six.columns { width: 340px; }
.container .seven.columns { width: 400px; }
.container .eight.columns { width: 460px; }
.container .nine.columns { width: 520px; }
.container .ten.columns { width: 580px; }
.container .eleven.columns { width: 640px; }
.container .twelve.columns { width: 700px; }
.container .thirteen.columns { width: 760px; }
.container .fourteen.columns { width: 820px; }
.container .fifteen.columns { width: 880px; }
.container .sixteen.columns { width: 940px; }
.container .one-third.column { width: 300px; }
.container .two-thirds.column { width: 620px; }
/* Offsets */

.container .offset-by-one { padding-left: 60px; }
.container .offset-by-two { padding-left: 120px; }
.container .offset-by-three { padding-left: 180px; }
.container .offset-by-four { padding-left: 240px; }
.container .offset-by-five { padding-left: 300px; }
.container .offset-by-six { padding-left: 360px; }
.container .offset-by-seven { padding-left: 420px; }
.container .offset-by-eight { padding-left: 480px; }
.container .offset-by-nine { padding-left: 540px; }
.container .offset-by-ten { padding-left: 600px; }
.container .offset-by-eleven { padding-left: 660px; }
.container .offset-by-twelve { padding-left: 720px; }
.container .offset-by-thirteen { padding-left: 780px; }
.container .offset-by-fourteen { padding-left: 840px; }
.container .offset-by-fifteen { padding-left: 900px; }







/* #Tablet (Portrait)

================================================== */



/* Note: Design for a width of 768px */



@media only screen and (min-width: 768px) and (max-width: 959px) {
.container { width: 768px; }
.container .column,  .container .columns { margin-left: 10px; margin-right: 10px; }
.column.alpha, .columns.alpha { margin-left: 0; margin-right: 10px; }
.column.omega, .columns.omega { margin-right: 0; margin-left: 10px; }
.alpha.omega { margin-left: 0; margin-right: 0; }
.container .one.column,  .container .one.columns { width: 28px; }
.container .two.columns { width: 76px; }
.container .three.columns { width: 124px; }
.container .four.columns { width: 172px; }
.container .five.columns { width: 220px; }
.container .six.columns { width: 268px; }
.container .seven.columns { width: 316px; }
.container .eight.columns { width: 364px; }
.container .nine.columns { width: 412px; }
.container .ten.columns { width: 460px; }
.container .eleven.columns { width: 508px; }
.container .twelve.columns { width: 556px; }
.container .thirteen.columns { width: 604px; }
.container .fourteen.columns { width: 652px; }
.container .fifteen.columns { width: 700px; }
.container .sixteen.columns { width: 748px; }
.container .one-third.column { width: 236px; }
.container .two-thirds.column { width: 492px; }
/* Offsets */

.container .offset-by-one { padding-left: 48px; }
.container .offset-by-two { padding-left: 96px; }
.container .offset-by-three { padding-left: 144px; }
.container .offset-by-four { padding-left: 192px; }
.container .offset-by-five { padding-left: 240px; }
.container .offset-by-six { padding-left: 288px; }
.container .offset-by-seven { padding-left: 336px; }
.container .offset-by-eight { padding-left: 384px; }
.container .offset-by-nine { padding-left: 432px; }
.container .offset-by-ten { padding-left: 480px; }
.container .offset-by-eleven { padding-left: 528px; }
.container .offset-by-twelve { padding-left: 576px; }
.container .offset-by-thirteen { padding-left: 624px; }
.container .offset-by-fourteen { padding-left: 672px; }
.container .offset-by-fifteen { padding-left: 720px; }
}





/*  #Mobile (Portrait)

================================================== */



/* Note: Design for a width of 320px */



@media only screen and (max-width: 767px) {
.container { width: 300px; }
.container .columns,  .container .column { margin: 0; }
.container .one.column,  .container .one.columns,  .container .two.columns,  .container .three.columns,  .container .four.columns,  .container .five.columns,  .container .six.columns,  .container .seven.columns,  .container .eight.columns,  .container .nine.columns,  .container .ten.columns,  .container .eleven.columns,  .container .twelve.columns,  .container .thirteen.columns,  .container .fourteen.columns,  .container .fifteen.columns,  .container .sixteen.columns,  .container .one-third.column,  .container .two-thirds.column { width: 300px; }
/* Offsets */

.container .offset-by-one,  .container .offset-by-two,  .container .offset-by-three,  .container .offset-by-four,  .container .offset-by-five,  .container .offset-by-six,  .container .offset-by-seven,  .container .offset-by-eight,  .container .offset-by-nine,  .container .offset-by-ten,  .container .offset-by-eleven,  .container .offset-by-twelve,  .container .offset-by-thirteen,  .container .offset-by-fourteen,  .container .offset-by-fifteen { padding-left: 0; }
}





/* #Mobile (Landscape)

================================================== */



/* Note: Design for a width of 480px */



@media only screen and (min-width: 480px) and (max-width: 767px) {
.container { width: 420px; }
.container .columns,  .container .column { margin: 0; }
.container .one.column,  .container .one.columns,  .container .two.columns,  .container .three.columns,  .container .four.columns,  .container .five.columns,  .container .six.columns,  .container .seven.columns,  .container .eight.columns,  .container .nine.columns,  .container .ten.columns,  .container .eleven.columns,  .container .twelve.columns,  .container .thirteen.columns,  .container .fourteen.columns,  .container .fifteen.columns,  .container .sixteen.columns,  .container .one-third.column,  .container .two-thirds.column { width: 420px; }
}
/* #Clearing

================================================== */



/* Self Clearing Goodness */

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
/* Use clearfix class on parent to clear nested columns,

or wrap each row of columns in a <div class="row"> */

.clearfix:before,  .clearfix:after,  .row:before,  .row:after { content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.row:after,  .clearfix:after { clear: both; }
.row,  .clearfix { zoom: 1; }
/* You can also use a <br class="clear" /> to clear columns */

.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.gap1 { padding: 25px 5px !important; }