body, html {background-image:url(../img/bg2.jpg); background-repeat: no-repeat; background-color: #0c121c; margin:0px; height: 100%; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size:10pt; overflow:hidden;}
img {border: 0;}
a, a:hover, a:visited {outline:none; text-decoration:none; color: #3463A9;}

/* GENERAL */
#container {position: absolute; top: 50%; left: 0px; margin: -268px 0px 0px 0px; width: 100%; height: 500px;}
#logo_container {position: absolute; top: 0px; left: 0px; width: 450px; height: 500px; visibility:hidden; z-index: 0;}
.spacer10 {font-size: 10pt;}
.spacer12 {font-size: 12pt;}
.spacer18 {font-size: 18pt; line-height: 18pt;}
.red {color: #EC7807;}
.hidden {display: none;}

/* MENU */
#menu_container {position: absolute; top: 0px; left: 320px; width: 100%; height: 50px;}
#menu_left {background-image:url(../img/menu_bg.png); background-repeat:repeat-x; position: absolute; top: 0px; left: 0px; width: 30px; height: 50px;}
#menu_main {background-image:url(../img/menu_bg.png); background-repeat:repeat-x; position: absolute; top: 0px; left: 30px; width: 100%; height: 50px;}
#menu_main img {cursor: pointer;}

/* MAIN */
/*
#runoff_container {background-image:url(../img/bg.png); background-repeat: no-repeat; position: absolute; top: 60px; left: 320px; width: 100%; height: 415px; z-index: 0;}
*/
#runoff_container {position: absolute; top: 60px; left: 320px; width: 100%; height: 415px; z-index: 0;}
.box  {filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity: 0.65;}
.box2  {filter:alpha(opacity=80); -moz-opacity:0.80; -khtml-opacity: 0.80; opacity: 0.80;}
.text {text-align:justify; font-family: Tahoma, Helvetica, Arial, sans-serif; font-size:10pt; line-height: 12pt; color:#333333;}
.bold_text {color: #38414E;	font-weight: bold; border-bottom: 1px #38414E dotted;}
.bold_text2 {color: #3463A9;	font-weight: bold; border-bottom: 1px #3463A9 dotted;}
.header {margin: 0 0 12px 0; border-bottom: 4px #38414E solid; text-align: right; color:#38414E; font-variant:small-caps; font-size: 16pt; line-height: 18pt;}
.header2 {color: #3463A9; font-size: 10pt; margin: 3px 0px 3px 0px; font-weight:bold; line-height: 10pt;}
.point {font-size: 8pt; line-height: 14px; color: #000000; margin: 0px 18px 0px 18px;}
.flink {cursor:pointer; font-size: 9pt; color: #3463A9; font-weight: bold;}

#home {position: absolute; top: 60px; left: 320px; width: 660px; height: 375px; margin: 20px; visibility:hidden; z-index: 1;}
#bg1 {background-image:url(../img/box_bg.gif); background-repeat:repeat-x; position: absolute; top: 60px; left: 320px; width: 700px; height: 415px; visibility:hidden; z-index: 1;}
#home .header {width: 660px;}

#approach {position: absolute; top: 60px; left: 320px; width: 660px; height: 375px; margin: 20px; visibility:hidden; z-index: 1;}
#approach .header {width: 660px;}

#projects {position: absolute; top: 60px; left: 320px; width: 660px; height: 375px; margin: 20px; visibility:hidden; z-index: 1;}
/*
#projects img {margin-top: 5px; border: solid 3px #666666; width: 72px; height: 54px; margin-left: 14px;}
*/
#bg5 {background-image:url(../img/box_bg3.gif); background-repeat:repeat-x; position: absolute; top: 60px; left: 320px; width: 700px; height: 415px; visibility:hidden; z-index: 1;}
#projects .header {width: 660px;}
#projects .iheader {color: #cccccc; font-size: 9pt; font-weight: bold; line-height: 8pt;}
#projects .itext {color: #000000; font-size: 9pt;}

#services {position: absolute; top: 60px; left: 320px; width: 660px; height: 375px; margin: 20px; visibility:hidden; z-index: 1;}

#services_details {position: absolute; top: 60px; left: 720px; width: 260px; height: 375px; margin: 20px; visibility:hidden; z-index: 1;}
#bg2 {background-image:url(../img/box_bg2.gif); background-repeat:repeat-x; position: absolute; top: 60px; left: 720px; width: 300px; height: 415px; visibility:hidden; z-index: 1;}
.bph {color: #3463A9; border-bottom: 2px #38414E dashed; font-size: 11pt; font-variant:small-caps; line-height: 18px;}
.bph2 {color: #3463A9; font-size: 8pt; font-weight: bold; line-height: 18px;}

#terms {position: absolute; top: 60px; left: 320px; width: 660px; height: 375px; margin: 20px; visibility:hidden; overflow:hidden; font-size:8pt; z-index: 1;}

#contact_info {position: absolute; top: 60px; left: 700px; width: 290px; height: 375px; margin: 20px 15px 20px 15px; visibility:hidden; z-index: 1; font-size:9pt;}
#bg3 {background-image:url(../img/box_bg2.gif); background-repeat:repeat-x; position: absolute; top: 60px; left: 700px; width: 320px; height: 415px; visibility:hidden; z-index: 1;}
#contact_info .header {width: 290px;}
#contact_info table {font-weight: bold;} 

#contact_form {position: absolute; top: 60px; left: 320px; width: 330px; height: 375px; margin: 20px 15px 20px 15px; visibility:hidden; z-index: 1; font-size:9pt;}
#bg4 {background-image:url(../img/box_bg.gif); background-repeat:repeat-x; position: absolute; top: 60px; left: 320px; width: 360px; height: 415px; visibility:hidden; z-index: 1;}
#contact_form .header {width: 330px;}
#contact_form table {width: 330px;}
.contact_form_required {color: #EC7807; font-size:9pt-small;}
#contact_button {width: 120px; font-size: 8pt;}
.contact_input {padding: 2px; font-size: 8pt; margin-bottom: 8px; border: 1px solid #cccccc; width:97%;}
.contact_textarea {padding-left: 3px; padding-right: 3px; font-size: 8pt; border: 1px solid #cccccc; width:97%;}
.warning {color: #EC7807; font-size: 10pt;}
.black {color: #000000; font-size: 10pt;}

/* FOOTER */
#footer_container {position: absolute; bottom: -2px; left: 320px; width: 100%; height: 15px; border-top: 2px solid #cccccc;}
#footer_text {position: absolute; bottom: -2px; left: 850px; height: 15px; font-size: 7.5pt; margin-right: 10px; color: #cccccc;}
#footer_text a, a:visited {text-decoration: none; color: #cccccc;}
#footer_text a:hover {color: #3463A9;}