html,body {background-color: #000000;margin: 0px;padding: 0px;font-size: 14px;font-family: Arial, Verdana, Helvetica, sans-serif;}
img { border: none; }
#container {background-color: #000000;width: 790px;min-height: 790px;height: 596px;margin: 0px auto; color:#ffffff;}
#container #main{overflow:hidden;display:inline-block;}

/* Top */
#top {position: relative; width: 790px; height: 15px; background-color:#000000;}

/* Main */
#main {position: relative; width: 790px; height: 448px; background-image:url('../images/bg-top.jpg');background-repeat:no-repeat;}
#content {position:relative; visibility:hidden;}
.errheader {text-align:center; font-size: 24px; font-weight: bold; }

/* Footer */
#footer {position: absolute; width: 790px; height: 148px; top:463px; margin: 0px auto; background-image:url('../images/bg-btm.jpg');background-repeat:repeat-x;}
#footer #footer-content {width: 790px; height: 148px; background-image:url('../images/logo.png');background-repeat:no-repeat;}
#footer #footer-content #copyright {position: absolute; margin: 130px 35px; font-size: 9.5px;font-family: Arial, Verdana, Helvetica, sans-serif;color:#525252;}

/* Navigation using CSS Sprite */

#nav {position:relative; text-align:right; margin: 17px 50px; top: -148px;}
#nav li {position: relative;list-style-type:none;}
#nav li a {background-image:url('../images/sprite.png');background-repeat:no-repeat;padding:5px 60px;line-height:30px;text-decoration:none; border: none;}
#nav li a:hover {text-decoration:none; border: none;}
#nav li a.main {background-position:0px 0px;}
#nav li a:hover.main {background-position:-130px 0px;}
#nav li a.about {background-position:0px -25px;}
#nav li a:hover.about {background-position:-130px -25px;}
#nav li a.work {background-position:0px -50px;}
#nav li a:hover.work {background-position:-130px -50px;}
#nav li a.contact {background-position:0px -75px;}
#nav li a:hover.contact {background-position:-130px -75px;}


/* Modal Box Styling */


#MB_left { clear:both;float:left; width:115px; *padding-top:15px; padding-bottom: 30px;}
#MB_left img { *padding-bottom:3px; }
#MB_right { float:left; padding-left: 15px; *padding-top:15px; marging-left:100px; width:400px;}
#MB_main { padding-left: 25px; padding-right: 25px; *padding-top:15px;}


/* Styling Modal Contact Form */
#MB_right fieldset {padding: 1em;}
#MB_right legend { color: #bfe9f5; padding: 0.2em 0.5em; }

#MB_right .box{ width:300px; clear:right; }
#MB_right .text_input{ width: 150px; }
#MB_right .hint { display: block; float:right; margin-top:-8px; margin-bottom:7px; } 
#MB_right .hint .s{ padding: 0px 0px 14px 200px; background: url('../images/s.jpg') 160px top no-repeat; }
#MB_right .hint .sm{ padding: 0px 0px 14px 200px; background: url('../images/s.jpg') 180px top no-repeat; }
#MB_right .hint .s1 { background: url('../images/s1.jpg') top left no-repeat #ffffff; width: 35%; min-width: 220px; text-align:center; font-weight:bold; color:#000000; }
#MB_right .hint .s2{ background: url('../images/s2.jpg') top right no-repeat;}
#MB_right .hint .s3{ background: url('../images/s3.jpg') bottom left no-repeat;}
#MB_right .hint .s4{ background: url('../images/s4.jpg') bottom right no-repeat; padding: 10px; }
#MB_right .hint img { vertical-align:middle; }

#MB_right .error{ font-weight:bold; color:#ffb801; }

.center{ text-align:center;}
.white {color:#ffffff; font-weight:bold;}
a {text-decoration:none; color:#ffffff; font-size: 15px; font-family: Arial, Verdana, Helvetica, sans-serif;}
a:hover {text-decoration:none; color:#ffb801;}
img.floatleft { float: left; margin: 15px 10px 0px 0px; *margin-top:0px;}
img.floatright { float: right; margin: 15px 10px 0px 0px; }

/* Blog */
.blogentry {margin-left: 10px; margin-right:20px;}
.blogentry .title {text-weight:bold; color:#ffffff; font-size: 20px; font-family: Arial, Verdana, Helvetica, sans-serif; padding-bottom:5px;border-bottom: solid 1px #a9a9a9;}
.blogentry .data {margin-left:40px;margin-top:5px; color:#bfe9f5; font-size: 15px; font-family: Arial, Verdana, Helvetica, sans-serif;}
.blogentry .author {font-size: 15px; color:#ffffff; font-family: Arial, Verdana, Helvetica, sans-serif;}
.blogentry .post {margin-top:5px;}
.blogsep { padding-bottom:10px;border-bottom: solid 1px #a9a9a9;}