* { padding: 0; margin: 0; border: 0; }
body { margin: 0; padding: 0; background: url("/img/bodybg.jpg") no-repeat top left #000; font-family: arial, sans-serif; font-size: 12px; color: #939aa0; }

img { border: 0; }
span { color: #fff; }
a { color: #939aa0; text-decoration: none; }
a.invert { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }
.right { float: right; }
.color1 { color: white; }
.color2 { color: gray; }
.up_text {margin: 0px 20px; color:#fff; line-height: 23px; font-size:16px; font-weight:bold; text-align: justify; }
.big_words {font-size: 22px; color:#99ccff;}

.c_text { font-size: 12px; color: white; text-align: justify; line-height: 17px; }
.c_list { margin-left: 20px; line-height: 20px; font-size: 12px; margin: 20px; text-align: justify; }

.color1 { color:#99ccff; }
.color2 { color:white; }
.color3 { color: #202E42; }
.color4 { color: #666666; }
.color5 { color: gray; }

/* SIDEBAR */
#sidebar { padding-left: 24px; padding-right: 13px; background: url("/img/sidebarbg.jpg") repeat-y #000; width: 221px; min-height: 840px; float:left; }
#sidebar #logo { text-align: center; padding-top: 20px; }
#sidebar #text { padding: 20px; }
#sidebar #text ul { list-style: none; padding-left: 15px; margin: 50px 0; }
#sidebar #text ul li { margin-bottom: 20px; color: #99ccff; }
#sidebar #text #supportaccess { margin-top: 5px; width: 184px; height: 22px; padding: 7px 0; text-align:center; background: url("/img/support.jpg") no-repeat; }
#sidebar #text .launchsupport { cursor: pointer; }
#sidebar #text .launchsupport:hover { color: #fff; } 
#sidebar #text #about { margin-top: 40px; text-align: justify;}
#sidebar #text #about .title { color: #fff; }

/* MENU */

#menu {height: 30px; background: #162333; float:left; }
#menu ul { margin-left: 100px; padding: 0px;}
#menu li { float:left; list-style: none; margin: 0px 10px; color: #fff; line-height:30px; font-weight: bold; }

/* CONTENT */
#content { min-height: 548px; float:left; }

/* SERVICES */
#content #services { width: 735px; margin-top: 20px;}
#content #services_ctn { width: 650px; margin: 0px auto; padding:3px 0px; margin-top: 30px; color:white; background: #0E1124;}
#content #services_ctn .accordion{ width: 640px; margin: 3px auto;}
#content #services_ctn .accordion div { padding: 0px 20px; }
#content #services_ctn .accordion a { cursor:pointer; display:block; padding:5px 20px; margin-top:3px; text-decoration: none; font-weight: bold; font-size: 20px; color: #8DA9D7; }
#content #services_ctn .accordion p { font-size: 13px; padding:5px 0px;  color: white; }
.backcolor1 { background: #272238; }
.backcolor2 { background: #262A45; }
.backcolor3 { background: #283B42; }

/* REQUEST A PROPOSAL */
#content #request_prop { width: 735px; margin-top: 20px;}
#content #request_prop #req_prop_form { width: 460px; margin-left:260px; margin-top:40px; }
#content #request_prop #req_prop_form #req_prop_lbl { width: 190px; float:left; }
#content #request_prop #req_prop_form #req_prop_ipt { width: 270px; float:left; background: #0A0A0A; }
#content #request_prop #req_prop_form #req_prop_ipt #req_prop_ipt_ctn { width: 260px; margin: 0px auto;}
.lbl_ctn { width: 155px; height: 21px; text-align: right; padding-top:4px; padding-right:5px; margin: 5px 0px; }
.s_code_lbl_ctn { width: 155px; height: 21px; text-align: right; padding-top:4px; padding-right:5px; margin-top:85px;}
.ipt_ctn_captcha { padding-left:10px; width: 110px; height: 25px; background:#fff; margin-top: 5px; border: 2px solid #212E3E; }
.ipt_ctn { width: 249px; height: 18px; padding: 0px 3px; padding-top:3px; margin-top:5px; background: #A1BFF1; border: 2px solid #212E3E; color:#333;}
.ipt_file_ctn { width: 249px; height: 22px; padding: 0px 3px; padding-top:3px; margin-top:5px; margin-left:1px; background: #A1BFF1; color:#333;}
.ipt_big_ctn { width: 245px; height: 88px; padding:5px; margin-top:5px; background: #A1BFF1; border: 2px solid #212E3E; color:#333; font-family: arial, sans-serif; font-size: 13px;}
.req_sbm_btn { width:60px; height:20px; float: right; margin-right: 3px; margin-top: 5px; margin-bottom: 5px; color:white; background: #0A0A0A; cursor:pointer; font-weight: bold;}
.message_submit { text-align: center; font-size:16px; font-weight:bold; color: white; margin-top: 160px;}

/* FORMENCODE ERROR PROPOSAL*/
#content #request_prop #req_prop_form #req_prop_ipt #req_prop_ipt_ctn .error { border: 2px solid red; background: #ffcccc; }

/* CAREER */
#content #career { width: 735px; margin-top: 20px; }
#content #career #career_info { width: 270px; margin-top:40px; padding-top:10px;  margin-left:20px; float:left;}
#content #career #career_form { width: 430px; margin-top:40px; float:left;}
#content #career #career_form #career_lbl { width: 160px; float:left; }
#content #career #career_form #career_ipt { width: 270px; float:left; background: #0A0A0A; }
#content #career #career_form #career_ipt #career_ipt_ctn { width: 260px; margin: 0px auto;}

/* FORMENCODE ERROR CAREER*/
#content #career #career_form #career_ipt #career_ipt_ctn .error { border: 2px solid red; background: #ffcccc; }

/* HOW WE WORK */
#content #how_we_work { width: 735px; margin-top: 20px; }
#content #how_we_work #list_ctn { width: 700px; height: 300px; }
#content #how_we_work #list_ctn ul { padding-left:45px; margin: 0px; font-size: 17px;}
#content #how_we_work #list_ctn li { list-style: url("/img/list_icon.jpg"); line-height: 21px; }
#content #how_we_work .steps { width: 690px; height: 27px; margin-bottom:10px; margin-left:22px;  text-align: right; font-size: 16px; font-weight: bold; border-bottom: 4px solid #8ab8ff;}

/* PORTFOLIO */
#content #portfolio { width: 735px; height: 400px; margin-top: 20px;}
#content #portfolio #category_ctn { width: 600px; height: 33px; background: #666666; margin-top: 60px; margin-left: 70px; }
#content #portfolio #category_ctn #category_menu{ width: 600px; height: 16px; padding:6px 0px; background: #333; }
#content #portfolio #category_ctn #category_menu ul { margin:0px; }
#content #portfolio #category_ctn #category_menu li { float:left; list-style: none; margin: 0px 5px; color: white; }

/* HOME */
#home {width: 700px; margin-left: 25px; margin-top: 70px;}
.navigator_ctn { width: 30px; height: 300px;  float:left;}
.navigator { width: 30px; height: 300px; margin-top: 10px; cursor: pointer; }
.gal_ctn { width: 710px; height: 145px; margin-top: 20px; margin-left: 25px; }
.gal { width: 640px; height:300px; float:left; overflow: hidden;}
.port_page {position:relative; width: 200px; height: 140px; margin: 2px 0px; margin-left: 10px; cursor: pointer;}

/* PAGES DESCRIPTION */
.back_page_cont { position:absolute; display:none; top:0px; left:0px; width: 100%; height: 100%; z-index: 1100; }
.back_page_info { position:absolute; display:none; top:0px; left:0px; width: 100%; height: 100%; background: #000; z-index: 1000; }
.page_info_cont { position:relative; margin:100px auto; display:block; width: 620px; }
.page_info { position:absolute; display:block; height:0px; top:0px; width: 620px; overflow: hidden; background: #202E42; color: #000; }
.page_info .pag_top { width: 615px; height: 28px; padding-right: 5px; padding-top:5px; }
.page_info .pag_top img { float: right; cursor: pointer; }
.page_info .pag_middle { width: 590px; min-height: 260px; padding:15px; color: #fff; font-size: 14px; }
.page_info .pag_bottom { width: 590px; height: 35px; padding: 0px 15px; padding-top: 5px ; background: #fff; font-size: 22px; font-weight: bold; }
.page_info .img_ctn { width: 200px; height: 110px; background: orange; float:left; }
.page_info .title_portpage { width: 260px; height: 70px; background: green; float: left; padding: 20px; text-align: center; font-size: 16px; font-weight: bold; }

/* FOOTER */
#footer { background: url("/img/footerbg.jpg") repeat-x #000; padding-left: 5px; height: 227px; float:left;	 }
#footer #topfooter { padding-top: 4px;  height: 19px;}
#footer #middlefooter { height: 176px; margin-top: 3px;}
#footer #middlefooter ul { padding-left: 18px; margin: 0; }
#footer #middlefooter ul .majortopic { list-style: url("/img/majorbullet.gif");  }
#footer #middlefooter ul .middletopic { list-style: url("/img/middlebullet.gif"); }
#footer #middlefooter ul .minortopic { list-style: url("/img/minorbullet.gif"); }
#footer .separator {float:left; margin: 0px 15px; margin-top: 25px;}
#footer .footer_info_ctn{margin:25px 7px; float:left;}
#footer #bottom_footer {width: 720px; height:20px; margin-top:5px; float:left;}
#footer #bottom_footer .left {float:left; color:#939aa0;}
#footer #bottom_footer .right {float:right; color:#939aa0;}