/* reset css */
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, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* general */
* { margin: 0; padding: 0; }
html {font-size:100.01%;}
body {font-size:80%;background:#fff url(../images/bodybg.gif) repeat-x; color:#666;border-top:solid 3px #99cc00;
	font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#99cc00;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
h2, h3, h4{color:#99cc00;}
em {font-style:italic;}
.blue{color:#1e8bc8;}
.pink{color:#c83484;}
.green{color:#99cc00;}


ul{margin-bottom: 20px;}

li.tick{background:url(../images/v.gif) top left no-repeat; padding-left:25px;}
li.arrowpink{background:url(../images/arrow_right.gif) center left no-repeat;padding-left:20px;}
li.squaregreen{background:url(../images/squaregreen.gif) center left no-repeat;padding-left:15px;margin-bottom:3px;}

/* layout */
.container {width:950px;margin:0 auto;}
.content{margin-top:10px;}
.hidden {display:none;}
.color{color:#99cc00;}

.boxfl{float:left;margin-bottom:10px;}
.boxflw210{float:left;margin-right:10px;margin-bottom:10px;width:210px;width:203px!important;}
.boxflw260{float:left;margin-right:10px;margin-bottom:10px;width:240px;width:233px!important;}
.boxflw290{float:left;margin-right:10px;margin-bottom:10px;width:290px;width:283px!important;}
.boxflw310{float:left;margin:0 5px 20px 6px;width:322px;width:305px!important;}
.boxflw310-right{float:right;margin-bottom:10px;width:310px;width:293px!important;}
.boxflw620{float:left;margin-right:10px;margin-bottom:10px;width:625px;width:621px!important;}
.boxnofloatw240{margin-right:10px;margin-bottom:10px;width:240px;width:230px!important;}
.boxnofloatw640{margin-right:10px;margin-bottom:10px;width:640px;width:616px!important;}

/* .boxfl img, .boxflw210 img, .boxflw260 img, .boxflw290 img, .boxflw310 img, .boxflw310-right img,
.boxflw620 img, .boxnofloatw240 img, .boxnofloatw640 img{border:1px solid #ccc; padding:2px;} */

.clear{clear:both;height:1px;}
.wrapperContent{border-left:1px solid #f0f0f0;}
.marginbottom10{margin-bottom:10px;}
.marginright20{margin-right:20px;}
p img.right {float:right;margin:0 0 0 20px;}


/* header */
#header {margin-top:0px;}
#header h4{color:#777;margin-left:100px;}
.langbox{float:right;margin-right:30px; padding-top:0px; color:#fff;border:1px solid silver;}
.btn{background:url(../images/btn.jpg) no-repeat; margin-top:7px; margin-right:5px;}
.menu_text{color:#777;}

/* navigation */
.logosloganbox{float:left;margin-right:10px;width:35%;margin-top:10px;}
#iconpix { float:right;width:60%;}
#iconpix ul {	margin: 0; padding: 0; line-height: normal; }
#topmenu {width:950px;background:#222;line-height:30px;margin-bottom:20px;margin:0 auto;}
#topmenu li{display:inline;float:left;padding: 0 15px;background: url(../images/bullet.gif) 0% 50% no-repeat;}
#topmenu li a{display:block;text-transform:uppercase; font-size: .9em; font-weight: normal; color: #fff; text-decoration:none;}
#pixmenu{float:right;}
#iconpix  li{ display: inline; line-height: 30px;padding: 0 10px 0 15px; background: url(../images/bullet.gif) 0% 50% no-repeat;}
#iconpix li.toplast {padding-right:0;}
#topmenu li.topfirst, #iconpix li.topfirst {background:none;}
#iconpix li a {  text-transform:uppercase; font-size: .9em; font-weight: normal; color: #fff; text-decoration:none; }
#iconpix li a:hover { color:#99cc00; }



#navcontainer {height: 60px; line-height:60px;background: black;margin-top:1px;border-left:1px solid :#f0f0f0;}
#navcontainer ul{padding-left: 0;margin-left: 0;background-color: #000;color: White;float: left;width: 100%;font-family: arial, helvetica, sans-serif;}
#navcontainer ul li { display: inline;width: 147px; }
#navcontainer ul li.lastnavcont{padding-left:20px;}
#navcontainer ul li a{color: White;text-decoration: none;float: left;border-right: 3px solid #292929;}
#navcontainer ul li a.lastli {border:0;}

.latestworks_1 { width:140px;height:60px;padding-left: 80px; background: #000 url(../images/solutions.png) 10% 50% no-repeat;overflow:hidden;}
.latestworks_2 { width:137px; height:60px;padding-left: 120px; background: #000 url(../images/ourservices.gif) 10% 50% no-repeat;}
.callus { width:137px; height:60px;padding-left: 70px; background: #000 url(../images/Phone-48.png) 10% 50% no-repeat;}
.latestworks_3{ width:137px; height:60px;padding-left: 100px; background: #000 url(../images/latestworks.gif) 10% 50% no-repeat;}


/* home page box cycle box */
.boxed{background:#fff url(../images/background-container.gif) top repeat-x; border:1px solid #ddd; padding:20px; }
.boxed-no-border-center{background:#fff;text-align:center; }
.boxed-no-border-center img{border:0px solid #ccc;padding:2px; }
.boxed h3, .boxed h2{padding:0; margin:0; margin-bottom:15px;}
.boxed_small{background:#fff url(../images/background-container.gif) top repeat-x; border:1px solid #ddd; padding:20px; height:190px;}
.boxed_small h3{padding:0; margin:0; margin-bottom:5px;}

.boxedcpx{border:0;background:#99cc00 url(../images/bg-header-page.jpg) top left repeat-y;border-top:1px solid black;height:141px;border-bottom:15px solid white;}
.boxedcpx2{border:0;background:#99cc00 url(../images/banner/banner-1.jpg) top left no-repeat;border-top:1px solid black;height:141px;border-bottom:15px solid white;}
.boxedcpx3{border:0;background:#99cc00 url(../images/banner/banner-portfolio.jpg) top left no-repeat;border-top:1px solid black;height:141px;border-bottom:15px solid white;z-index:0;}
.boxedcpx-contact{border:0;background:#99cc00 url(../images/banner/banner-contact.jpg) top left no-repeat;border-top:0px solid black;height:141px;border-bottom:15px solid white;z-index:0;}
.boxedcpx h1, .boxedcpx2 h1, .boxedcpx3 h1, .boxedcpx-contact h1{margin:20px 0 0 20px;color:#000;}
.boxedcpx h4, .boxedcpx2 h4, .boxedcpx3 h4, .boxedcpx-contact h4{clear:both;margin-left:20px;color:#000;}

.boxed ul, .boxed_small ul{margin:0 10px 10px 5px;padding:0 10px 10px 5px;list-style-type:none;}

.pfmenu {clear:both;background:#000;display:block;padding-left:20px;margin-right:0px;color:#fff;}
.pfmenuempty {background:#000;display:block;height:10px;}
.rose {background:#c83484;border-top:3px solid #c83484;}
.pfmenu p{float:left;padding-top:8px;}




/* footer */
#footer { width:950px;margin:0 auto; background:#fff url(../images/bodybg.gif) repeat-x; color:#222; border-top:1px dotted silver;padding:10px 0;}
#footer a{color:#222;}
#footer p { line-height:10px;text-align: center; font-size: .8em; font-weight: normal;}
#footer img {border:0;vertical-align:-4px;}
#footer li {display:inline;float:left;list-style:none;}
#footer p.flinks a{padding: 0 10px;border-right:1px solid #bbb;color:#222;text-decoration:none;}
#footer p.flinks{padding-top:10px;}
#footer p.flinks a.footerlast{border-right:0;border:0;} 

/* footer homepage */
#partners {background:#f1f1f1;margin:0px 0 0px 0;padding:5px;clear:both;border-top:1px dotted #ddd;border-bottom:1px dotted #ddd;text-align:center;}
#partners img{margin:0 10px;vertical-align:middle;border:0;} 

div.home_showcase_shadow { width: 1218px; height: 69px; display: inline; margin-left: -139px; z-index: 0; background: url(../images/showcase_shadow.png) no-repeat; overflow: hidden; margin-top: 265px; position: absolute; }
div.page_banner_shadow { width: 1218px; height: 69px; display: inline; margin-left: -129px;  z-index:0; background: url(../images/showcase_shadow.png) no-repeat; overflow: hidden; margin-top: 105px; position: absolute; }

/* CU3ER */

div.home_showcase { display: inline; float: left; width: 950px; height: 300px; margin:20px 0 50px 0; }
div.home_casepage { display: inline; float: left; width: 950px; height:141px; margin:20px 0 30px 0; }

#cu3er_showcase { width:950px;margin:0 auto;display: inline; float: left; position: absolute; z-index: 1; }
#pageshowcase { width:950px;margin:0 auto;display: inline; float: left; position: absolute;z-index:1;  } 



#home-3-sections { clear:both;width: 950px; margin: 0 auto; padding: 10px 0 0 0; border-top:0px solid #ddd;margin-bottom:0px; }
#home-3-sections img.right{margin-right:20px;}
#home-3-sections ul{list-style-type:none;}


.home-section-1, .home-section-2, .home-section-3 { width: 300px; float: left; }
.home-section-1 { margin: 0; }
.home-section-2, .home-section-3 { margin: 0 0 0 25px; }
.home-full {padding:0px;margin-top:20px;}
.home-full h1, .home-full h2, .home-full h3, .home-full h4, .home-full h5, .home-full h6 {border-bottom:1px solid #eee; padding-bottom:10px;}

.meta { font-size: 15px; font-style: italic; }
#home-3-sections h3 { margin: 0 0 0px 0; padding: 0 0 5px 0; font-size: 22px; letter-spacing: -0.04em; }
#home-3-sections h3 a:hover { text-decoration: none; }