@import url(http://fonts.googleapis.com/css?family=Vollkorn);
@import url(http://fonts.googleapis.com/css?family=Josefin+Sans);
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, ul, li, dd, ol, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-style:inherit;font-size:100%; vertical-align:baseline;}
ul, li{list-style: none;}
html, body{height: 100%;}
body {color:#fff; background:#1f3241 url(../images/main_bg.jpg) no-repeat center top; color: #fff; text-decoration: none; word-spacing: normal; text-align: left;font-size: 0.69em; font-family: 'robotolight', arial, serif;}
h1,h2,h3,h4{font-family: 'robotolight'}
h1{arial, serif;font-size:31px;color: #fff;line-height: 90%;padding-bottom: 10px;font-weight:normal;}
h3{font-size:16px;margin-bottom:3px;}
a{color:#8dd2fc;text-decoration:none;}
a:hover{text-decoration:none;}

*{box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.border_reset{border-bottom:none!important;}

h1, h2, h3, h4, h5, p{font-weight: normal;}

#wrap {width: 1000px; margin: 0 auto; position: relative;}
#wrapper{float:left; width: 100%; position:relative; padding: 0 0 20px 0px; min-height: 90%; background: url(../images/footer_top.png) repeat-x left bottom;}
#machine{position: absolute; left: 103px; height: 530px;width: 350px; background: url(../images/machine.png) no-repeat 0 0; z-index: 100; }
#header{float: left; height:160px; width:100%; position: relative;}
#logo{position: absolute;top:71px;left:53px;width: 223px;z-index: 899;}
#nav {position: absolute; left: 374px;top: 8px;width: 510px;height: 144px;z-index: 810;font-size: 16px;font-weight: bold;}
#standalone{display: none;}
#solutions_tab {float: left;height: 149px;width: 110px; margin:0 10px 0 0px;}
#solutions_tab a{background: url(../images/sol_icon.png) no-repeat;float: left;height: 149px;width: 110px;}
#solutions_tab a:hover{background: url(../images/sol_icon_h.png) no-repeat;float: left;height: 149px;width: 110px;}

#work_tab {float: left;height: 150px;width: 112px; margin:0 10px 0 0px;}
#work_tab a{background: url(../images/work_icon.png) no-repeat;float: left;height: 150px;width: 112px;}
#work_tab a:hover{background: url(../images/work_icon_h.png) no-repeat;float: left;height: 150px;width: 112px;}

#contact_tab {float: left;height: 150px;width: 112px; margin:0 10px 0 0px;}
#contact_tab a{background: url(../images/contact_icon.png) no-repeat; float: left;display: block;}
#contact_tab a:hover{background: url(../images/contact_icon_h.png) no-repeat;float: left;}

#about_tab {float: left;height: 145px;width: 132px;}
#about_tab a{background: url(../images/about_icon.png) no-repeat;float: left;}
#about_tab a:hover{background: url(../images/about_icon_h.png) no-repeat;float: left;}

#blog_tab {position:absolute; float: left; left: 786px; top: 0px; z-index: 298;}
#blog_tab a{background: url(../images/lamp_off.png) no-repeat; float: left;}
#blog_tab a:hover{background: url(../images/lamp_on.png) no-repeat; float: left;}

#main {float:right; width:586px; padding: 20px 0 0 0px; position: relative;}

#con_mid {float: left; width: 575px; margin: 20px 0 18px 0px; padding: 10px 5px; border: 6px solid #f4e9d3; position: relative;
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";


-webkit-box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);
}

.con_mid_leftLock{display: block; position: absolute; left: 50px; top: -27px; width:25px;}
.con_mid_rightLock{display: block; position: absolute; right: 50px; top: -27px; width:25px;}

.content_home{float: left; width: 100%; z-index: 500;position: relative; background:url(../images/how_can_we_help.png) no-repeat left 16px;}

/** the style for home page tabs *******/

DIV#home_tabs{float: left; width: 100%; padding: 24px 0 0 9px; font-size: 9px; z-index: 3;}

DIV#solutions {float: left; width:26%; border-right: 1px dotted #fff; margin-right:1%;}
DIV#solutions ul {float: left; width: 100%;}
DIV#solutions li {float: left; width: 100%;}
DIV#solutions li a {float: left; width: 100%; color: #fff; text-decoration: none; float: left; width: 100%; padding: 3px 0 3px 0px; background-position: 0px 10px;}
DIV#solutions ul li {float: left; width: 100%; padding: 0 0 0 0px; FONT-SIZE: 1em; text-transform: uppercase; color: #fff; line-height: 2.8em;}
DIV#solutions ul li.solution-active a {background: url(../images/highlight.png) no-repeat right center;}
DIV#solutions ul li.solution-active a:hover {background: url(../images/highlight.png) no-repeat right center;}
DIV#solutions li a:hover {background: url(../images/highlight.png) no-repeat right center;}
DIV#solutions h2 {font-size: 12px; text-transform: uppercase; color: #CCC; line-height: 2.2em; font-style: normal; letter-spacing:0.1em}
DIV#feature h1 span {display: none}
DIV.answerbox {float:right; display: none; padding: 0 0 0 5px; width: 73%; position: relative;}
DIV.answerbox a {color: #fff;}
DIV.answerbox a:hover {background: none transparent scroll repeat 0% 0%; text-decoration:underline;}
DIV.answerbox a.redlink:hover {BACKGROUND: none transparent scroll repeat 0% 0%; BORDER-TOP-STYLE: none! important; BORDER-RIGHT-STYLE: none! important; BORDER-LEFT-STYLE: none! important; BORDER-BOTTOM-STYLE: none! important}
P.answerlink A {BACKGROUND-IMAGE: none; BACKGROUND-COLOR: red}
DIV#answer-1 H1 {font-family: 'robotoregular'; PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 42px}
DIV#answer-2 H1 {font-family: 'robotoregular';PADDING-RIGHT: 0px; BACKGROUND-POSITION: 0px 0px; DISPLAY: block; PADDING-LEFT: 0px; BACKGROUND-ATTACHMENT: scroll; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 42px}
DIV#answer-3 H1 {font-family: 'robotoregular';PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 42px}
DIV#answer-4 H1 {font-family: 'robotoregular';PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 42px}
DIV#answer-5 H1 {font-family: 'robotoregular';PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 42px}
DIV#answer-6 H1 {font-family: 'robotoregular';PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; HEIGHT: 42px}
DIV.more H2 {font-family: 'robotoregular'; FONT-SIZE: 11px; MARGIN: 0px 0px 5px; WIDTH: 120px; COLOR: #CCCCCC; FONT-STYLE: normal; LETTER-SPACING: 0.05em}
DIV#more P {FONT-SIZE: 11px; COLOR: #000; LINE-HEIGHT: 1.5em; FONT-FAMILY: Lucida Sans,Trebuchet MS,Arial; HEIGHT: auto}
DIV#more IMG {BORDER-RIGHT: #000 1px solid; BORDER-TOP: #000 1px solid; FLOAT: left; BORDER-LEFT: #000 1px solid; BORDER-BOTTOM: #000 1px solid}
DIV.answerbox H3 {FONT-WEIGHT: normal;FONT-SIZE: 1.2em;MARGIN: 0px;COLOR: #555;FONT-FAMILY: Trebuchet MS;padding: 0px;}
DIV.answerbox EM {padding: 0 0 0 0px;DISPLAY: block; font-family: 'robotoregular'; FONT-SIZE:16px;MARGIN-BOTTOM: 5px;COLOR: #FFFFFF;FONT-STYLE: normal;line-height: 20px;}
DIV.featurebox EM {padding: 0 0 0 0px; DISPLAY: block;FONT-WEIGHT: bold;FONT-SIZE:16px;MARGIN-BOTTOM: 5px;COLOR: #FFFFFF;
PADDING-TOP: 0px;FONT-STYLE: normal;line-height: 20px;}
DIV.featurebox p {font-size: 12px;width:260px;float: left;padding-right: 5px;}
DIV#answer-1 P {font-size: 12px;width:260px;float: left;padding-right: 5px;}
DIV#answer-2 P {font-size: 12px;width:260px;float: left;padding-right: 5px;}
DIV#answer-3 P {font-size: 12px;width:260px;float: left;padding-right: 5px;}
DIV#answer-4 P {font-size: 12px;width:260px;float: left;padding-right: 5px;}
DIV#answer-5 P {font-size: 12px; width:260px;float: left;padding-right: 5px;}
DIV#answer-6 P {font-size: 12px;width:260px;float: left;padding-right: 5px;}
DIV.more {FLOAT: left; width: 127px; MARGIN: 0px;border-left-width: 1px;border-left-style: solid;border-left-color: #416481;padding: 0 0 0 5px;}
DIV#more P {FONT-SIZE: 0.9em;WIDTH: 120px;COLOR: #333;LINE-HEIGHT: 1.1em;FONT-FAMILY: "Trebuchet MS", Arial;text-transform: uppercase;}
DIV.more UL {padding: 0 0 0 0px; margin: 0 0 0 0px; FONT-FAMILY: arial, helvetica, sans-serif;}
DIV.more LI {padding: 0 0 0 0px; margin: 0 0 0 0px;}
DIV.more LI A {padding: 2px 0 2px 0px; margin: 0 0 0 0px; DISPLAY: block; WIDTH: 120px; COLOR: #999999; BACKGROUND: #161e25; font-weight: normal; font-size: 9px;}
DIV.more LI A:hover {padding: 2px 0 2px 0px; margin: 0 0 0 0px; DISPLAY: block; WIDTH: 120px; COLOR: #fff; BACKGROUND: #161e25; text-decoration: none;}
DIV.more UL LI {float:left; width: 100%; padding: 0 0 2px 0px; LIST-STYLE-POSITION: outside; FONT-SIZE: 0.95em; MARGIN: 0px; TEXT-TRANSFORM: uppercase; COLOR: #CCCCCC; LINE-HEIGHT: 1.5em; FONT-STYLE: normal; LIST-STYLE-TYPE: none}

#mobile_con_mid{display: none; float: left; width: 575px; margin: 0 0 18px 0px; padding: 10px 5px; border: 6px solid #f4e9d3; position: relative;
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

-webkit-box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);

}
.mobile_content_home{float:left; width: 100%; padding: 35px 0 0 0px; background:url(../images/how_can_we_help.png) no-repeat center 0px;}
.mobile_tab{float: left; width: 100%;}
.mobile_tab ul{float: left; width: 100%;}
.mobile_tab ul li{float: left; width: 100%; color: #fff; font-size: 13px; text-align: center; text-transform: uppercase; padding: 8px 10px;}
.mobile_tab ul li a{float: left; width: 100%; color: #fff; font-size: 13px; text-align: center; text-transform: uppercase; padding: 8px 10px;}
.mobile_tab ul li a:hover{background: #161e25;}

.more_solution{float: left; width: 100%; padding: 8px 10px; text-align: center;}
.more_solution a{color: #fff; font-size: 13px; text-decoration: underline;}
.more_solution a:hover{text-decoration: none;}

#con2_mid {float: left; width:575px; padding:10px 15px; margin: 0 0 17px 0px; border: 6px solid #f4e9d3; position: relative;
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4b4339+0,4b4339+100&0.8+0,0.8+100 */
background: -moz-linear-gradient(top, rgba(75,67,57,0.8) 0%, rgba(75,67,57,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(75,67,57,0.8) 0%,rgba(75,67,57,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(75,67,57,0.8) 0%,rgba(75,67,57,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc4b4339', endColorstr='#cc4b4339',GradientType=0 ); /* IE6-9 */

-webkit-box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);

}
.con2_mid_leftLock{display: block; position: absolute; left: 30px; top: -24px; width: 21px;}
.con2_mid_rightLock{display: block; position: absolute; right: 30px; top: -24px; width: 21px;}
#home_blog_title {float: left; width: 100%; background: url(../images/latest_blog.png) no-repeat;height: 38px;width: 182px;}
.featurebox{float: left; width: 73%;}
#featurebox-parkdean { PADDING-RIGHT: 0px;DISPLAY: block;FLOAT: left;PADDING-BOTTOM: 0px;MARGIN: 0px;PADDING-TOP: 0px}
/* Tag Cloud */
#cloud {float:right; width:100%; margin:-5px 0 0  0; font-size:125%; padding-left:0 0 5px 9px; color:#FFFF00; text-align:center;}
#cloud ul {}
#cloud li {display: inline;font-family: tahoma, Arial, verdana, helvetica, sans-serif;line-height: 1.2em;margin: 0px;text-align:center;}
#cloud a {padding: 0px;color: #FFFFFF;text-decoration: none;}
#cloud .tag1 { font-size: 0.7em;  }
#cloud .tag2 { font-size: 17px;   }
#cloud .tag3 { font-size: 24px; color:#0099ff; }
#cloud .tag4 { font-size: 15px;  }
#cloud .tag5 {font-size: 21px;font-weight: 500;}
#cloud .tag6 { font-size:27px;  }
#cloud .tag7 { font-size: 21px; }
#cloud .tag8 { font-size: 18px; }
#cloud .tag9 { font-size: 30px; }
#cloud .tag10 { font-size: 15px; }
#cloud .tag11 { font-size: 21px;  }
#cloud .tag12 { font-size: 33px;color:#0099ff; }
#cloud .tag13 { font-size: 21px; }
#cloud .tag14 { font-size: 24px; color:#0099ff; }
#cloud .tag15 { font-size: 20px; }
#cloud .tag16 { font-size: 21px; }
.content{float: left; width: 100%; width: 100%; position: relative;}
.storycontent{float: left; width: 100%; padding: 0 0 10px 0px;}
.storycontent p{float: left; width: 100%; margin: 0 0 5px 0px; font-size: 14px; line-height: 18px; font-family: 'robotolight'!important; text-align:left!important;}
.storycontent p span{font-size: 14px!important; font-weight: normal!important;}
.con2_more{float: right;}
.con2_more a{color:#7d7d7d; float:right; background:#312b21; font-family: 'robotobold'; font-size: 12px; padding: 3px 15px;}
.more a:hover{color:#fff;}
.home_posts{float: left; width: 100%; margin-bottom:5px; padding-bottom: 5px; border-bottom: 1px dashed #ccc;}
.home_posts:nth-child(2n){border-bottom: none;}
.home_posts H2, .home_posts H2 a{font-family: 'robotolight'!important; color:#fff;line-height: 24px;font-size:20px;padding-bottom:10px;padding-top: 20px; font-weight: normal;}

#con3_mid {float:left; width:575px; border: 6px solid #f4e9d3; padding: 10px 10px; background: url(../images/new-mid.png) repeat-y; min-height: 164px; position: relative;
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;


-webkit-box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);

}
.con3_mid_leftLock{display: block; position: absolute; left: 30px; top: -18px; width: 18px;}
.con3_mid_rightLock{display: block; position: absolute; right: 30px; top: -18px; width: 18px;}
#home_blog_title_new {float: left; background: url(../images/latest_client.png) no-repeat; height: 38px;width: 182px;}

#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {display:none;}
.nbs-flexisel-container {float: left; width: 100%; max-width:100%; position:relative;}
.nbs-flexisel-ul {position:relative;width:9999px;margin:0px;padding:0px;list-style-type:none;text-align:center;}
.nbs-flexisel-ul li {background:none !important; padding:0px !important;}
.nbs-flexisel-inner {overflow:hidden;float:left;width:100%;}
.nbs-flexisel-item {float:left;margin:0px;padding:0px;cursor:pointer;position:relative;line-height:0px;}
.nbs-flexisel-item img {cursor: pointer;position: relative;/*  margin-top: 10px;margin-bottom: 10px;*/}

/*** Navigation ***/
.nbs-flexisel-nav-left,.nbs-flexisel-nav-right {width: 17px;height: 50px;position: absolute;cursor: pointer;z-index: 100;opacity: 0.5;}
.nbs-flexisel-nav-left {display:none;left:-8px;background: url("../images/button-previous.png") no-repeat;}
.nbs-flexisel-nav-right {display:none;right:-23px;background: url("../images/button-next.png") no-repeat;}
.brand_ul_4 li{background: url("../images/dot.png") no-repeat scroll 0 6px transparent !important;}
.client_box_test gallery{height:344px;}
.content_gallery_box {width:537px;margin:auto;}
.content_gallery_box span{float:right; color:#4c332b;}

.post_pic{float:left; width: 100%; text-align: center; margin: 5px 0 15px 0px;}
.post_pic img{float:left; width: 100%;}

#sol_machine {height: 496px;width: 270px; background:url(../images/engine.png) no-repeat; position: absolute; z-index:500; left: 170px; top:0px;}
#solutions_sol_tab a {background: url(../images/sol_icon_h.png) no-repeat;float: left;}
    
#footer {float: left; width: 100%; background:#000 url(../images/footer.jpg) repeat center top; position: relative;}
#footer_con {width:960px; font-family: tahoma, Arial, verdana, helvetica, sans-serif;font-size: 11px;color: #ccc;line-height: 15px; padding: 70px 20px 10px 20px; margin: 0 auto; position:relative;}
#footer_con a{color: #ccc;}
#footer_con a:hover{color: #fff;}
#footer #ladder {height: 329px;width: 272px; position: absolute; background: url(../images/ladder.png) no-repeat; top: -325px;left: 52px;}
#footer #footer_con #ladder #testimonial { margin: 85px 30px 0 10px;}

/* Easy Slider */
#slider ul, #slider li{margin:0;padding:0;list-style:none;color: #666666;font-size: 11px;font-family: Arial, Helvetica, sans-serif;line-height: 1.2em;}
#slider, #slider li{width:225px;height:120px;overflow:hidden;}
#slider li {}
#slider li span a{float:right;color:#000000;text-decoration:underline;}
#slider li span a:hover{text-decoration:none;color:#990000;}
#slider li h2{margin:0 20px;padding-top:20px;font-size: 16px;}
#slider li p{margin:10px;}
span#prevBtn{float: left;}
span#nextBtn{float: right;}
span#nextBtn a, span#prevBtn a{color: #000000;font-size:10px;font-weight:bold;}
span#nextBtn a:hover, span#prevBtn a:hover{color:#999;}

.con-mid-nav{float: left; width: 575px; margin:20px 0 0 0px; padding: 10px 5px; border: 6px solid #f4e9d3; position: relative;
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

-webkit-box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);}

.con-mid{float: left; width: 575px; margin:20px 0 18px 0px; padding: 10px 5px; border: 6px solid #f4e9d3; position: relative;
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

-webkit-box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);}

.sol_con_mid_lefttop_Lock{display: block; position: absolute; left: 53px; top: -24px; width: 21px;}
.sol_con_mid_righttop_Lock{display: block; position: absolute; right: 53px; top: -24px; width: 21px;}

.sol_con_mid_leftbot_Lock{display: block; position: absolute; left: 53px; bottom: -24px; width: 21px;}
.sol_con_mid_rightbot_Lock{display: block; position: absolute; right: 53px; bottom: -24px; width: 21px;}

#content-padding {text-align:left; padding: 10px 15px;}

#content .dropdown {position: relative; padding-left: 20px; margin: 0px;float: left;}
#content .dropdown li{float: left;position: relative;margin: 0px;}
#content .dropdown a{font-size: 15px; color:#fff;display: block; font-family: 'robotoregular', arial, serif; line-height: 20px; padding: 0 15px;}
#content .dropdown a:hover{color:#FF9900;}

#tyre{height: 533px;width: 187px; background:url(../images/tyre.png) no-repeat; position: absolute;z-index:1000; left: 170px; top:0px;}
#about_active_tab a{background:url(../images/about_icon_h.png) no-repeat; float: left;}
#about_container{float: left; width: 100%; text-align:left; padding: 10px 20px;}

.quick-cont{float: left; width: 100%; font-size: 14px; text-align: right; padding: 0 10px 0 0px; margin: 10px 0px;}
.quick-cont a, .quick-cont a:hover{font-family: 'robotoregular';}

.career_list{float: left; width: 100%; text-align: left;}
.career_list ol{float: left; width: 100%; padding: 0 0 0 30px;}
.career_list ol li{float: left; width: 100%; font-size: 14px; line-height: 26px; list-style: decimal;}
.career_list p strong{font-family: 'robotoregular'; font-weight: normal;}
.career_list p strong{font-family: 'robotoregular'; font-weight: normal;}
.career_contact{float: left; width: 100%; text-align: right; margin: 5px 0 0 0px;}
.career_contact a{display: inline-block; padding: 2px 15px;}

#window {height: 249px;width: 305px; background:url(../images/window.png) no-repeat; position: absolute;z-index: 100;left: 50px;top:240px;}
.sitemap_contianer{padding: 0px 10px;}

#inner-navigation {float: left; width: 100%;padding: 4px;margin-bottom:10px;position:relative;}
#inner-navigation a{color:#fff}
#inner-navigation a:hover{color:#8dd2fc; text-decoration:none}
#inner-navigation .active{color:#8dd2fc!important; text-decoration:none}

#main_work {float: left; width: 100%; padding: 60px 10% 50px 10%; position: relative;}
#con_mid_work {float: left; width: 100%; padding: 0 0 8px 0px; position:relative; border: 6px solid #f4e9d3;
border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";

-webkit-box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);
box-shadow: 5px 10px 5px 0px rgba(0,0,0,0.75);
}

.content-wide{float: left; width: 100%; padding:25px 20px; position: relative;}
.content-wide h1{float: left; width: 100%; margin: 0 0 20px 0px;}
.content-wide h3{float: left; width: 100%; font-size: 20px; font-family: 'robotolight';}
.content-wide p{float: left; width: 100%; font-size:14px; line-height: 20px; letter-spacing: 1px;}
.content-wide ol{float: left; width: 100%; margin: 15px 0 0 25px; text-align: left;}
.content-wide ol li{float: left; width: 100%; font-size:14px; line-height: 20px; letter-spacing: 1px; list-style: decimal;}

#man{width:277px;height:393px; background: url(../images/painter.png) no-repeat; position: absolute;z-index:1000;left: 86px; top: -15px;}
ul.gallery {list-style: none;margin: 0 auto; padding: 0; text-align: center;}
ul.gallery li {display: inline-block; vertical-align: top; margin: 5px 3px; padding: 3px;text-align: center;background-color:#FFFFFF;}
ul.gallery li a.thumb {width: 172px;height: 136px;cursor: pointer;}
ul.gallery li span {width: 172px;height: 136px;overflow: hidden;display: block;}
ul.gallery li a.thumb:hover {background: #333;}
ul.gallery li a {text-decoration: none; display: block;}
#logo_page{width: 95%;margin: auto;}

#work_active_tab a{float: left; background: url(../images/work_icon_h.png) no-repeat;}
.web_design a{width:95px;height:43px;background:url(../images/work_page_nav/web_design.jpg) no-repeat; display:block;}
.web_design a:hover{background: url(../images/work_page_nav/web_design_hover.jpg) no-repeat;}

.identity a{width:71px;height:47px; background:url(../images/work_page_nav/identity.jpg) no-repeat; display:block;}
.identity a:hover{background:url(../images/work_page_nav/identity_hover.jpg) no-repeat;}
.identity_act{background:url(../images/work_page_nav/identity_hover.jpg) no-repeat!important;}

.logo_message{float: left; width: 100%; text-align: center; margin: 50px 0 0 0px;}
.logo_message p{float: left; width: 100%; text-align: center; margin: 20px 0 40px 0px; padding: 0 100px;}

.con_mid-work-cap {float: left; width: 100%; padding-top: 40px; text-align: center;}
#work-tabs{float: left; width: 100%; padding: 0 25px;}
.pro{float:left; width:100%; margin:50px 0 0 0px; padding: 0 0 25px 0px; border-bottom: 1px solid #999; position: relative;}
.pro h2{float: left; width: 100%; font-size:25px;font-weight: normal;line-height:28px;text-transform:uppercase;margin-bottom:9px;}
.pro p{float: left; width: 100%; margin: 0 0 20px 0px; font-size: 12px; color:#b1b9c1;}
.pro h2 a{color:#fff;}
.pro h2 a:hover{color:#fff;}
.pro a{color:#fff;}
.pro a:hover{color:#ccc;}
.pro .url, .pro .url a{color:#fff;}
.pro_col2{float:right; width: 35%;}
.pro_col1{float:left; width:65%;}
.pro_col1 h2{display: none; float: left; width: 100%; font-size:30px;font-family: 'Josefin Sans', arial, serif; text-align: center; font-weight: normal; line-height:28px; text-transform:uppercase;margin-bottom:9px;}
.pro img{display: inline-block; max-width: 100%;}
.type_work {float: left; width: 100%;}
.type_work li{display:inline; padding: 0 1px; font-size:11px; color:#b1b9c1;}

.launch-web_box{float: left; width: 100%; height: 31px; position:relative;}
.launch-web {width:100px; height:31px; line-height:38px;position:absolute;text-align:center;font-size: 12px;
color:#7b8792;background: url(../images/ribbon.gif) no-repeat right 0; right:-42px;top: 0px;}
.launch-web a {color:#b1b9c1;}
.launch-web a:hover {color:#fff;}

.tabs-nav{float: left; width: 100%; margin: 15px 0px;}
.tabs-nav ul{float: left; width: 100%; text-align: right;}
.tabs-nav ul li{display: inline-block; width: 24px; height: 20px; margin: 0 3px; text-align: center; line-height: 24px;}
.tabs-nav ul li:last-child{margin-right: 0px;}
.tabs-nav ul li a{float: left; width: 100%; color: #fff; font-size: 12px; background: url("../images/pag_circle2.jpg") no-repeat 0 0px; font-weight: bold;}
.tabs-nav ul li a:hover{background: url("../images/pag_circle.jpg") no-repeat 0 0px;}
.tabs-selected{background: url("../images/pag_circle.jpg") no-repeat 0 0px!important; color: #000!important;}

.workSlider{float: left; width: 100%; padding: 0 3% 23px 3%;}
.work_con3_mid{border: none!important; width: 100%!important; margin:25px 0 0 0px!important; background:#fff!important; padding: 10px 2% 0 2%!important;}

input.hide{position:absolute;left:-137px;-moz-opacity:0;filter:alpha(opacity: 0);opacity: 0;z-index: 2;}
input.red{background:#cc0000;font-weight:bold;color:#ffffff;z-index:1;width:75px;height:20px;font-size:10px;}
#contact_active_tab a{background: url(../images/contact_icon_h.png) no-repeat 0 0; float: left;}
#pot{height: 207px;width: 391px;background:url(../images/drums.png) no-repeat 0 0; position: absolute;z-index: 100;left: 10px;top:-170px;bottom:0px;}

.form_container{float: left; width: 100%; padding:0 5px; position:relative;}
.contact_content{float: left; width: 100%; padding: 5px 10px; position:relative; z-index:0;}
.form_area{padding:10px 10px; background:#fff; border:1px solid #ccc; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; width:100%;}
.captcha{ width: 30px!important; margin: auto; float: right; padding: 4px!important }

.contact_address{float: left; width: 100%; position: relative;}
.contact_address h1{margin-top: 15px}
.contact_address p{float: left; width: 100%; margin-bottom: 30px;}
.contact_address p strong{font-family: 'robotoregular';
    font-weight: normal;
    font-size: 18px;
    line-height: 35px;}

.section_black {float:left; width: 100%; background: #000000;border: 1px dotted #666666; padding: 12px 18px; margin: 20px 0px 20px 0px; font-size: 14px; line-height: 20px; letter-spacing: 1px;}
.section_black a {background:#333;margin:2px;color:#658CAC;font-family: 'robotoregular';}
.section_black p{float:left; width: 100%; font-size: 14px; line-height: 30px; letter-spacing: 1px;}

.click_here_for{position:absolute; top:25px; right:20px;}
.business_enquery{position:absolute; top:110px; right:-20px; width:205px;height:126px;}
.business_enquery a{display: inline-block; background:url(../images/busines-enquery.png); width:205px; height:126px;}
.business_enquery a:hover{background: url(../images/busines-enquery-hover.png) no-repeat 7px 7px;}

.careers_btn{position:absolute; top:255px; right:-12px;width: 194px; cursor: pointer;}
.careers_btn a{display: inline-block; background:url(../images/careers.png) top left; width:194px;height:62px;}
.careers_btn a:hover{background:url(../images/careers.png) bottom left;}

.say_hello{position:absolute; top:335px; right:-29px;width:238px; cursor: pointer;}
.say_hello a{display: inline-block; background:url(../images/say-hello.png) top left; width:238px; height:61px;}
.say_hello a:hover{height:117px; background:url(../images/say-hello.png) bottom left;}

#busi{display: none;}
#busi2{display: none;}
#car{display: none;}
#say{display: none;}

.upload_box{margin:0px; padding:7px; float: left !important; border: 1px solid #d6d6d6; color: #333333;font: 90% Verdana, Helvetica, Arial, sans-serif;font-size: 11px; width:100%; -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.submit_bt {float:left !important; margin: 5px;
padding: 10px 14px;
border: 1px solid #d6d6d6;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #797979;
font: 90% Verdana, Helvetica, Arial, sans-serif;
font-size: 11px;
-moz-border-radius: 3px;
background-color:#e3e3e3;
}

.contact_section_black {float: left; width: 65%; background: #000000;border: 1px dotted #666666; padding: 12px 18px; margin: 5px 0 20px 0px; line-height: 18px; letter-spacing: 1px;}
.contact_section_black a {background:#333;margin:2px;color:#658CAC;font-weight: bold;}

.select_box{float: left; width: 100%; height: 36px; position: relative;}

.input_container{float:left; width: 100%; margin-bottom: 20px;}
.input_box_left{float:left; width:50%; padding: 0 6px 0 0px}
.input_box_right{float:left; width:50%; padding: 0 0 0 6px}

.form_button_container{float: left; width: 100%; text-align: right;}
.thank_outer_container{float: left; width: 100%; padding:0 5px;}
.thank_container{float: left; width: 100%; border:1px solid #d6d6d6; font-size:12px; line-height:18px; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:15px; color:#000; height:410px; text-align: center;}
.thank_container h2{float: left; width: 100%; margin: 20px 0 10px 0px; font-family: 'Open Sans', sans-serif; color: #212121; font-size: 24px; text-align: center; font-weight: normal;}
.thank_container p{float: left; width: 100%; font-family: 'Open Sans', sans-serif; color: #5b5c5c; font-weight: 300; font-size: 13px; text-align: center;}
 
.footer_section1 {float:left;  border-right: 1px dashed #999999;color: #CCCCCC;display: block;font-size: 11px;padding-right: 10px;width: 300px;}
.footer_section1 p {font-size:11.5px; line-height:16px;}
.footer_section2 {float:left; padding:0 20px;}
.footer_section2 p {font-size:12px; font-weight:800; padding-bottom:3px;}
.footer_section2 ul {margin:0px; padding:0px;}
.footer_section2 ul li { list-style:none;}
.footer_section2 ul li a {font-size:11.5px; line-height:20px;}
.footer_section3 {float:right; width:44%;}
.social_icon {text-align:right;}
.social_icon a {padding-left:5px;}
.site_links {text-align:right; padding-top:16px;}
.site_links p {padding-bottom:5px;}
.country_img {text-align:right; width:73%; float:right; padding-top:10px;}
.country_img div {width:192px; text-align:right; float:right;}
.country_img em {float: left; text-align:right; font-style: normal;}
.country_img div p {float:left; padding-right:5px; font-size:11.5px; text-align:right;}
.country_img p {float: right; width: 100%; font-size:11.5px; text-align:right;}
.country_img a {padding-left:5px;}
.footer_bottom {padding:20px 0 4px 0; text-align:center; }
.social_link {padding-bottom:13px; float:right; width:98%;}
.fac_box {/*width:51px; overflow:hidden;*/ float:left; margin-right:10px;}
.tw_box {float:left; margin-right:5px; position:relative;}
.google_box {position:relative; float:right; /*width:128px;*/}
#sitemap {padding: 5px 0 0 20px; text-align: left;}
#sitemap li{list-style: disc; padding: 5px 0px;}
#sitemap li a {font-size:14px; line-height:20px;}
#sitemap li ul {padding-left:20px;}
#sitemap li ul li {list-style: circle;}
#sitemap li ul li a {font-size:12px;}
#sitemap a{color:#fff;text-decoration:none;margin: 0px;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;list-style-type: none;padding-left: 0px;}
#sitemap a:hover{color:#FFCC00;text-decoration:none;}

ul.lists{
	margin-left:30px;
	list-style-image: url(images/bullet.gif);
}
ul.lists li{
margin-top:10px;
}




#main_portfolio {
	width: 1000px;
	padding-top: 20px;
	margin-bottom:-20px;


}
.content-wide_solution h2{font-size:17px; text-align: center; color: #fdf16b; line-height:26px; font-weight: normal; margin-bottom: 30px;}
.content-wide_solution p{font-size:14px;line-height:20px;}
.content-wide_solution p strong{font-family: 'robotoregular'; font-weight: normal;}
.content-wide_solution h3{font-size:24px; color: #fff; font-weight: normal; margin-bottom: 10px;}
.content-wide_solution h4{font-size:20px; color: #fff; font-weight: normal; margin-bottom: 5px;}
.solution_process{width: 100%; text-align: center; margin-bottom:30px;}
.solution_process img{max-width: 100%;}
.solution_content_container{float: left; width: 100%;}
.solution_pic{float: left; width: 23.5%; margin: 7px 0 0 0px;}
.solution_content{float: right; width: 73%;}
.solution_content a{float: right; padding: 4px 5px; color:#efdb06; text-decoration: underline; font-size: 13px;}
.solution_content a:hover{ text-decoration: none;}

.solution_content_container_sec{float: left; width: 100%;}
.solution_pic_sec{float: right; width: 23.5%; margin: 20px 0 0 0px;}
.solution_content_sec{float: left; width: 73%;}
.solution_content_sec a{float: left; padding: 4px 0px; color:#efdb06; text-decoration: underline; font-size: 13px;}
.solution_content_sec a:hover{ text-decoration: none;}

.solution_divider{float: left; width: 100%; margin:25px 0 35px 0px; text-align: center;}
.solution_divider img{max-width: 100%;}
.whatWe_do{float: left; width: 100%; margin-bottom: 25px; text-align: center;}
.content H2{font-size:25px;color: #fff;line-height: 90%;padding-bottom: 10px;}

H2{font-size:25px; color: #fff; font-weight: normal;}
.content H3{font-size:16px; color: #fff;padding-bottom: 7px;}









.clear {
	clear: both;
	height: 0px;
	margin:0px;
}











#nav ul{
	display:block;
	list-style-type: none;
}
#nav li{
	float:left;
}



.showcase {
	FLOAT: right; MARGIN: 5px 0px 5px 5px; WIDTH: 200px
}
.showcase-block {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px
}
.showcase-block:hover {
	BORDER-RIGHT: #1d1d27 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #1d1d27 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: #1d1d27 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #1d1d27 1px solid
}



/* contact form */
.notification_error
{
border: 1px solid #A25965;
height: auto;
width: 90%;
padding: 4px;
background: #F8F0F1;
text-align: left;
-moz-border-radius: 5px;
}

.notification_ok
{
	border: 1px dotted #CCCCCC;
	height: auto;
	width: 130px;
	padding: 8px;
	background: #f5f9fd;
	text-align: center;
}

.info_fieldset
{

}

.info_fieldset legend
{
border: 1px #dddddd solid;
font-weight: none;
font-family: Verdana;

padding-right: 5px;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;

-moz-border-radius: 3px;
}
.float_lft {
	float: left;
}


.button
{
border: 1px solid #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;

background: white;

color: #333333;

font: 90% Verdana, Helvetica, Arial, sans-serif;

font-size: 11px;
-moz-border-radius: 3px;
}

/* Label */
label
{
width: 100px;
padding-left: 0px;
margin: 5px;
float: left;
text-align: left;
}

/* Input, Textarea */
input, textarea
{
margin: 5px;
padding: 0px;
float: left;

border: 1px solid #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;

color: #333333;

font: 90% Verdana, Helvetica, Arial, sans-serif;

font-size: 11px;
-moz-border-radius: 3px;
}

#contact_form{
	width: 175px;
	float:right;
	text-align:left;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #FFFFFF;

}
/* BR */

br
{
clear: left;
}


/*end of contact form */
/*solutions tab*/

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
}

.shadetabs li{
	display: inline;
	margin: 0;
	width: 100px;
}

.shadetabs li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	margin-right: 2px;
	border: 1px solid #243644;
	color: #FFFFFF;
	float: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.shadetabs li a:visited{
	color: #FFFFFF;
}

.shadetabs li a:hover{
	text-decoration: underline;
	color: #8DD2FC;
}

.shadetabs li a.selected{ /*selected main tab style */
	position: relative;
}

.shadetabs li a.selected{ /*selected main tab style */
	color: #8DD2FC;
	background-color: #000000;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
	display:none;
	clear: both;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/
color: white;
border-color: #D25A0B; /*Brown color theme*/
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */
.innertablist{
	float:left;
	width: 128px;
	padding-right: 5px;
	}
.tab_section {
	background-color: #0099FF;
	float: left;
	width: 538px;
}

.innertabcontent{
	float:left;
	width:395px;
	padding-left: 5px;
	letter-spacing: 1px;
	line-height: 1.6em;
	font-size: 1.1em;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
}
.indentmenu{
	margin-left: 0;
	margin-top: 1px;
	margin-bottom: 0;
	font: bold 12px Verdana;
	list-style-type: none;
	text-align: left;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 0;
	width: 130px;
}

.indentmenu li{
	display: inline;
	margin: 0;
}

.indentmenu li a{
	text-decoration: none;
	position: relative;
	z-index: 1;
	margin-right: 0px;
	color: #FFFFFF;
	float: left;
	padding-right: 0px;
	padding-left: 4px;
	margin-bottom: 15px;
}

.indentmenu li a:visited{
	color: #FFFFFF;
}

.indentmenu li a:hover{
	text-decoration: none;
	color: #8DD2FC;
}

.indentmenu li a.selected{ /*selected main tab style */
	position: relative;
	top: 1px;
	color: #8DD2FC;
}

.indentmenu li a.selected{ /*selected main tab style */

}

.indentmenu li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 450px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
	display:none;
	clear: both;
}


}
@media print {
.tabcontent {
display:block !important;
}
}
.other_tabs {
	letter-spacing: 1px;
	line-height:20px;
	font-size:14px;
	float: left;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.other_tabs strong{font-family: 'robotoregular'; font-weight: normal;}
.l10px {
	padding-left: 20px;
}


.float_right {
	float: right;
}




/* Typos */

.DATE{
      font-size: 85%;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #bbb;
      font-size: 10px;
      font-weight: 100;	}

.HEADLINE
       { font: bold 34px "Century Schoolbook", Georgia, Times, serif;
	color: #333;
	line-height: 90%;
	margin: .2em 0 .4em 0;
	letter-spacing: -2px;}

.TAG{
        color: #76879b;
        font-size: 10px;
        margin: 5px;
        font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
        font-size: 11px;
}
#news {
	width: 211px;
	position: absolute;
	left: 24px;
	top: 195px;
	height: 111px;
	z-index: 200;
}


#domticker{
	width: 200px;
	height: 100px;
	border: 1px dashed #FFFFFF;
	padding: 5px;
}

#domticker div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/

}

#domticker a{
	font-weight: bold;
	font-family: tahoma, Arial, verdana, helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
}

#domticker2{
width: 350px;
height: 1.2em;
border: 1px solid black;
padding: 3px;
}

#domticker2 a{
text-decoration: none;
}

.someclass{
}

#ticker {
	height: 136px;
	width: 202px;
	position: absolute;
	z-index: 300;
	left: 17px;
	top: 198px;
}










.client_box a {padding:0 1px;}

#footer #footer_con #section1 {
	display: block;
	float: left;
	width: 270px;
	font-size: 11px;
	color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #999999;
	padding-right: 10px;
}
#footer #footer_con #section2 {
	float: left;
	width: 270px;
	font-size: 11px;
	color: #CCCCCC;
	padding-left: 20px;
}


/* // Easy Slider */
#main_portfolio #cap {
	color: #FFFFFF;
	width: 600px;
	float: right;
	height: 150px;
	display: inline;
	margin-right: 30px;
	margin-top: 30px;
	font-size:14px;
	font-weight:bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-color: #666666;
	padding: 20px;
}








.pro ul a{}
















.campaign-tumb {
	text-align:center;
	float: left;
	width: 200px;
	padding-left: 30px;
	padding-right: 30px;
}
.campaign-tumb span{
	line-height: 30px;
	font-weight: bold;
}
#network {
	width: 180px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	height: 30px;
	margin-bottom: 10px;
}
#seo-links {
	clear: both;
	text-align: justify;
	color: #374D5E;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 12px;
}
#seo-links a{
	padding:0 3px;
	color: #476678;
}
#facebook{ margin-right:10px;}
#facebook,#twitter{
	float:left;
}
#facebook a{ background-image:url(images/facebook.gif); display:block; width:31px; height:34px;}
#facebook a,#facebook a:hover{ display:block; width:31px; height:34px;}
#facebook a:hover{ background-image:url(images/facebook-rollover.gif);}
#twitter a,#twitter a:hover{  display:block; width:34px; height:33px;}
#twitter a{background-image:url(images/twit.gif);}
#twitter a:hover{ background-image:url(images/twit-rollover.gif);}

.find {
	padding-right: 15px;
	float: left;
	padding-top: 10px;
}

.con-top {
	background-image: url(images/con_top.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 35px;
	width:587px;
}

#content-padding h2{

		padding-bottom: 10px;
}
#content-padding ul{
margin-left:10px;
}

#content-padding ul li{
	padding-left:20px;
	list-style:none;
	background-repeat:no-repeat;
	font-size:12px;
	letter-spacing:1px;
	line-height:18px;
	background-image: url(images/arrow.gif);
	background-position: 0px 5px;
}






/*4-2-2011*/

.work_page_nav{
	width:330px;
	height:50px;
	position:absolute;
	left: 481px;
	top: 5px;
}

.work_page_nav ul li{
list-style:none;
display:inline;
}

.work_page_nav ul li a{
float:left;
margin-right:9px;
}




.web_active{
	background-image: url(images/work_page_nav/web_design_hover.jpg)!important;
	background-repeat: no-repeat;
}



.apps a{
	width:54px;
	height:47px;
	background-image:url(images/work_page_nav/app.jpg);
	background-repeat:no-repeat;
	display:block;
}

.apps a:hover{
	background-image:url(images/work_page_nav/apps_hover.jpg);
	background-repeat:no-repeat;
}

.apps_act{
	background-image:url(images/work_page_nav/apps_hover.jpg)!important;
	background-repeat:no-repeat;
}

.misc a{
	width:54px;
	height:47px;
	background-image:url(images/work_page_nav/misc.jpg);
	background-repeat:no-repeat;
	display:block;
}

.misc a:hover{
	background-image:url(images/work_page_nav/misc_hover.jpg);
	background-repeat:no-repeat;
}

.misc_act{
	background-image:url(images/work_page_nav/misc_hover.jpg)!important;
	background-repeat:no-repeat;
}

.phone-email{ float: left;width: 100%;padding: 10px 0px 20px 0px;}
.phone-box-left{float: left;font-weight: bold;font-size: 13px;background: url(images/phone-icon.png) no-repeat 0px 0px; padding: 3px 0px 5px 28px;}
.phone-box-right{float: right;font-weight: bold;padding-right: 14px;font-size: 13px;background: url(images/email-icon.png) no-repeat 0px 0px; padding: 3px 10px 5px 28px;}



#inquriey_form h3{
    color: #5d5c5c;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    clear: both;
    font-family: Arial, Helvetica, sans-serif;
}

.tooltip-box {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#161616;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size: 12px;
	line-height: 19px;
}








/*APPLICANT CONTACT INFORMATION*/
#contact_info{padding:20px 40px 20px 40px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#contact_info label{float:left; display:block; width:180px; text-align:right; font-size:12px; color:#6a9bbe;}
#contact_info p{display:block;}
#contact_info h6{ font-size:13px; padding:15px 0px 15px; margin:0px;}
#contact_info h5{ font-size:13px; padding:15px 0px 15px;}
#contact_info input[type="checkbox"] { float:left; margin-top:0px; border:none; outline:none;}
#contact_info .select_stl { font-size:11px;}
#contact_info .hide_form{ padding:5px 20px 20px 20px;}
#contact_info input[type="text"]{color:#4f809e; width:150px; padding:4px; border:1px #294355 dashed; background:#10191f; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px;}
#contact_info textarea{ width:150px; padding:4px; border:1px #294355 dashed; background:#10191f; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#4f809e;}
#contact_info select{color:#4f809e; width:160px; padding:4px; border:1px #294355 dashed; background:#10191f; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; margin-left:5px;}
#contact_info .form_boxl{width:360px; float:left;}
#contact_info .form_boxr{width:360px; float:right;}
.carg_box{ float:left; font-weight:bold; font-size:12px; width:300px; text-align:right; padding-right:10px;}
.tx_hd{font-size:13px; padding:0 0 10px 5px; font-weight:normal; color:#fff;}
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/

	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 30px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 30px; /*--Vertically aligns the text within the tab--*/


	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background:url(images/tab_bg.gif) left top repeat-x; margin:0 1px; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px;
border-top-right-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border: solid #0c2e45 1px;
}
ul.tabs li a {
	text-decoration: none;
	color: #6a9bbe;
	display: block;
	font-size: 11px;
	padding: 0 10px; font-weight:bold;
	 /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover { background:url(images/tab_bg.gif) left -30px repeat-x; -moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px;
border-top-right-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px;

}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background:url(images/tab_bg.gif) left -30px repeat-x;-moz-border-radius-topright: 4px; -moz-border-radius-topleft: 4px;
border-top-right-radius: 4px; border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px;
	 /*--Makes the active tab look like it's connected with its content--*/
}
.tab_content{border:1px #294355 dashed; background:#10191f; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#4f809e; padding:10px 10px 20px 10px; margin:0 15px 15px 0;}
.desc{border:1px #294355 dashed; background:#10191f; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#4f809e; padding:10px 10px 20px 10px; margin:0px 0px 15px 20px; float:right; width:500px;}
#ratingdiv{overflow:hidden}
#ratingdiv .undone, #ratingdiv .fade{
background:url("images/star.gif") -16px 0 no-repeat;
width:16px;
display:block;
height:16px;
float:left;
margin-right:4px;
text-indent:-99999px
}
#ratingdiv .done{
background:url("images/star.gif") no-repeat left top ;
width:16px;
display:block;
height:16px;
float:left;
margin-right:4px;
text-indent:-99999px
}
#ratingdiv .undone:hover{background-position:0}
  .hide{
    display:none;
  }
  .tab{border:1px #294355 dashed; background:#10191f; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; color:#4f809e; padding:0px 10px 20px 10px; margin:0 15px 15px 0;}
  .rdo_ali{ float:left; font-size:12px; font-weight:bold; color: #6a9bbe; margin:0 0 5px 0;}
    .rdo_ali span{ float:right; padding:0 8px 0 3px;}

	.rdo_bt ul{ list-style:none; margin:0; padding:0; display:block;}
	.rdo_bt li{ display:block; color: #6a9bbe; font-weight:normal;}



#panel {


	display: none;
}
.slide {
	margin: 10px 0 0 0;
	padding: 0; float:right;

	background: url(images/readmore_bg.gif) no-repeat center top;
}
.slide a{ border:none; border:0;}

.slide a:hover{color: #759fc0;
	text-decoration: none;}
.btn-slide {
	background: url(images/slide_arrow.gif) no-repeat 78px 10px;
	text-align: center;
	width: 82px;
	height: 20px;
	padding: 6px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: normal 100%/100% Arial, Helvetica, sans-serif;
	color: #759fc0;
	text-decoration: none;
}

.active_slide {
	background-position: 78px -16px;
}






/* ------- footer_section1 ---------*/








/*-------------- GALLERY -------------*/

/*
#flexiselDemo1, #flexiselDemo2, #flexiselDemo3 {
display:none;
}

.nbs-flexisel-container {
    position:relative;
    max-width:100%;
}
.nbs-flexisel-ul {
    position:relative;
    width:9999px;
    margin:0px;
    padding:0px;
    list-style-type:none;
    text-align:center;
}

.nbs-flexisel-ul li {background:none !important; padding:0px !important;margin-left: 4px;}

.nbs-flexisel-inner {
    overflow:hidden;
    float:left;
    width:100%;

}

.nbs-flexisel-item {
    float:left;
    margin:0px;
    padding:0px;
    cursor:pointer;
    position:relative;
    line-height:0px;
	width:175px !important;
}
.nbs-flexisel-item img {

    cursor: pointer;
    position: relative;
    margin-top: 10px;
    margin-bottom: 10px;

}*/

/*** Navigation ***/

./*nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
    width: 17px;
    height: 50px;
    position: absolute;
    cursor: pointer;
    z-index: 100;
    opacity: 0.5;
	display:none;
}

.nbs-flexisel-nav-left {
    left:-8px;
    background: url(images/button-previous.png) no-repeat;
}

.nbs-flexisel-nav-right {
    right:-23px;
    background:url(images/button-next.png) no-repeat;
}*/




.client_gallery {width:52%; margin:auto; margin-left:74px; margin-top:50px; height:70px;}



/*-------------- GALLERY -------------*/
















.globle-eb{padding-top: 15px;}
.globle-sec{float: left;margin-right: 13px;}
.globle-sec:hover{text-decoration: none;opacity: 0.7;}
.globle-eb p{padding-bottom: 6px;}






#mobile_header{display: none;}



/* Step Navigation
------------------------------------------------------------------------- */	
.stepNav {margin:0 0 50px 0px!important; padding-right: 15px; height: 31px; position: relative; z-index: 0;}	
/* z-index to make sure the buttons stack from left to right */	
.stepNav li {float: left;position: relative;z-index: 8;}
.stepNav li:nth-child(2) { z-index: 7; }
.stepNav li:nth-child(3) { z-index: 6; }
.stepNav li:nth-child(4) { z-index: 5; }
.stepNav li:nth-child(5) { z-index: 4; }	
.stepNav.threeWide li { width: 20%; padding: 0!important;}	
.stepNav a, .stepNav a:visited {
width: 100%;
height: 31px;
padding: 0 0 0 25px;
font-family: 'robotoregular', sans-serif;
font-size: 14px;
letter-spacing: 0;
color: #fff;
text-align: center;
line-height: 31px;
white-space: nowrap;
background-color: #626262;
float: left;
position: relative;
cursor: pointer;
}
.stepNav li:first-child a {padding-left: 12px;}
.stepNav a:before {
content: "";
width: 22px;
height: 22px;
border-right: 1px solid #1a2a37;
border-bottom: 1px solid #1a2a37;
background: #626262;
display: block;
position: absolute;
top: 4px;
right: -12px;
z-index: -1;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg); 
}
.stepNav a:hover {background: #fdf16b; color: #444;}
.stepNav a:hover:before {background: #fdf16b; color: #444;}

.festival-default-popup{max-width: 512px; position: relative; background: #fff; margin: auto;}
.festival_inner{text-align: center;padding:0px;}
.festival_inner img{ display: inline-block; max-width: 100%;}

.default-popup{width: 513px; position: relative; background: #44c6f1 url(../images/default-popup-bg.jpg) no-repeat 0 0px; background-size:100% 100%;  margin: auto;}
.popup-mid-container{display:inline-block;font-family: 'Roboto', sans-serif;padding:0px 30px 30px 30px;text-align: center;}
.popup-mid-container h2{float: left; width: 100%; font-family: 'Open Sans', sans-serif; font-size: 20px;color: #000; line-height: 26px; font-weight: 600; padding:45px 0 45px 0px;}
.popup-mid-container h3{float: left; width: 100%; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000; line-height: normal; font-weight: normal!important; padding-top: 10px; margin:0;}
.popupform{width: 100%;margin: auto;}
.inputbox{float: left; width:44%; margin: 0 3%; position: relative;}
.inputbox input{ float: left; font-family: 'Open Sans', sans-serif; width:100%; height: 45px; padding: 0px 0px; outline: none; margin:0 0 5px 0px; background: transparent; font-size: 13px; color: #fff; line-height: 45px; border: none; border-bottom: 1px solid #fff;}
.submit-form{ float: left; width: 100%; margin: 35px 0 35px 0px;}
.submit-form input[type='button']{float: none; font-family: 'Roboto', sans-serif; height: 30px; line-height: 30px; display:inline-block; padding: 0px 20px; border: none; margin: 0px; cursor: pointer; background: #fdd46b; font-size: 16px; color: #000; text-transform: uppercase;}
.submit-form input[type='button']:hover{background: #f1c24a;}

.inputbox input::-webkit-input-placeholder{color: #fff;}
.inputbox input:-moz-placeholder{/* Firefox 18- */color: #fff;}
.inputbox input::-moz-placeholder{/* Firefox 19+ */ color: #fff;}
.inputbox input:-ms-input-placeholder{color: #fff;}
.poup_loader{display: none; float: left; width: 100%; text-align: center;}