/* CSS Document */
body { margin:0; padding:0; background:url(./images/bg.gif) repeat-x #993333; font: normal 11px/14px verdana, san-serif, helvetica;}
a { color:#660000; text-decoration:none;}
a:hover { color:#660000; text-decoration:underline;}
#border_left { margin:0; background:url(./images/bg_left.gif) repeat-y;}
#main { background:url(./images/main_bg.gif) repeat; padding:37px 0 15px 0; min-height:577px;}
#border_right { margin:0; background:url(./images/bg_right.gif) repeat-y;}
#col_left { float:left; margin:0 0 0 15px; width:220px;}
#menu { background:url(./images/menu_bg.gif); width:220px; height:311px;}
#nav { padding:108px 0 0 0;}
#nav ul { margin: 0; padding: 0; list-style: none; width: 150px; /* Width of Menu Items */ border-bottom: 0px solid #ccc; }
#nav ul li { position: relative; text-align:right; line-height:22px;}
#nav li ul { position: absolute; left: 149px; /* Set 1px less than menu width */ top: 0; display: none;}
/* Styles for Menu Items */
#nav ul li a { display: block; text-decoration: none; color: #fff; font: bold 11px/22px verdana, san-serif, helvetica; }
#nav ul li a:hover { padding:0 10px 0 0; }
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */
#nav li:hover ul { display: block; } /*  The magic */
#services { background:url(./images/services_bg.gif); width:220px; margin:10px 0; font: normal 11px/20px verdana, san-serif, helvetica; text-align:left;}
#services p { margin:0; padding:10px;}
#col_right { margin:0 0 0 245px; width:510px;}
#main_image { background:url(./images/main_image.jpg) no-repeat; margin:0; padding:0; height:245px;}
#main_image_text { padding:0 0 0 0; background:url(./images/main_image.jpg) no-repeat left bottom;}
#main_left { float:left; margin:0 20px 0 0; padding:5px 8px; border-right:1px solid #999;}
#main_left h1 { margin:0; font: normal 26px/26px verdana, san-serif, helvetica; color:#990000; text-align:left;}
#main_right { padding:5px 8px; text-align:left;}
#content { text-align:left; padding:10px;}
#content_left { float:left; width:240px; margin-right:20px; border-right:1px solid #999; text-align:left;}
#content_right { text-align:left;}
#projects { background:url(./images/project_bg.gif) no-repeat; padding:10px; text-align:left;}
#projects h1 { margin:0; font: bold 18px/24px verdana, san-serif, helvetica; color:#990000;}
#footer { background:url(./images/footer_bg.gif) repeat-x; margin:0 15px; height:40px; font: normal 10px/10px verdana, san-serif, helvetica; color:#ffffff;}
#footer a { color:#ffffff; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
#footer_left { float:left; text-align:left; margin:0; padding:15px 0 0 15px; width:300px}
#footer_right { text-align:right; margin:0; padding:15px 15px 0 0;}