html {height: 100%}
body {margin:0; padding:0 0 50px 0; background:#ffffff url() repeat-x top left; font:normal 100% Arial,Helvetica,sans-serif}

.container {width:850px; position:absolute; left:50%; top:10px; margin-left:-400px; border:0px #000000 dashed}
.header {width:850px; height:530px; text-align:center; background: url(./../images/assets/sky.jpg) no-repeat center top}
.bubble {position:absolute; top:170px; left:15px; z-index:1; margin:0; padding:0}
.bubble-top {width:800px; height:28px; margin:0px; padding:0}
.bubble-sel {width:400px; height:28px; background: url(./../images/bubble-top.png) no-repeat center bottom; margin:0; padding:0; float:left}
.bubble-tl {width:60px; height:28px; background: url(./../images/bubble-top.png) no-repeat left bottom; margin:0px; padding:0; float:left}
.bubble-tr {width:340px; height:28px; background: url(./../images/bubble-top.png) no-repeat right bottom; margin:0px; padding:0; float:left}
.bubble-mid {width:800px; min-height:180px; background: url(./../images/bubble-mid.png) repeat-y center top; margin:0; padding:0}
.bubble-btm {width:800px; height:89px; background: url(./../images/bubble-btm.png) no-repeat center bottom; margin:0px; padding:0}

#nav-menu ul {list-style:none; padding:0; margin:0; position:absolute; top:135px; left:50px}
#nav-menu li {margin:5px 8px 0 2px; float: left}
#nav-menu li a {background: url(./../images/box.png) no-repeat left top; color:#EFC2C2;; padding:11px 0 0 26px}
#nav-menu li a:hover {background: url(./../images/check.png) no-repeat left top; color:#8FFF9E; padding:12px 0 0 26px}
#nav-menu li img {height:25px; border:0}

a {text-decoration:none}
a:focus {outline:none;}

.clear {clear:both}
.img {filter:FlipV; filter:FlipH;}



/* general site wide */
.content {padding:15px 50px 0px 60px}
.content a {color:#aaa}
.content a:hover, a:focus {color:#ff5e8f}	
h1, h2, h3, h4 {text-transform:none; font-family:Arial}
h1 {color:#261168; font-size:1.8em; margin:0 0 30px} /* main title */
h2 {color:#261168; font-size:1em}
h3 {color:#0cc7dd; font-size:1em} /* slider title */
h4 {color:#AF0000; font-size:1.5em} /* error title */

.footer {width:800px; position:absolute; bottom:35px; text-align:center; font:verdana; color:#aaa; font-size:10px}
.footer a {color:#aaa}
.footer a:hover {text-decoration:none; color:#ff5e8f}


/* gallery page */
.gallery {padding:0 21px 10px 26px; margin-top:-20px}
.imagebox {position:relative; display:block; overflow:hidden; height:100px; width:100px; border:5px #210C65 solid; float:left; margin:5px}
.hoverbox {position:relative; display:block; overflow:hidden; height:100px; width:100px; border:5px #86170D solid; float:left; margin:5px}
.imagebox img {height:100px; width:100px; margin:0}
.hoverbox img {filter:alpha(opacity=50); opacity:0.5; height:100px; width:100px; margin:0}
.hoverbox p {position:absolute; top:-15px; right:4px; z-index:10; color:#86170D; font-family:Verdana; text-align:right}


/* main page and image boxes */
.maininfo {float:right; border-top: 4px #373434 solid; width:400px; min-height:140px; text-align:right; font-family:"century gothic"; color:#000}
.subinfo  {float:right; border-top: 4px #373434 solid; width:400px; text-align:right; font-family:"century gothic"; color:#000}
.contact {float:left; border-top: 4px #373434 solid; width:250px; text-align:center; font-family:"century gothic"; color:#000}
.title {float:right; color:#373434; font-size:1em; font-weight:bold; width:400px; padding:0 2px 1px; margin:0; text-align:right}
.break {float:right; width:400px; height:20px}
.images {float:right; width:400px; position:relative; left:-10px}

.frontbox {float:left; position:relative; left:10px; display:block; overflow:hidden; height:60px; width:60px; border:5px #3c3c3c solid; margin:5px;}
.frontovr {float:left; position:relative; left:10px; display:block; overflow:hidden; height:60px; width:60px; border:5px #ffa500 solid; margin:5px; background:#000; cursor:pointer;}
.frontbox img {margin:0}
.frontovr img {filter:alpha(opacity=50); opacity:0.5;}
.frontovr p {position:absolute; top:-15px; right:4px; z-index:10; color:#ffa500; font-family:Verdana; text-align:right; font-size:10px;}


/* products & services previews */
h6 {color:#261168; font-size:1.8em; margin:0 0 15px}
.previews {padding:0 10px 0px 38px}
.item {width:220px;	height:180px; border:4px solid #000; margin:12px 12px 5px 5px; overflow:hidden; position:relative; float:left}
.item .caption {width:220px; height:120px; bottom:0; color:#fff; background:#000; font-weight:700; position:absolute; left:0; display:none; filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7}
.item .caption a {text-decoration:none; color:#0cc7dd; font-size:17px; letter-spacing:-1px; font-family:Arial, Helvetica, sans-serif; padding:5px; display:block;}
.item .caption p {padding:5px; margin:0; color:#fff; line-height:15px; font-size:12px}
.item img {border:0; position:absolute;	width:220px; height:180px}
.text {border-top: 4px #373434 solid; font-size:.85em; width:228px; margin:12px 12px 30px 5px; position:relative; float:left}
 

/* contact form */
.contactmap {float:left; margin-left:10px; border-top: 4px #373434 solid}
.contactinfo {float:right; margin-right:20px; width:320px; font-family:"century gothic"; color:#000}
.info {border-top: 4px #373434 solid; padding-top:15px; font-size:.85em}
.address {padding:20px 0 0; font-size:.9em}
.address a {color:#373434}
.address a:hover {color:orange}
.snail {padding:0 0 30px; font-size:1.1em; font-weight:bold}
.phone {padding:0 0 30px; font-size:1em}
.email {padding:0 0 30px; font-size:1.1em}
.form {border-top: 4px #373434 solid; padding-top:15px; font-size:.8em}
.form .button {border: 1px solid #373434; background: #373434; color:#fff; width:320px}
.form .button:hover {border: 1px solid #373434; background: orange; color:#000}
.fname {background: url('./../images/name.jpg') no-repeat bottom left; margin:0; padding: 8px 0 4px 50px; border:0; border-bottom: 1px solid #373434; width:270px}
.fphone {background: url('./../images/phone.jpg') no-repeat bottom left; margin:0; padding: 8px 0 4px 55px; border:0; border-bottom: 1px solid #373434; width:265px}
.femail {background: url('./../images/email.jpg') no-repeat bottom left; margin:0; padding: 8px 0 4px 50px; border:0; border-bottom: 1px solid #373434; width:270px}
.fsnail {background: url('./../images/snail.jpg') no-repeat bottom left; margin:0; padding: 8px 0 4px 45px; border:0; border-bottom: 1px solid #373434; width:275px}
.fcomment {background: url('./../images/comment.jpg') no-repeat top left; margin:0; padding: 25px 0 0 0px; border:0; width:320px; height:90px}