#container {
width : 911px;
margin : 0 auto;
}
body {
background-color : #111b22;
margin : 0;
padding : 0;
}
#menu ul {
list-style : none;
font-family : Arial, Verdana, Helvetica, sans-serif;
font-size : 12px;
font-weight : 400;
color : #fff;
text-align : center;
margin : 139px 0 10px;
padding : 10px 0 0;
}
#menu li {
float : left;
position : relative;
width : 12.5em;
border-right : 0 solid #000;
border-left : 0 solid #000;
border-top : 0 solid #000;
border-bottom : 0 solid #000;
}
#menu li ul {
position : absolute;
display : block;
top : 2em;
left : 0;
width : 21em;
}
#menu li > ul {
top : auto;
left : auto;
}
* html #menu ul li {
float : left;
height : 1%;
}
* html #menu ul li a {
height : 1%;
}
#menu li:hover ul {
display : block;
}
#menu li:hover > ul {
visibility : visible;
}
#menu ul ul {
visibility : hidden;
}
#menu ul, li {
margin : 0;
}
#menu ul a {
display : block;
text-decoration : none;
color : #fff;
font-family : Helvetica, Arial, sans-serif;
font-size : 9pt;
font-weight : 700;
text-align : center;
padding : 5px 5px 5px 27px;
}
#menu ul a:hover {
color : #fc8108;
}
#menu li ul a {
text-decoration : none;
color : #fff;
background : #3a5b7e;
border-right : 1px solid #000;
border-left : 1px solid #000;
border-bottom : 1px solid #000;
font-family : Helvetica, Arial, sans-serif;
font-size : 9pt;
font-weight : 700;
text-align : center;
padding : 5px;
}
#menu li ul a:hover {
color : #fff;
background : #000;
}
#banner2 {
height : 230px;
background-color : #e6e6d8;
border-bottom-width : 20px;
border-bottom-style : solid;
border-bottom-color : #000;
margin : 0;
}
#banner3 {
height : 160px;
background-color : #e6e6d8;
border-bottom-width : 20px;
border-bottom-style : solid;
border-bottom-color : #000;
margin : 0;
width: 911px;
overflow: hidden;
}
#nav {
height : 25px;
background-color : #000;
border-top-width : 5px;
border-top-style : solid;
border-top-color : #c00;
margin : 0;
padding : 3px 0 10px;
}
#content {
background-color : #fff;
margin : 0;
overflow: hidden;
width: 911px;
}
#contenti {
padding: 15px 25px 20px 25px;
}
#footer {
clear : both;
background-color : #0d161c;
height : 85px;
margin : 0;
padding : 0;
}
H1 {
font-family : Garamond, Georgia, "Times New Roman", Times, serif;
font-size : 24px;
font-weight : 700;
color : #b2010c;
line-height : 30px;
margin : 0;
padding : 0;
}
H1 A:link {
color : #b2010c;
text-decoration : underline;
}
H1 A:visited {
color : #9adcff;
text-decoration : none;
}
H1 A:hover {
text-decoration : none;
color : #fff;
}
p, li {
font-size : 12px;
color : #353d43;
line-height : 20px;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align : left;
margin-bottom : 20px;
margin-top : 10px;
}
li {
margin-top : 0;
margin-bottom : 0;
}
.tos {
font-size : 10px;
color : #353d43;
line-height : 14px;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align : justify;
margin-right : 20px;
margin-bottom : 20px;
margin-top : 10px;
}
P A:link {
color : #b2010c;
text-decoration : none;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #b2010c;
}
P A:visited {
color : #b2010c;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #b2010c;
text-decoration : none;
}
P A:hover {
color : #1a1a1a;
text-decoration : none;
background-color : #fdfdfb;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #1a1a1a;
}
.fl {
float : left;
}
.al {
text-align : left;
}
.ar {
text-align : right;
}
.ac {
text-align : center;
}
#projects {
height : 140px;
background-color : #d5d5c1;
margin : 0;
padding : 15px;
}
#projects3 {
height : 50px;
background-color : #000;
margin : 0;
padding : 15px;
}
.beige-ul {
color : #d5d5c1;
text-decoration : underline;
}
.aud {
font-size : 14px;
color : #353d43;
line-height : 20px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-weight : 500;
text-align : center;
margin-bottom : 0;
margin-top : 0;
}
.loco A:active {
color : #900;
}
.contact {
padding-left : 30px;
}
#bulletlist {
padding-left : 0;
font-size : 12px;
margin-left : 10px;
font-family : Arial, Helvetica, sans-serif;
list-style-type : none;
}
#bulletlist LI {
padding-left : 24px;
font-size : 12px;
margin-left : 0;
color : #000;
line-height : 30px;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
#bulletlist LI A {
font-size : 12px;
color : #666;
line-height : 24px;
}
#bulletlist LI A:link {
font-size : 12px;
color : #014b8c;
line-height : 24px;
}
#bulletlist LI A:hover {
font-size : 12px;
color : #171717;
line-height : 24px;
}
#bulletlist2 {
padding-left : 0;
font-size : 12px;
margin-left : 10px;
margin-bottom : 20px;
font-family : Verdana, Arial, Helvetica, sans-serif;
list-style-type : none;
}
#bulletlist2 LI {
padding-left : 20px;
font-size : 12px;
margin-left : 0;
color : #000;
line-height : 20px;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
#bulletlist3 {
padding-left : 0;
font-size : 12px;
margin-left : 10px;
margin-bottom : 20px;
font-family : Verdana, Arial, Helvetica, sans-serif;
list-style-type : square;
}
#bulletlist3 LI {
padding-left : 10px;
font-size : 12px;
margin-left : 25px;
margin-right : 40px;
color : #000;
line-height : 25px;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
.frs {
float : right;
margin : 10px 0 0 15px;
}
.fr {
float : right;
margin : 15px 0 0 15px;
}
#projects .thumbnails {
border : 5px solid #b8b89f;
margin : 3px 20px 3px 0;
padding : 0;
}
#projects3 .thumbnails {
border : 5px solid #000;
margin : 3px 20px;
padding : 0;
}
#projects3 .thumbnails2 {
border : 3px solid #000;
margin : 3px 29px;
padding : 5px;
}
#projects3 .thumbnails3 {
border : 3px solid #000;
margin : 3px 0 3px 75px;
padding : 5px;
}
#projects a:hover img {
border : 5px solid #b2010c;
}
#projects3 a:hover img {
border : 3px solid #b2010c;
}
#credits {
font-weight : 400;
font-size : 12px;
width : 500px;
color : #fff;
line-height : 20px;
font-family : Verdana, Arial, Helvetica, sans-serif;
height : 25px;
text-align : left;
float : left;
margin : 0;
padding : 10px 0 0 15px;
}
#credits A {
color : red;
line-height : 16px;
text-decoration : none;
}
#creditsr {
font-weight : 400;
font-size : 12px;
width : 285px;
color : #fff;
line-height : 20px;
font-family : Verdana, Arial, Helvetica, sans-serif;
height : 25px;
text-align : right;
float : right;
margin : 0;
padding : 10px 0 0 15px;
}
#creditsr A {
color : red;
line-height : 16px;
text-decoration : none;
margin-right : 10px;
margin-left : 10px;
}
#projects .thumbnailend {
border : 5px solid #b8b89f;
margin : 3px 0;
padding : 0;
}
#projects3 .thumbnailend {
border : 5px solid #000;
margin : 3px 0;
padding : 0;
}
#menucontainer ul {
color : #fff;
font-family : Arial, Helvetica, sans-serif;
font-weight : 400;
text-align : center;
margin: 0;
padding : 5px;
}
#menucontainer ul li {
display : inline;
}
#menucontainer ul li a {
color : #fff;
text-decoration : none;
font-size : 13px;
font-weight : 400;
letter-spacing : 1px;
font-family : Verdana, Arial, Helvetica, sans-serif;
line-height : 13px;
margin : 0;
padding : 3px 19px;
}
#menucontainer ul li a:hover {
color : #c00;
text-decoration : none;
}
#active a:hover {
color : #fff;
text-decoration : none;
}
#copyright {
clear : both;
text-align : center;
color : #fff;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
}
#enews p label {
float : left;
width : 30%;
text-align : right;
}
#enews p input, #enews p select {
margin-left : 5px;
}
.clear_me {
clear : both;
}
.errors {
font-size : 14px;
color : red;
}
.notnormal_text {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : 700;
text-align : center;
color : #536a91;
}
.forms {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
text-align : left;
color : #536a91;
}
.time {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : 400;
text-align : right;
color : #536a91;
}
.footer {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : 400;
text-align : center;
color : #38587e;
}
.title {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 19px;
font-weight : bold;
text-align : left;
color : #4a6787;
padding : 5px;
}
.gg {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 15px;
font-weight : bold;
text-align : left;
color : #090;
padding : 5px;
}
.clientthumb {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : 400;
color : #536a91;
border : 1px dashed #38587e;
margin : 0 10px;
padding : 4px;
}
.clientthumb2 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : 400;
color : #536a91;
border : 0 dashed #38587e;
margin : 0 10px;
padding : 4px;
}
.clients {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : 400;
text-align : left;
color : #000;
}
.clienttitle {
font-family : Helvetica, Arial, sans-serif;
text-transform : uppercase;
font-size : 19px;
font-weight : bold;
text-align : left;
color : #000;
padding : 5px;
}
.boxes {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : 400;
color : #536a91;
}
.boxestop {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : 400;
color : #000;
}
.menu_text {
color : #aaa;
font-family : Helvetica, Arial, sans-serif;
font-size : 12pt;
font-weight : 700;
text-align : center;
padding-top : 0;
}
.menu_text A:active {
text-decoration : none;
}
.cart_head {
color : #fff;
font-family : Helvetica, Arial, Verdana, sans-serif;
font-size : 9pt;
font-weight : 700;
text-align : center;
}
.cart_table_top {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 16px;
color : #6d737c;
}
.cart_table {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : 700;
color : #fff;
}
.cart_table A:visited {
color : #ccc;
}
.cart_menu {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
color : #38587e;
}
.columns {
position : relative;
overflow : hidden;
width: 900px;
}
.columns .column1 {
float : left;
top : 0;
left : 0;
width : 32%;
}
.columns .column2 {
position : absolute;
top : 0;
left : 33%;
width : 32%;
}
.columns .column3 {
position : absolute;
top : 0;
left : 66%;
width : 32%;
}
.soon, .clients A:visited, .cart_table A:hover, .cart_table A:visited:hover {
color : #999;
}
.normal_text, .loco {
font-family : Helvetica, Arial, sans-serif;
font-size : 13px;
font-weight : 400;
text-align : center;
color : #900;
padding-left : 0;
}
.normal_text A:link, .normal_text A:visited, .loco A:link, .loco A:visited {
color : #900;
font-weight : 400;
text-decoration : none;
}
.normal_text A:active, .notnormal_text A:hover, .notnormal_text A:visited:hover, .time A:visited, .footer A:hover, .footer A:visited:hover, .clients A:link, .clients A:active, .clienttitle A:link, .clienttitle A:visited, .boxes A:hover, .boxes A:visited:hover, .boxestop A:hover, .boxestop A:visited:hover, .cart_text A:visited:hover, .cart_form A:link, .cart_form A:active, .cart_form A:hover, .cart_form A:visited, .cart_form A:visited:hover {
color : #000;
}
.normal_text A:hover, .normal_text A:visited:hover {
color : #000;
font-weight : 400;
text-decoration : underline;
}
.loco A:hover, .loco A:visited:hover {
color : #fff;
font-weight : 400;
text-decoration : underline;
}
#bulletlist2 LI A, #bulletlist2 LI A:link, #bulletlist3 LI A, #bulletlist3 LI A:link {
font-size : 12px;
color : #b2010c;
line-height : 20px;
}
#bulletlist2 LI A:hover, #bulletlist3 LI A:hover {
font-size : 12px;
color : #171717;
line-height : 20px;
}
#credits A:hover, #creditsr A:hover {
color : #fff;
text-decoration : none;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #fff;
}
#active a:link, #active a:visited {
color : #fff;
text-decoration : none;
font-size : 13px;
font-weight : 400;
letter-spacing : 1px;
font-family : Verdana, Arial, Helvetica, sans-serif;
padding : 3px 11px 5px;
}
.notnormal_text A:link, .notnormal_text A:active, .notnormal_text A:visited, .forms A:link, .forms A:active, .forms A:visited, .time A:link, .time A:active, .clients A:hover, .clients A:visited:hover, .boxes A:link, .boxes A:active, .boxestop A:link, .boxestop A:active {
color : #536a91;
}
.forms A:hover, .forms A:visited:hover, .boxes A:visited, .boxestop A:visited {
color : #ff8e20;
}
.time A:hover, .time A:visited:hover {
color : #656565;
}
.footer A:link, .footer A:active {
color : #7d9ec6;
}
.footer A:visited, .cart_text A:visited {
color : #38587e;
}
.title A:link, .title A:active, .title A:hover, .title A:visited, .title A:visited:hover, .clienttitle A:active {
color : #ee2426;
}
.gg A:link, .gg A:active, .gg A:hover, .gg A:visited, .gg A:visited:hover {
color : #090;
}
.clientthumb A:link, .clientthumb A:active, .clientthum2 A:link, .clientthumb2 A:active {
color : #536a91;
border : 1px dotted #000;
}
.clientthumb A:hover, .clientthumb A:visited:hover, .clientthumb2 A:hover, .clientthumb2 A:visited:hover {
color : #000;
border : 1px dotted #000;
}
.clientthumb A:visited, .clientthumb2 A:visited {
color : #ff8e20;
border : 1px dotted #000;
}
.clienttitle A:hover, .clienttitle A:visited:hover {
color : #3a5b7e;
}
.menu_text A:link, .menu_text A:visited, .cart_head A:link, .cart_head A:active, .cart_head A:visited {
color : #fff;
text-decoration : none;
}
.menu_text A:hover, .menu_text A:visited:hover {
color : #fc8108;
text-decoration : none;
}
.cart_head A:hover, .cart_head A:visited:hover {
color : #000;
text-decoration : none;
}
.cart_text, .cart_form {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : 400;
text-align : left;
color : #6d737c;
}
.cart_text A:link, .cart_text A:active, .cart_table_top A:link, .cart_table_top A:active, .cart_table_top A:visited, .cart_table_top A:visited:hover {
color : #6d737c;
}
.cart_table A:link, .cart_table A:active {
color : #fff;
}
.cart_menu A:link, .cart_menu A:active, .cart_menu A:visited {
color : #38587e;
text-decoration : none;
}
.cart_menu A:hover, .cart_menu A:visited:hover {
color : #52a322;
text-decoration : none;
}
.box {
width : 236px;
margin : auto;
margin-bottom: 1em;
}
.box A {
color : #fff;
}
.box_head {
background : url(/images/box_top.jpg);
height : 36px;
overflow: hidden;
}
.break {
clear : both;
}
H2 {
color : #fff;
font-family : Helvetica, Arial, Verdana, sans-serif;
font-size : 9pt;
font-weight : bold;
line-height : 36px;
text-align : center;
margin:0;
padding:0;
}
H3 {
color : #fff;
font-family : Helvetica, Arial, Verdana, sans-serif;
font-size : 9pt;
font-weight : bold;
line-height : 36px;
text-align : center;
margin:0;
padding:0;
}
#footer {
margin-bottom : 2em;
padding-bottom : 1em;
}
.column-products {
position : relative;
overflow : hidden;
margin-bottom : 1em;
width: 870px;
}
.column-products .column1 {
float : left;
width : 29%;
top : 0;
left : 0;
text-align : center;
}
.column-products .column2 {
position : absolute;
width : 69%;
top : 0;
left : 30%;
}
.column-title {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 14px;
font-weight : 500;
line-height : 20px;
text-align : center;
border-bottom : 1px solid #b2010c;
color : #b2010c;
text-decoration : none;
}
.column-body {
color : #353d43;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 20px;
text-align : left;
}
body {
background-image : none;
margin-left : 0;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
position : relative;
z-index : 0;
}
flash {
position : relative;
z-index : -10;
}
menuindex {
z-index : 2;
}
form {
font-size : 12px;
color : #353d43;
line-height : 20px;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-align : left;
margin-bottom : 20px;
margin-top : 10px;
}
.input {
width: 100px;
}
.input INPUT {
position: relative;
width: 200px;
}
#footerlinks {
padding-top: 1em;
text-align: center;
color: #599ac6;
line-height:18px;
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
#footerlinks A {
color: #599ac6;
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
}

