body{ margin:0 auto; font-family:'robotolight',helvetica,sans-serif; font-weight:300; }
html,body{ height:100%; }

/* General CSS */
.wrapper{ width:100%; }
.container{ width:1030px; margin:0 auto; }
.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:0; }
.oh{ overflow:hidden; }
.last_right{ margin-right:0 !important; }
.active_home_banner{ z-index:10; }
.rotating{ height:439px; position:relative; }
.rotating img{ width:1745px; height:100%; }
input[type="file"],input[type="submit"],label,select,a{ cursor:pointer; }
img{ border:none; }
a{ text-decoration:none; }
::-moz-focus-inner { border: 0; padding: 0; }
.dashed_h3{ background:url('../images/home_box_bg.jpg') repeat-x; margin:0; padding:0; padding-top:10px; padding-left:25px; padding-bottom:10px; font-family:'robotothin',helvetica,sans-serif; font-weight:100; font-size:21px; color:#000000; }
.solutions_sub_cat{ margin-bottom:5px; }
.solutions_sub_cat a{ font-size:18px; color:#333333; font-family:'robotoregular',helvetica,sans-serif; font-weight:400; display:block; padding:5px 35px 0 20px; }
.pagination{ margin-bottom:40px; color:#000000; text-align:center; }

@font-face {
    font-family: 'NeoSansLight';
    src: url('fonts/NeoSans-Light/neosans-light.eot');
    src: url('fonts/NeoSans-Light/neosans-light.eot') format('embedded-opentype'),
         url('fonts/NeoSans-Light/neosans-light.woff') format('woff'),
         url('fonts/NeoSans-Light/neosans-light.ttf') format('truetype'),
         url('fonts/NeoSans-Light/neosans-light.svg#NeoSansLight') format('svg');
}

.rob_thin{ font-family:'robotothin',helvetica,sans-serif; font-weight:100; }
.rob_light{ font-family:'robotolight',helvetica,sans-serif; font-weight:300; }
.rob_regular{ font-family:'robotoregular',helvetica,sans-serif; font-weight:400; }
.rob_bold{ font-family:'robotoregular',helvetica,sans-serif; font-weight:700; }

/* Header */
#header_logo{ margin-top:38px; }

#header_menu{ margin:41px 0 0 60px; padding-bottom:10px; }
#header_menu ul{ list-style-type:none; margin:0; padding:0; }
#header_menu ul li{ display:inline; }
#header_menu ul li a{ color:#666666; font-family:'robotolight',helvetica,sans-serif; font-size:16px; font-weight:300; margin-right:22px; }

#header_top{ margin-top:17px; }
#header_top a{ color:#0093d8; font-size:16px; font-family:'robotolight',helvetica,sans-serif; font-weight:300; }
#social_links{ margin-top:22px; }
#facebook_link{ margin:0 3px 0 5px; }

#header_border{ background:url('../images/header_border.jpg') repeat; height:9px; clear:both; width:100%; margin-top:9px; }

/* Home Banner */
#home_banner{ width:100%; position:relative; height:439px; }
#home_banner #rotating_image{ min-width:1030px; }
#rotating_square{ position:absolute; left:75%; top:90%; z-index:20; }
#rotating_square a{ padding:0 5px; }
#home_banner .home_banner_text{ position:absolute; top:25px; }
#home_banner .home_banner_text div{ width:395px; }
#home_banner .home_banner_text h1{ font-size:94px; font-family:'robotothin',helvetica,sans-serif; font-weight:100; margin:0; padding:0; }
#home_banner .home_banner_text h3{ font-size:33px; font-family:'robotothin',helvetica,sans-serif; font-weight:100; margin:0; padding:0; color:#003c6e; margin-top:20px; }
.shadow{ width:1030px; margin:0 auto; background:url('../images/shadow.png') no-repeat 100% 100%; background-size:100% 100%; height:12px; }

/* Content Section */
#content{ margin-top:22px; }
#content #home_boxes{ position:relative; margin-bottom:34px; }
#content .home_box{ border-top:10px solid #0093d8; width:500px; height:215px; padding-bottom:35px; background-color:#ededed; }
#content .home_box h3{ font-family:'robotothin',helvetica,sans-serif; font-weight:100; font-size:21px; color:#000000; margin:0; padding:0; padding-top:10px; padding-left:25px; padding-bottom:10px; background:url('../images/home_box_bg.jpg') repeat-x; }
#content .home_box a{ font-family:'robotolight',helvetica,sans-serif; font-weight:300; font-size:24px; color:#0093d8; }
#content .home_box hr{ border-top:1px solid #b6b6b6; width:219px; margin:15px 0 10px 0; }
#content .home_box #home_box_news_date{ font-size:11px; color:#0099cc; font-family:'robotoregular',helvetica,sans-serif; font-weight:400; display:block; }
#content .home_box h4{ color:#333333; font-family:'robotoregular',helvetica,sans-serif; font-weight:400; margin:0; padding:0; font-size:18px; margin-top:8px; }
#content .home_box p{ color:#333333; font-family:'robotolight',helvetica,sans-serif; font-weight:300; font-size:14px; margin:0; margin-top:10px; }

#home_solutions_bar{ padding-top:10px; margin-bottom:35px; }
#home_solutions_bar h1, #works h1{ font-family:'robotolight',helvetica,sans-serif; font-weight:300; color:#0093d8; font-size:32px; margin:0; padding:0; margin-bottom:20px; }
#home_solutions_bar .left{ margin-right:19px; position:relative; }
#home_solutions_bar .left div{ height:48px; width:100%; background:url('../images/pix.png') repeat; position:absolute; bottom:0; }
#home_solutions_bar .left div span{ font-size:17px; font-family:'robotoregular',helvetica,sans-serif; font-weight:400; color:#ffffff; position:relative; top:13px; left:15px; }
#home_solutions_bar .home_slider_left_arrow{ position:absolute; margin-left:-30px; margin-top:145px; cursor:pointer; }
#home_solutions_bar .home_slider_right_arrow{ position:absolute; margin-left:1045px; margin-top:-120px; cursor:pointer; }

#enquiry_bar{ background-color:#0093d8; height:55px; }
#enquiry_bar .left span{ font-family:'robotolight',helvetica,sans-serif; color:#ffffff; font-size:21px; }
#enquiry_bar .right span{ font-family:'robotolight',helvetica,sans-serif; font-weight:300; color:#ffffff; font-size:16px; }

#works{ height:277px; background-color:#ededed; }
#works .left{ margin-right:50px; position:relative; }
#works .left div{ height:38px; width:100%; background:url('../images/pix.png') repeat; position:absolute; bottom:0; }
#works .left div span{ font-size:13px; font-family:'robotoregular',helvetica,sans-serif; font-weight:400; color:#ffffff; position:relative; left:8px; top:11px; }
#works .home_slider_left_arrow{ position:absolute; margin-left:-30px; margin-top:125px; cursor:pointer; }
#works .home_slider_right_arrow{ position:absolute; margin-left:1045px; margin-top:60px; cursor:pointer; }

/* Footer Section */
#footer{ background:url('../images/footer_bg.jpg') repeat; height:72px; }
#footer span{ font-family:'robotolight',helvetica,sans-serif; font-weight:300; color:#999999; font-size:14px; }
#footer .container{ margin-top:15px; }

/**** Common CSS ****/
#inner_banner{ height:165px; position:relative; background-color:#e0e0e0; }
#inner_banner img{ position:absolute; width:100%; height:100%; }
#inner_banner h1{ margin:0; padding:0; font-size:85px; font-family:'robotothin',helvetica,sans-serif; font-weight:100; }

/**** Career Page ****/
.expand_career, .collapse_career{ display:block; cursor:pointer; font-family:'robotoregular',helvetica,sans-serif; font-size:20px; color:#454545; background-color:#f2f2f2; padding:9px 0 8px 13px; margin-bottom:4px; }
.expand_career img, .collapse_career img{ position:relative; top:4px; }
.sub_job{ border-top:8px solid #0099cc; background-color:#f2f2f2; padding-bottom:30px; display:none; margin-bottom:5px; }
.sub_job h3{ margin:0; padding:0; font-family:'robotolight',helvetica,sans-serif; font-weight:300; font-size:21px; color:#454545; margin:25px 0 0 25px; }
.sub_job p{ font-size:16px; font-family:'robotolight',helvetica,sans-serif; font-weight:300; color:#454545; padding:0; margin:0 0 25px 25px;}
.sub_job .left{ width:480px; margin-left:25px; }
.sub_job label{ font-family: 'Open Sans', sans-serif; font-weight:700; font-size:16px; color:#333333; margin-bottom:5px; display:block; }
.sub_job input[type="text"]{ width:90%; font-size:28px; height:30px; padding:15px 20px; border:none; font-family:'robotothin',helvetica,sans-serif; font-weight:100; color:#333333; }
#upload_file{ width:156px; height:44px; background:url('../images/upload_file.png') no-repeat 100% 100%; background-size:100% 100%; margin-top:15px; }
#upload_file input[type="file"]{ width:245px; margin-left:-90px; height:45px; filter: alpha(opacity=0); opacity: 0; }
.submit{ width:193px; height:54px; background:url('../images/submit.png') no-repeat 100% 100%; background-size:100% 100%; border:none; margin:70px 0 0 25px; }

/**** Ask Page (and contact page)****/
.ask_box{ margin-bottom:17px; }
.ask_box .right{ background-color:#dbdbdb; }
.ask_box .left_textarea, .ask_box .left{ padding:0 0 20px 12px; width:700px; background-color:#f1f1f1; }
.ask_box .right_textarea, .ask_box .right{ width:306px; background-color:#dbdbdb; padding-left:12px; font-family: 'Open Sans', sans-serif; color:#333333; font-size:13px; }
.ask_box textarea{ font-family:'robotothin',helvetica,sans-serif; font-weight:100; color:#333333; width:625px; border:none; resize:none; height:345px; margin-top:40px; font-size:28px; padding:15px 20px; }
.ask_box .right_textarea span{ font-family: 'Open Sans', sans-serif; font-size:13px; color:#333333; font-weight:400; display:block; margin-top:40px !important; height:395px !important; }
.ask_box .left .left{ width:310px; padding-top:12px; }
.ask_box .left .left label{ font-family: 'Open Sans', sans-serif; font-weight:700; font-size:16px; color:#333333; display:block; margin-bottom:12px; }
.ask_box .left .left input[type="text"]{ border:none; font-family:'robotothin',helvetica,sans-serif; font-weight:100; color:#333333; height:29px; width:270px; font-size:28px; padding:15px 20px; }
.ask_box .right span{ font-family: 'Open Sans', sans-serif; font-size:13px; color:#333333; font-weight:400; display:block; margin-top:12px; height:113px; }
.ask_box .dropdown{ height:31px; width:338px; background:url('../images/select_bg.jpg') no-repeat 100% 100%; background-size:100% 100%; border:none; -webkit-appearance:none; -moz-appearance:none; text-indent:1px; font-family: 'Open Sans', sans-serif; font-weight:400; font-size:16px; color:#666666; padding-left:10px; margin-top:10px; }
#submit_question{ width:193px; height:54px; background:url('../images/submit_ask.png') no-repeat 100% 100%; background-size:100% 100%; border:none; margin:35px 0 36px 0; }
.ask_box h3{ font-family:'robotolight',helvetica,sans-serif; font-weight:300; color:#333333; font-size:32px; margin:0; padding:20px 0 20px 30px; }

.contact_box .left{ width:auto; margin-top:30px; margin-bottom:40px; }
.contact_box span{ color:#333333; font-size:20px; font-family:'robotolight',helvetica,sans-serif; font-weight:300; display:block; }
.contact_box .title{ color:#0099cc; font-size:20px; font-family:'robotolight',helvetica,sans-serif; font-weight:300; }

/**** Partners Page ****/
#partners .left.border{ height:10px; width:190px; background-color:#0093d8; margin-right:20px; }
#partners .left{ width:190px; margin-right:20px; }
#partners .left .partner_logo{ padding:20px 0; border-bottom:1px solid #bfbfbf; }
#partners .left .partner_logo img{ width:190px; height:100px; }

/**** Projects Page ****/
#projects{ margin-top:55px; }
.project{ border-bottom:1px solid #bfbfbf; margin-bottom:40px; padding-bottom:40px; }
.project img{ width:300px; height:145px; margin-right:45px; }
.project h2{ font-family:'robotothin',helvetica,sans-serif; font-weight:100; color:#000000; }
.project p{ font-family:'robotolight',helvetica,sans-serif; font-weight:300; color:#333333; }
.project a{ color:#009bda; font-family:'robotoregular',helvetica,sans-serif; font-weight:400; display:block; }

/**** News Home Page ****/
#left_side_news{ width:222px; margin-right:22px; border-top:10px solid #0093d8; background-color:#f6f6f6; padding-bottom:50px; }
#left_side_news h3{ font-size:16px; color:#333333; font-family:'robotolight',helvetica,sans-serif; margin:0; padding:20px 0 15px 15px; font-weight:300; background:url('../images/home_box_bg.jpg') repeat 100% 100%; background-size:100% 100%; }
#left_side_news ul{ list-style-type:none; padding:0; margin:20px 0 0 15px; }
#left_side_news ul li a{ font-size:18px; color:#333333; font-family:'robotolight',helvetica,sans-serif; font-weight:300; }
#left_side_news ul li a span{ width:183px; display:inline-block; }
#left_side_news ul li a img{ position:relative; top:5px; }
#right_side_news{ width:786px; border-top:10px solid #0093d8; }
.main_news_category{ color:#0099cc; font-size:15px; font-family:'robotolight',helvetica,sans-serif; font-weight:300; }
#main_news{ margin-bottom:30px; }
#main_news img, .sub_news img{ margin-bottom:23px; }
#main_news h2, .sub_news h3{ font-size:32px; margin:0; padding:0; color:#000000; font-family:'robotolight',helvetica,sans-serif; font-weight:300; }
#main_news p, .sub_news p{ color:#000000; font-size:15px; font-family:'robotolight',helvetica,sans-serif; font-weight:300; }
.news_date,.projects_date{ color:#0099cc; font-size:15px; font-family:'robotolight',helvetica,sans-serif; font-weight:300; }
.more_news{ color:#cc0000; font-size:15px; font-family:'robotolight',helvetica,sans-serif; font-weight:300; }

.sub_news_wrapper{ margin-bottom:47px; }
.sub_news{ border-top:10px solid #0093d8; width:384px; }
.sub_news h3{ line-height:40px; }

/**** Solutions Page ****/
.featured_block{ background-color:#f6f6f6; height:323px; width:975px; padding:33px 25px 16px 30px; }
.featured_block h3{ font-family:'robotoregular',helvetica,sans-serif; font-weight:700; color:#333333; font-size:32px; margin:0; padding:0; }
.featured_block p{ font-family:'robotoregular',helvetica,sans-serif; font-weight:400; color:#333333; font-size:17px; }
.featured_block .left{ width:470px; margin-right:35px; }
.featured_block .right{ width:470px; }
.featured_block .left .more{ color:#009cdc; font-family:'robotoregular',helvetica,sans-serif; font-weight:700; }