@import "shadows.css";

html, body { background:#000000 url(../images/bg.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}

/* Wrapper Styles */
#wrapper { width:800px; height:449px; margin:0 auto; position:absolute; z-index:2; top:2px; left:2px; padding:2px; background:#FFFFFF;}

/* Verticaly Center Frame */
#horizon { position:absolute; top:20px; left:20px; } 

/* following rules are invisible to IE 5 \*/
#horizon { top:35%; left:0; width:100%; margin-top:-100px; text-align:center; min-width:800px; }
/* end IE 5 hack */

/* columns */
#left { width:160px; background:#000000; height:100%; text-align:left; float:left; border-right: #FFFFFF solid 2px;}
#big{ height:100%; width:638px; background:#cccccc; float:left;}
#center{ height:100%; background:#cccccc; margin-left:162px; margin-right:353px;}
#right {width:353px; float:right;}

/* menu */
#menu ul { list-style:none; color:#ffffff; margin-left:0; font-weight:bold; padding-left:0px; padding-right:0px;}
#menu ul a { display:block; padding-left:15px; color:#FFFFFF; text-decoration:none; padding-top:0px; height:18px; font-size:14px; border-bottom: 1px solid #000000; border-top: 1px solid #000000; }
#menu ul ul a{ padding-left:25px; height:15px; font-size:12px; display:block;}
#menu ul a:hover, #menu ul a.active{ background:url(../images/menubg.jpg);}
#menu ul ul a:hover, #menu ul ul a.active{ background:url(../images/subbg.jpg);}

/* text styles */
h1 { font-family:Arial, Helvetica, sans-serif; color:#0066a4; font-weight:bold; margin-top:0; padding-left:20px; font-size:16px; padding-top:20px;}
p { padding-left:20px; padding-right:20px;} 
#topmenu { background:#666666;}
#topmenu a { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#ffffff; text-decoration:none; padding-right:10px; padding-left:10px;}
#topmenu a:hover, #topmenu a.active { background:#009e57;}
a {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#0066a4; text-decoration:none;}
a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#009e57; text-decoration:none;}
#center ul li { padding-right:20px;}
p.mission {font-size:14px;}
h1.mission {font-size:18px;}


/* portfolio image styles */
#port img {margin:5px; padding:0; border:solid 1px #333333;}
#port img.first {margin-left:10px;}

/* text formating divs*/
#quality {width:450px; float:left;}
#mission {width:450px; text-align:left; padding-top:30px;}