body { height: 100%; font-family: Verdana, Arial, sans-serif; font-size: 0.7em; margin:0; padding:0; font-family: 'Century Gothic', Helvetica, Arial; font-size: 11pt; }
a:hover { text-decoration: none; }
h1 { margin: 0; padding:10px; }
br { clear:both; }
img { border: 0; }
a:hover { text-decoration: none; }
.l { float:left; } .r { float:right; }

#container { margin: 0px auto; position: relative; top: 70px;}
#header {  display:block; float:left; width: 100%; clear:both;  position: fixed; z-index:1;}
.c { margin: 0px auto; width: 780px; display:block;  }
.logo, #menu { display:block; margin: 0 auto; text-align:center; padding:0; }
.logo { float:left; }
.call { float:right;  }
#menu { float:right; width: 500px; height: 34px;}
#menu ul { padding: 2px; }
#menu li { list-style: none; display:inline; }
#menu li a b { visibility: hidden; }
#menu li a { float:left; height: 32px; width: 87px; }

#mainbox { float:left; width: 500px; }
#sidebox { float:right; width: 250px; text-align:left; font-size: 10pt;} 
#form p { font-size: 9pt;}

#msg, #error { display:block; padding: 10px 0; width: 780px; margin: 10px auto; text-align:center; background: #eee; border:1px solid #E8175D;}
#error { background: #fee; }
#menu li a.home { background: url(/images/home.png) no-repeat; }
#menu li a.services { background:url(/images/services.png) no-repeat; width: 84px; }
#menu li a.portfolio { background:url(/images/portfolio.png) no-repeat; width:89px; }
#menu li a.contact { background:url(/images/contact.png) no-repeat; width: 73px; }

#menu li a.home-over { background: url(/images/home-over.png) no-repeat; }
#menu li a.services-over { background:url(/images/services-over.png) no-repeat; }
#menu li a.portfolio-over { background:url(/images/portfolio-over.png) no-repeat;  }
#menu li a.contact-over { background:url(/images/contact-over.png) no-repeat; }

#menu li a.home-blur { background: url(/images/home-blur.png) no-repeat; }
#menu li a.services-blur { background:url(/images/services-blur.png) no-repeat; }
#menu li a.portfolio-blur { background:url(/images/portfolio-blur.png) no-repeat;  }
#menu li a.contact-blur { background:url(/images/contact-blur.png) no-repeat; }

/* widths */
#menu li a.home, #menu li a.home-over, #menu li a.home-blur { width: 83px; background-repeat: no-repeat;}
#menu li a.services, #menu li a.services-over, #menu li a.services-blur { width: 150px; background-repeat: no-repeat; }
#menu li a.portfolio, #menu li a.portfolio-over, #menu li a.portfolio-blur { width: 137px; background-repeat: no-repeat; }
#menu li a.contact, #menu li a.contact-over, #menu li a.contact-blur { width: 124px; background-repeat: no-repeat; }

#menu li a { background-position: center ; }

#footerwrap { display: block; margin: 0 auto; text-align:center; width: 780px;}
#footer { display:block; margin: 0 auto; width: 780px; float:left; clear:both; text-align:left; background: #fff;}
#footer p { color: #888; font-size: 8pt; padding: 0px 10px;}

#main { display:block; clear:both; margin: 0 auto; text-align:center; background: #474747; } 
#main img { position: relative; top: 0px;}

#client-login-panel {  background: #fff; width: 300px; padding: 10px;}
#client-login-panel label { text-align:right;}
#client-login-panel label, #client-login-panel input { font-size: 14pt; }
#client-login-panel input { width: 140px; float:right; }
#client-login-panel b { float:left; text-align:right; width: 80px; padding-right: 10px; }
#client-login-panel input.btn { background: #43A0DC; color: #fff; border:0; }

#form { display: block; margin: 0 auto; width: 600px; text-align:center; }
#form span { display:block; clear:both; width: 100%; text-align:left; padding: 15px 0;}
#form span b { float:left; width: 200px; text-align:right; font-weight:normal; padding-right: 15px; font-size: 13pt}
#form span strong b { font-weight:bold; }
#form span input.txt, #form span textarea, #form .boxes, #form span select { float:left; font-size: 13pt; width: 300px;}
#form span textarea { height: 170px; }
#form span strong, #form span input { float:left; }

#boxwrap { margin: 2px auto; text-align:center; display:block; width: 780px; clear:both; position: relative; top: 0px;}
#box { float:left; width: 780px; min-height: 200px; background: #fff url(/images/divider.jpg) no-repeat top center;}
#box .box { float:left; width: 210px; padding: 0 0px;}
#box .box p, #box .box ul li { font-size: 11pt; text-align:left; }
#box #boxcontents { padding: 0px 70px; }
#box .box#welcome { width: 350px; border-right: 1px solid #ccc; margin:0 25px; }
#box .box#welcome img { text-align:center; display:block; margin: 0 auto}
#box h2 { font-weight:normal; text-align:left; padding:5px 0; margin:0; font-size: 20pt; }
.box ul { margin:0; padding:10px 0px; }
.box ul li { list-style:none; font-size: 9pt; padding: 5px; }
.box ul li b { float:left; width: 20px; color: #555; padding-right: 5px; }
.viewproject-bg { display:block; background: url(/images/view-project-over.png) no-repeat center center;}
.viewproject {  margin: 0 auto; text-align:center; display:block; }
#thumbs { margin: 0; padding:0; text-align:left; display:block; }
#thumbs ul, #thumbs ul li { margin:0; padding:0; }
#thumbs li { display: inline; list-style:none;  }
#thumbs img { border:2px solid #E8175D; }


#page { margin: 0 auto; margin: 0 auto; width: 780px;}
/* background 

#background-image, #fx{ margin: 0px; padding: 0px;width: 100%; height: 100%; top: 0px; left: 0px; z-index: 1; position: absolute; overflow: hidden; }
#fx { position: absolute; z-index:-1; }
.bg-image, .show { margin: 0px; padding: 0px; width: 100%; height: 100%; }
*/