.x-input { font-family : Verdana, Arial, Helvetica, sans-serif; color : #353d43; font-size: 12px; overflow: hidden; margin: 0 0 0.5em 0; }
.x-input LABEL { float: left; width: 120px; }
.x-input TEXTAREA { position: relative; width: 400px; height: 200px; }
.x-input TEXTAREA.small { position: relative; width: 400px; height: 100px; }
.x-input INPUT { position: relative; width: 200px; }
.x-input INPUT[type=checkbox] { position: relative; width: auto; }
.x-input INPUT[type=button] { position: relative; width: auto; }
.x-input INPUT.large, .m-input SELECT.large { position: relative; width: 300px; }
.x-input INPUT.small, .m-input .small { position: relative; width: 100px; }
.x-input INPUT.xsmall, .m-input SELECT.xsmall  { position: relative; width: 50px; }
.x-input IMG { position: relative; }
.x-inputgroup { font-family : Verdana, Arial, Helvetica, sans-serif; color : #353d43; font-size: 12px; margin: 1em 0; }
.x-inputgroup:first-child { margin: 0 0 1em 0; }
.x-submit {
    padding: 10px;
    margin: 1em 0 0 0;
    background-color: #9dd1f5;
    border-top: 3px solid #599ac6;
}
.x-submit INPUT {
    height: 35px;
    width: 125px;
}
form { margin: 0; }

.x-notify {
    background-color: #f59d9d;
    border: 3px solid #c65959;
    border-left: none;
    border-right: none;
    padding: 10px;
    margin: 1em 0;
}