/* CSS Document */


body { background:#FACCD9; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
#outside_area { background:url(../images/main/paper.gif) no-repeat; width:800px; height:600px; margin:0px auto 0px auto;}
*html #outside_area { height:600px; position:fixed;}
#header { background::#006633; height:150px;}
#header img { margin:20px 0px 0px 25px; float:left; border:none;}
#header h1 { margin:25px 25px 0px 0px; float:right; font-size:12px; color:#000000; font-weight:normal;}

#header h2 { display:none;}

a { color:#000000; font-weight:normal;}
a:hover { color:#EC008C;}


#menu { margin:-100px 25px 0px 0px; width:395px; height:105px; float:right; }  /* width will need to be 475 to include Blog*/
*html #menu { margin:-100px 0px 0px 0px;}

#menu ul {padding:0;margin:0;list-style-type:none;}
#menu li {float:left; padding-left:1px;  }
#menu a, #menu a:visited {display:block; float:left; font-size:10px; color:#FFFFFF; font-weight:normal; text-decoration:none; width:68px; height:100px; padding-left:10px; background-repeat:no-repeat; }
#menu h1 { margin:65px 0px 0px 6px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:normal;}
* html #menu h1 { margin:65px 0px 0px 6px;}
#menu a.about { background:url(../images/menu/about.jpg);}
#menu a.portfolio { background:url(../images/menu/portfolio.jpg);}
#menu a.selfpromotion { background:url(../images/menu/selfpromotion.jpg);}
#menu a.blog { background:url(../images/menu/blog.jpg);}
#menu a.crystalbluesolutions { background:url(../images/menu/crystalbluesolutions.jpg);}
#menu a.contact { background:url(../images/menu/contact.jpg);}
#menu a:hover { background-position:0px -97px}
#menu a:hover h1 { margin:58px 0px 0px 0px;}

#date { margin:5px 25px 0px 0px; }
#date h1 { text-align:right;  font-size:12px; color:#000000; font-weight:normal;}
*html #date h1 { text-align:right; margin:20px 20px 0px 0px;}

#main_area {  height:360px; margin:-10px 0px 0px 0px; }
#title img { margin:0px 0px 0px 35px; border:none;}


#main_area h1 { float:right; margin:-55px 25px 0px 0px; font-size:12px; color:#000000; font-weight:normal;}
*html #main_area h1 { float:right; margin:-55px 23px 0px 0px;}
#main_area h2 { float:left; margin:15px 100px 0px 125px; font-size:14px; color:#000000; font-weight:normal; line-height:20px; width:600px; height:300px;}
*html #main_area h2 {margin:10px 25px 0px 62px; width:600px;}
#main_area h4 { display:none;}

#main_area ul { margin:10px 100px 0px 85px;font-size:12px;  list-style-type:none;}
*html #main_area ul { margin:0px 0px 0px 125px; width:600px;}
#main_area li { float:left; padding-right:20px;}

#main_area h3 { float:left; margin:20px 0px 0px 50px; font-size:12px; color:#000000; font-weight:normal; line-height:20px; width:700px; height:315px; overflow:auto;}

#gallery { margin:20px 0px 0px 50px; overflow:auto; width:730px; height:315px;}
#gallery img { padding:5px; margin:5px; }
#gallery h1 { color:#333333;}





#links { font-size:12px; font-weight:normal;}
#links td { padding-right:30px;}




#footer { margin:0px 0px 0px 25px; font-size:10px; color:#000000; font-weight:normal;}
#footer ul { list-style-type:none; padding:0; margin:30px 0px 0px 0px;}
#footer li {float:left; padding-right:20px;}