body {margin: 0; padding: 0; background-color: #ffffff; font-family: verdana, myriad, arial, helvetica, sans-serif;}

a {color: #808080;}

#container {width: 775px; margin: 0 auto; background: transparent url(../img/bg.gif) repeat-y center}

.imgleft {float: left; margin-right: 20px;}
.imgright {float: right; margin-left: 20px;}

/* HEADER */
#header {height: 92px; background: transparent url(../img/headerbg.gif) no-repeat top left; border-bottom: 3px solid #c0c0c0;}
#header img {float: left; border: none;}
#header h1 {margin: 0; position: absolute;}
#header h2 {margin: 55px 0 0 185px; position: absolute; font-size: 20pt; font-weight: bold; color: #808080;}
#header ul {margin: 0; padding: 10px 0 0 0; text-align: right; float: right; list-style: none;}
#header li {display: inline; font-size: 10pt; border-left: 1px solid #808080; padding: 0 18px;}
#header li.first {border-left: none;}
#header li a {text-decoration: none;}
#header li a:hover {text-decoration: underline;}

/* MENU */
#menubar {float: left; width: 185px; font-size: 10pt; overflow: hidden; background: #69982b url(../img/menubggreentop.gif) no-repeat top left; padding-top: 45px;}
#mainmenu {list-style: none; margin: 0; padding: 0;}
#mainmenu li {margin: 0; padding: 0; background: transparent url(../img/menubggreen2.gif) no-repeat bottom left; padding-bottom: 1px;}
#mainmenu li.first {}
#mainmenu li a {background: transparent url(../img/menubggreen.gif) no-repeat top left; display: block; color: #ffffff; text-decoration: none; padding: 5px 0 5px 22px; width: 163px;}
#mainmenu a:hover {background-position: top right;}
#submenu {list-style: none; margin: 0; padding: 0; background-color: #7d838b;}
#submenu li {margin: 0; padding: 0 0 1px 0; background: transparent url(../img/menubgblue2.gif) no-repeat bottom left; }
#submenu li a {background: transparent url(../img/menubgblue.gif) no-repeat top left; display: block; color: #ffffff; text-decoration: none; padding: 5px 5px 5px 25px; width: 155px;}
#submenu a:hover {background-position: top right;}
.current {font-weight: bold;}
#left-menu { list-style:none; margin: 0; padding: 0;}

/* CONTENT */
#content {width: 365px; float: left; padding: 15px 20px 0 20px; min-height: 100px; font-size: 10pt; color: #808080;}
#content p {color: #808080; margin: 15px 0; font-size: 10pt; text-align: justify;}
#content h1 {color: #a20026; font-weight: normal; font-size: 14pt; margin: 0 0 15px 0;}
#content h2 {color: #002d73; font-weight: bold; font-size: 12pt; margin: 15px 0; font-family: arial, helvetica, sans-serif;}
#content h3 {color: #002d73; font-weight: bold; font-size: 10pt; margin: 15px 0;}
#content ul {color: #808080; font-size: 10pt;}
.mainphoto {width: 170px; height: 170px; margin: 5px 0 5px 15px; float: right;}
#content p.testquote {margin: 15px 0 0 0;}
#content p.testatt {font-weight: bold; text-align: right; margin: 3px 0 15px 0;}

/* RIGHT HAND TEASERS */
#teasers {width: 185px; float: left; overflow: hidden; background: transparent url(../img/hands.jpg) no-repeat top left; padding-top: 225px;}
.box {margin: 0px 10px 10px 10px; background-color: #fafafa; border-width: 1px; border-style: solid; border-color: #ffffff #cbcbcb #cbcbcb #ffffff; color: #404040; font-family: tahoma, sans-serif;}
.box h4 {font-size: 10pt; font-weight: bold; margin: 0; line-height: 28px; background: url(../img/boxgreyfade.gif) repeat-x; border-bottom: 1px solid #c8c8c8; padding-left: 10px;}
.boxcontent {background:  #fafafa url(../img/boxgreyfade2.gif) repeat-x top left; padding: 0 10px 10px 10px;}
.box p {font-size: 10pt; margin: 0; padding: 10px 0 0 0;}
.box p.attributed {font-style: italic; text-align: right;}
.box p a {color: #404040; font-weight: bold; text-decoration: none; background: transparent url(../img/arrows.gif) no-repeat right center; padding-right: 14px;}
.box p a:hover {text-decoration: underline;}

#guide {margin: 0px 10px 20px 10px; background-color: #f2f2f2; border: 1px solid #c3c3c3;}
#guide h4 {color: #ffffff; background: #7f001e url(../img/redfade.gif) repeat-y; padding: 3px 3px 3px 5px; font-weight: bold; margin: 0 0 5px 0; font-size: 10pt;}
#guide p {margin: 5px; font-size: 9pt;}
#guide input {margin: 0 5px 5px 5px; width: 149px;}
#guide input.button {background-color: #7f001e; color: #ffffff; border-color: #7f001e; width: 60px; margin-left: 50px;}

#content th {background-color: #4c96b0; color: #ffffff; padding: 3px 5px;}
#content td {background-color: #e4eff0; color: #414447; padding: 3px 5px;}
#content .server {text-align: left;}
#content .quantity {text-align: center;}


/* CONTACT */
.contact {clear: both; border: 1px solid #cccccc; padding: 0 10px; margin: 15px 0;}
#content .contact p label {float: left; width: 110px; text-align: right; padding-right: 10px; font-weight: bold;}
.contact input, .contact select, .contact textarea {width: 210px;}
#content p.contactfloat {width:50px; float:left; text-align: right; padding-right: 10px; font-weight: bold; margin: 0;}
#content p.contactdetails {margin: 10px 0 10px 60px;}
.contact input.button {margin: 0 15px 15px 120px; width: 150px; color: #ffffff; background-color: #002d73; border: 1px solid #000000; font-weight: bold;}
#content .contact h2 {margin: 15px 0 5px 0;}
#content .contact p {margin: 10px 0; text-align: left;}

.littlecontact {clear: both; border: 1px solid #cccccc; padding: 0 15px; margin: 15px 0;}
.littlecontact label {float: left; width: 80px; text-align: right; padding-right: 10px; font-weight: bold;}
.littlecontact input, .littlecontact textarea {width: 210px;}
.littlecontact input.button {margin: 0 15px 15px 90px; width: 70px; color: #ffffff; background-color: #7f001e; border: 1px solid #7f001e; font-weight: bold;}
#content .littlecontact h2 {color: #a20026; margin: 15px 0 0 0;}
#content .littlecontact p {margin: 10px 0; text-align: left;}

textarea {font-family: verdana, myriad, arial, helvetica, sans-serif; font-size: 10pt;}

/* FOOTER */
#footer {clear: both; background: transparent url(../img/footer.gif) no-repeat top left; padding-top: 5px; height: 35px; font-size: 8pt; color: #808080; text-align: center; margin: 0;}
#footer a {text-decoration: none;}
#footer a:hover {text-decoration: underline;}