form { margin:0px; padding:0px; }
.warning, .bad { color:#c00; text-align:center; font-weight:bold; }
.ok, .good { color:#0c0; text-align:center; }

body { margin:0px; padding:0px; font:12px arial; color:#333; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; }

/* loader */
div#canvas_loader { position:absolute; z-index:11; top:0px; left:0px; width:100%; height:800px; background-color:#fff; text-align:center; opacity:1; -moz-opacity:1; filter:alpha(opacity=100); }

/* canvas and window frame */
div#window_frame { margin:0px auto; width:900px; height:570px; overflow:hidden; overflow-x:hidden; overflow-y:hidden; }
div#canvas { width:2075px; height:2850px; }

/* navigation */
div#navigation { position:absolute; z-index:9; width:900px; top:600px; left:50%; margin-left:-450px; text-align:center;  }
div#navigation a { color:#666; text-decoration:none; }
div#navigation a:hover, div#navigation a:active { color:#000; text-decoration:underline; }

/* footer */
div#footer { position:absolute; z-index:7; width:900px; top:650px; left:50%; margin-left:-450px; text-align:center; font-size:9px; color:#999; }

/* the acutal content which the pages go into */
div#div_actual_content { position:absolute; height:460px; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); }
div#div_actual_content div#content { text-align:left; margin:0px auto; width:900px; height:520px; }

/* individual pages styles */

/* portfolio */
div#portfolio { width:100%; text-align:center; }
div#portfolio div.bg { width:475px; height:530px; margin:25px auto 0px; background-image:url(../images/portfolio_bg.png); }
div#portfolio div.bg div.preview { width:100%; height:460px; margin:10px auto 0px; text-align:center; }
div#portfolio div.bg div.preview h3 { margin:0px; padding:10px 0px 0px; color:#fff; }
div#portfolio div.bg div.preview p { margin:0px; padding:0px; color:#ddd; }
div#portfolio div.bg div.preview p.short_desc { margin-left:95px; color:#272B64; font-size:11px; }
div#portfolio div.bg div.preview p.more_info { float:right; color:#fff; margin-right:35px; font-size:9px; cursor:pointer; }
div#portfolio div.bg div.preview div.more_info { position:absolute; width:360px; height:350px; color:#2C5684; background-color:#fff; margin-top:10px; text-align:left; padding:20px; font-size:11px; opacity:0; -moz-opacity:0; filter:alpha(opacity=0); }
div#portfolio div.bg div.preview div.more_info ul { margin:12px 0px 0px 12px; padding:0px; }
div#portfolio div.bg div.preview div.more_info ul li { float:left; width:50%; list-style-type:none; margin:2px 0px; }
div#portfolio div.bg div.preview img { margin-top:10px; }
div#portfolio div.bg div.thumbnail_wrapper { width:400px; margin:-2px auto 0px; }
div#portfolio div.bg div.arrow_left { width:20px; height:55px; background-image:url(../images/arrow_left.png); background-repeat:no-repeat; background-position:center left; cursor:pointer; float:left; _margin-top:16px; }
div#portfolio div.bg div.arrow_right { width:20px; height:55px; background-image:url(../images/arrow_right.png); background-repeat:no-repeat; background-position:center right; cursor:pointer; float:left; _margin-top:16px; }
div#portfolio div.bg div.thumbnail_outter { width:360px; overflow:hidden; float:left;  }
div#portfolio div.bg div.thumbnail_inner { width:9999px; height:55px; }
div#portfolio div.bg div.thumbnail_inner img { float:left; margin-right:34px; cursor:pointer; }
div#portfolio div.close_div { position:absolute; bottom:0; right:0; padding:0px 10px 10px 0px; cursor:pointer; }

/*home*/
div#home { width:400px; height:315px; margin-left:245px; margin-top:115px; }
div#home h1 { font-size:24px; color:#2C5684; margin-bottom:-10px; }
div#home h2 { font-size:14px; color:#2C5684; }
div#home li { list-style:none; line-height:1.5em; }
.dk_blue { color:#2C5684; }
.lt_blue { color:#27647A; }

/*about*/
div#about_text { margin:130px 0px 0px 45px; height:200px; width:325px; }
div#about_text h1 { font-size:20px; color:#CD8429; font-weight:bold; }
.about_text { font-size:14px; color:#9A292E; }
div#about_what { display:block; }
div#about_who { display:none; }
div#about_when { display:none; }
div#about_where { display:none; }
div#about_why { display:none; }
div#about_favorites { display:none; }
div#about_nav { margin-top:200px; padding:0px; height:30px; color:#ffffff; font-size:14px; }
div#about_nav li { float:left; list-style:none; margin-right:40px; }
div#about_nav li a { color:#ffffff; text-decoration:none; }
div#about_nav li a:hover, div#about_nav li a:active { color:#D5D10E; }

/*contact*/
div#contact { margin:130px 0px 0px 45px; width:620px; height:340px; color:#ffffff;  }
div#contact h1 { font-size:16px; color:#ffffff; margin:4px 0px; padding:0px; }
div#contact p { margin:6px 0px; padding:0px; }
div#contact table td { margin:0px; padding:2px 0px; }
div#contact input.input, div#contact textarea.input { background-color:#A1B7CC; font:12px arial; }

/*services*/
div#services { margin:130px 0px 0px 45px; height:250px; width:530px; color:#566423; }
div#services h1 { font-size:20px; color:#5C8727; font-weight:bold; }
div#services_nav { margin:140px 0px 0px 45px; padding:0px; height:35px; width:530px; color:#ffffff; font-size:14px; }
div#services_nav ul { margin:0px; padding:0px; }
div#services_nav li { float:left; list-style:none; margin-right:40px; }
div#services_nav li a { color:#ffffff; text-decoration:none; }
div#services_nav li a:hover, div#services_nav li a:active { color:#D5D10E; }
div#services_web_development { display:block; }
div#services_graphic_design { display:none; }