@import 'reset.css';
@import 'font.css';

body {background:url(../images/bg.jpg) no-repeat center top fixed;background-size:100%;color:#d4dffe;font-family:Arial,Tahoma;font-size:12px}
h1 {font-family:rockwell;font-size:16px;font-style:normal;text-transform:uppercase;text-shadow:1px 1px 0 #000}
input, button, textarea, select {font-family:Arial,Tahoma;}

.clr {clear:both}
.button {font-weight:bold;font-size:11px;border:solid 1px #2c273c!important;background:url(../images/button-bg.jpg) repeat-x!important;color:#ffffff;cursor:pointer;width:auto!important}
.button:active, .button:focus {background:#2c273c!important;border:solid 1px #2c273c!important;}

section#wrapper {margin:0 auto;width:1000px}

header {float:left;width:100%}
header a.logo {float:left;margin:23px 0 0 7px}
header nav {float:right;background:url(../images/black-overlay.png);font-size:14px;font-weight:bold}
header nav ul {float:left;font-family:rockwell;font-style:normal;font-size:14px;text-transform:uppercase}
header nav ul li {float:left;text-shadow:1px 1px 0 #000000;position:relative;z-index:100000!important}
header nav ul li a {float:left;color:#fff;text-decoration:none;padding:17px 28px}
header nav ul li:hover {background:url(../images/black-overlay.png)}
header nav ul li ul {display:none}
header nav ul li:hover ul {display:block;position:absolute;width:200px;left:0;top:48px;background:url(../images/black-overlay.png);z-index:100000!important}
header nav ul li:hover ul li {float:left;width:100%;font-family:Arial;font-size:11px}
header nav ul li:hover ul li a {float:left;width:170px;padding:10px 15px;border-bottom:dashed 1px #303030;background:url(../images/black-overlay.png)}
header nav ul li:hover ul li a:hover {background:#000}

#wrapper section {float:left;width:100%;background:url(../images/black-overlay.png);margin:20px 0 0;padding:0 0 20px}
#wrapper section .flash-banner {float:left;width:989px;overflow:hidden;margin:6px 0 0 6px;height:245px}
#wrapper section .flash-banner div {width:100%;float:left;z-index:99}
#wrapper section .flash-banner div object {margin:-180px 0 0;float:left}

#wrapper section .options {font-family:rockwell;font-size:18px;text-transform:uppercase;font-weight:bold;float:left;width:100%;margin:15px 0 0}
#wrapper section .options li {float:left;width:234px;margin:0 0 0 13px;text-transform:uppercase}
#wrapper section .options li a {float:left;width:204px;padding:20px 15px;height:167px;background:url(../images/option-block-bg.png);color:#b5d1e0;text-decoration:none}
#wrapper section .options li a img {margin:15px 0 0}

#wrapper section article {float:left;width:615px;margin:15px 0 0 20px;font-size:12px;line-height:18px;color:#d4dffe}
#wrapper section article .page-img {float:left;width:600px;margin:5px 15px 5px 0}
#wrapper section article p {margin:5px 0 10px;text-shadow:1px 1px 0 #000000}

#wrapper section article .contact-form {float:left;width:100%;}
#wrapper section article .contact-form table {width:450px;margin:5px auto;display:block}
#wrapper section article .contact-form table input, #wrapper section article .contact-form table textarea{background:#cccccc;border:solid 1px #f0f0f0;width:300px;padding:3px 5px;}
#wrapper section article .contact-form table input:focus, #wrapper section article .contact-form table textarea:focus {background:#ffffff;border:solid 1px #ffffff}

#wrapper section aside {float:right;width:290px;margin:15px 20px 0 0;text-shadow:1px 1px 0 #000;color:#d4dffe}
#wrapper section aside ul {float:left;width:100%;line-height:16px}
#wrapper section aside ul li {float:left;width:100%;height:45px;margin:5px 0 15px 0}
#wrapper section aside ul li a {float:right;width:40px;font-weight:bold;color:#d4dffe;text-decoration:none}
#wrapper section aside ul li a:hover {text-decoration:underline}

#wrapper .client-list {float:left;width:100%;margin:5px 0}
#wrapper .client-list li {float:left;width:196px;border:solid 2px #000000;margin:0 5px 5px 0}
#wrapper .client-list li:hover {border:solid 2px #333333}

#wrapper footer {float:left;width:96%;padding:3% 2%;font-weight:bold;color:#fff;text-shadow:1px 1px  0 #000}
#wrapper footer ul {float:left;width:70%}
#wrapper footer ul li {float:left;padding:0 10px; border-right:solid 1px #fff}
#wrapper footer ul li:last-child {border-right:none}
#wrapper footer ul li a {color:#fff;text-decoration:none}
#wrapper footer ul li a:hover {text-decoration:underline}

#wrapper footer div {float:right;width:29%;text-align:right}