/* 	CSS RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,hr { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
body { line-height:1; }
a { text-decoration:none; color: #578; }
a:hover { text-decoration: underline; color: #356; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
:focus { outline:0; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
.clearfix { display:block; }
.clear { clear:both; }
.center { margin-left:auto; margin-right:auto; width:930px; }
* { font-family:arial,"helvetica neue", helvetica, sans-serif; font-size:12px;  }

/* basics */
* { margin:0; padding:0; }
body { font:14px/1.5 Georgia, serif; background:#eee; }
h1 { color:white; padding:10px; }
h2 { color:#990000; font-size:18px; display: inline; border-bottom:1px #eee solid; margin-bottom:10px; font-weight:normal; }
h1.hp {border-bottom: 1px #ccc solid; padding: 10px 5px;}
#page-wrap { width:900px; margin:0 auto; position:relative; }
#header { width:900px; background:#fff; margin:15px auto 10px; clear:both; }
#header img { float:left; }
#footer { width:900px; background:#fff; margin:30px auto 15px; clear:both; border-top:1px solid #889; }
#footer p { padding:10px; color:#333; text-align:right; }
#footer a { color:white; border-bottom:1px dotted white; text-decoration:none; }
#footer a:hover { border-bottom-style:solid; }
#white { background: white;width: 920px; margin: 0 auto;}
/* nav */
#nav { position:relative; background-color:white; padding:15px; margin:10px 0; overflow:hidden; padding-top:60px; padding-right:5px; float:right; }
#nav li { float:left; list-style:none; }
#nav li.back { background-color:#eee; width:9px; height:30px; z-index:8; position:absolute; }
#nav li a { font:normal 14px arial; text-decoration:none; color:#000; outline:none; text-align:center; top:7px; text-transform:uppercase; letter-spacing:0; z-index:10; display:block; float:left; height:30px; position:relative; overflow:hidden; margin:auto 10px; }
#nav li a:hover,#nav li a:active,#nav li a:visited { border:none; }

/* image slider */
#slideshow { position:relative; height:300px; }
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; opacity:0.0; }
#slideshow IMG.active { z-index:10; opacity:1.0; }
#slideshow IMG.last-active { z-index:9; }

/* front box */
#frontBoxes { margin-left:auto; margin-right:auto; margin-top:0; }
.frontBox { width:280px; height:520px; margin-right:10px; float:left; padding:7px; background:#fff; }
.frontBox h2 { color:#990000; font-size:18px; display:block; border-bottom:1px #eee solid; margin-bottom:15px; font-weight:normal; }
.frontBox img { padding:5px; border:1px solid #999; width:270px; background:white; margin-bottom:15px; }

/* project box */
.projectBox { width:280px; height:420px; margin-right:10px; float:left; padding:7px; background:#fff; border-bottom: 1px solid #bbb; }
.projectBoxwide { width:400px; height:470px; }
.projectBox a { color:#955; }
.projectBox a:hover { color:#788; }
.projectBox h2 { color:#990000; font-size:18px; display:block; border-bottom:1px #eee solid; margin-bottom:10px; font-weight:normal; }
.projectBox img { padding:5px; border:1px solid #ddd; width:270px; background:white; margin-bottom:15px; }
.projectBoxwide img { width:390px; }
.lavaLamp { position:relative; height:29px; background:url(../image/bg.gif) no-repeat top; padding:15px; margin:10px 0; overflow:hidden; }

/* Services */
#services {margin: 7px;}
ul.services { width: 420px; float: left; padding: 10px; }
ul.services li { background: #eee; padding: 5px 3px; margin: 2px; }
img.services { padding:5px; border:1px solid #999; width:270px; background:white;  margin-bottom:15px; float: left; margin-right: 10px; }


/* Maintainance */
p.title {display: block; background: #eee; font-size: 18px; padding: 5px; text-transform: uppercase; font-weight: bold; width:823px;}
p.title a {text-transform: none;}
.care { background: #eee;  display: block; padding: 5px; }

/* Force the list to flow horizontally */
.lavaLamp li { float:left; list-style:none; }

/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back { background:url(../image/lava.gif) no-repeat right -30px; width:9px; height:30px; z-index:8; position:absolute; }
.lavaLamp li.back .left { background:url(../image/lava.gif) no-repeat top left; height:30px; margin-right:9px; }

/* Styles for each menu-item. */
.lavaLamp li a { position:relative; overflow:hidden; text-decoration:none; text-transform:uppercase; font:bold 14px arial; color:#fff; outline:none; text-align:center; height:30px; top:7px; z-index:10; letter-spacing:0; float:left; display:block; margin:auto 10px; }