﻿.clear{clear:both}
html *{font-size:100.01%; margin:0; padding:0; outline:0}
body{text-align:center; background-image:url('../img/wallpaper.png'); background-repeat:repeat-x; margin-top:80px; background-color:#3C0A07; font-family:Trebuchet, Lucida Sans Unicode, Lucida Grande, Lucida Sans, Arial, sans-serif; font-size:75.00%; color:#261D14}
#wrapper{margin:0 auto; width:960px; background-image:url('../img/bg.png'); background-repeat:repeat; border:2px #555 solid; text-align:left}
#header{width:900px; color:#333; padding:10px; border:0px solid #ccc; height:100px; margin:20px 0px 0px 20px; background: #fff url('../img/header.jpg')}
#navigation{width:900px; height:40px; color:#333; padding:10px; border:0px solid #ccc; margin:0px 0px 0px 20px; background: #fff url('../img/nav_bg.jpg')}
#content{width:900px; color:#333; border:0px solid #ccc; margin:0px 0px 0px 20px; padding:10px; height:350px; background: #fff url('../img/nav_bg.jpg')}
#content_body{padding:0 40px 0 40px}
#footer{width:900px; height:30px; text-align:center; color:#333; border:0px solid #ccc; margin:0px 0px 20px 20px; padding:10px;background: #fff url('../img/footer_bg.jpg')}
#portfolio #content {height:410px}
#clients #content {height:390px}
#contact #content {height:410px}
.float_left{float:left; display:inline; margin:0 1.5em 1em 0}
.float_right{float:right; display:inline; margin:0 0 1em 1.5em}
a{color:#4D87C7; text-decoration:none}
a:active{color:#dc621a; text-decoration:none}
a:hover{color:#dc621a; text-decoration:none}
a:focus{color:#dc621a; text-decoration:none}
code{font-family:"Courier New",Courier,monospace}
textarea{font-family:"Courier New",Courier,monospace}
h6{font-family:Geneva,Arial,Helvetica,sans-serif; font-weight:normal; letter-spacing:-1px; color:#2a211b}
h5{font-family:Geneva,Arial,Helvetica,sans-serif; font-weight:normal; letter-spacing:-1px; color:#2a211b}
h4{font-family:Geneva,Arial,Helvetica,sans-serif; font-weight:normal; letter-spacing:-1px; color:#2a211b}
h3{font-family:Geneva,Arial,Helvetica,sans-serif; font-weight:normal; letter-spacing:-1px; color:#2a211b}
h1{font-family:Geneva,Arial,Helvetica,sans-serif; font-weight:normal; letter-spacing:-1px; color:#2a211b}
h3 em{font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif; font-weight:normal; letter-spacing:0px; font-style:italic}
h2{font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif; font-weight:normal; letter-spacing:0px; font-style:italic}
h1{font-size:300%; line-height:.5em; margin-top:.5em; margin-bottom:.5em; letter-spacing:-2px}
h2{font-size:200%; line-height:1.5em; color:#DC621A}
h3{font-size: 150%;color: #90CDFF}
h4{font-size:133.333%; line-height:1.125em; margin-top:1.125em; margin-bottom:1.125em}
h5{font-size:116.67%; color:#C44B50; line-height:1.286em; margin-top:1.286em; margin-bottom:1.286em; font-weight:bold}
h6{font-size:116.67%; color:#261D14; line-height:1.286em; margin-top:1.286em; margin-bottom:1.286em; font-weight:bold}
.title{font-size:200%; line-height:1.5em; color:#DC621A; font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",Georgia,serif; font-weight:normal; letter-spacing:0px; font-style:italic}
#header h1 {padding:30px 40px 0 40px}
#header img {padding:30px 40px 0 40px}
p{font-size:1em; color:#261D14; line-height:1.5em; margin:1.5em 0}
p.small{font-size:0.8333em; line-height:1em; margin:1em 0}
img{padding:0; border:none}
.cimg_float_right { float: right; display: inline; margin: 0 8px 0 15px; border: solid 1px #ccc; padding: 5px; }
.cimg_float_left { float: left; display: inline; margin: 0 15px 0 8px; border: solid 1px #ccc; padding: 5px; }
.img_float_left { float: left; display: inline; margin: 0 1em 0 0; border: solid 1px #ccc; padding: 5px; }
.img_float_right {float: right;display: inline;margin: 0 0 0 1em;border: solid 1px #ccc;padding: 5px;}
.thumbs img{border:solid 1px #ccc; width:67px; height:67px; padding:5px}
.thumbs img:hover{border-color:#F90}
.snow{color:#695f54}
#flashcontent {height: 400px}
.clist{padding-left:5px}
/* Gray (Default) Menu */
#menu {font-family: Arial, sans-serif;font-weight: bold;text-transform: uppercase;margin: 0 40px;padding: 0 0 0 10px;list-style-type: none;font-size: 13px;background: #eee;height: 35px;border-top: 2px solid #eee;border-left: 2px solid #eee;border-bottom: 2px solid #ccc;border-right: 2px solid #ccc;}
#menu li {float: left;margin: 0;}
#menu li a {text-decoration: none;display: block;padding: 0 20px;line-height: 35px;color: #666;}
#menu li a:hover, #menu li.active a {background-color: #f5f5f5;border-bottom: 2px solid #DDD;color: #999;}
/* Black Menu */
#menu.black{border-top:2px solid #333; border-left:2px solid #333; border-bottom:2px solid #000; border-right:2px solid #000; background:#333}
#menu.black a{color:#CCC}
#menu.black li a:hover, #menu.black li.active a{color:#999; background:#555; border-bottom:2px solid #444}
/* Blue Menu */
#menu.blue{border-top:2px solid #356AA0; border-left:2px solid #356AA0; border-bottom:2px solid #204061; border-right:2px solid #204061; background:#356AA0}
#menu.blue a{color:#fff}
#menu.blue li a:hover, #menu.blue li.active a{color:#90CDFF; background:#3D7BBB; border-bottom:2px solid #356AA0}
/* Red Menu */
#menu.red{border-top:2px solid #600; border-left:2px solid #600; border-bottom:2px solid #450000; border-right:2px solid #450000; background:#600}
#menu.red a{color:#fff}
#menu.red li a:hover, #menu.red li.active a{color:#F27F84; background:#900; border-bottom:2px solid #600}
/* Orange Menu */
#menu.orange{border-top:2px solid #d15600; border-left:2px solid #d15600; border-bottom:2px solid #B44500; border-right:2px solid #B44500; background:#d15600}
#menu.orange a{color:#fff}
#menu.orange li a:hover, #menu.orange li.active a{color:#FA9B5B; background:#B44500; border-bottom:2px solid #d15600}
#contact li { list-style:none}
