body { background:#333; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 10pt; line-height:13pt; }
h1 { font-size:18pt; margin:0; }
h2 { font-size:16pt; }
h3 { font-size:14pt; }
h4 { font-size:12pt; }
#header { width:750px; margin:10px auto; }
#header h2 { color: #fff; margin:0; padding:0; }
#ctr { width:750px; margin:0 auto; position:relative; }
#bar { background: #222; height:38px; padding: 10px; margin-bottom:15px; }
#bar .innerBar { width: 750px; margin: 0 auto; }
#bar .pageTitle { color: #fff; margin:0; padding:0; "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight:normal; font-size: 26pt; height:38px; line-height:38px; vertical-align:middle; }
#bar #search { float:right; margin-top: 5px; }
#content { padding:9px 10px; min-height:300px;height: auto !important;height: 300px; }
#nav { width:36px; position: absolute; left: 100%; top:7px; }
#nav li { }
#nav li a { display:block; height:60px; width:36px; margin:0 0 1px 0; }
#nav_home { background: url(../i/nav_home.gif) no-repeat left top; }
#nav_home:hover, #index #nav_home { background: url(../i/nav_home.gif) no-repeat right top; }
#nav_services { background: url(../i/nav_services.gif) no-repeat left top; }
#nav_services:hover, #services #nav_services { background: url(../i/nav_services.gif) no-repeat right top; }
#nav_portfolio { background: url(../i/nav_portfolio.gif) no-repeat left top; }
#nav_portfolio:hover, #portfolio #nav_portfolio { background: url(../i/nav_portfolio.gif) no-repeat right top; }
#nav_clients { background: url(../i/nav_clients.gif) no-repeat left top; }
#nav_clients:hover, #clients #nav_clients { background: url(../i/nav_clients.gif) no-repeat right top; }
#nav_contacts { background: url(../i/nav_contacts.gif) no-repeat left top; }
#nav_contacts:hover, #contacts #nav_contacts { background: url(../i/nav_contacts.gif) no-repeat right top; }
h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.5em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }
h4, p { margin: 1.12em 0 }
p { line-height: 13pt; }
.fr { float: right; margin-left: 8px; }
.fl { float: left; margin-right: 8px; }
.tl { padding:4px; border:1px solid #807D7D; float:left; margin:0px 15px 15px 0; font-size: 1px; line-height: 0px; }
a { color:#DE0404; text-decoration:underline; }
a:hover { text-decoration:none; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
#portfolio h3 { color:#050101; margin-top:0; padding-top:0; }
#contacts h3 { color:#050101 }
/* search form, check also ie.css */
#searchform { float:right }
fieldset.search { border: none; width: 243px; background: #222; }
.search input, .search button { border: none; float: left; }
.search input.box { color: #fff; font-size: 1.2em; width: 190px; height: 30px; padding: 8px 5px 0; background: #616161 url(../i/search_bg.gif) no-repeat left top; margin-right: 5px; }
.search input.box:focus { background: #616161 url(../i/search_bg.gif) no-repeat left -38px; outline: none; }
.search button.btn { width: 38px; height: 38px; cursor: pointer; text-indent: -9999px; background: #fbc900 url(../i/search_bg.gif) no-repeat top right; }
.search button.btn:hover { background: #fbc900 url(../i/search_bg.gif) no-repeat bottom right; }
/* contact page */
#contacts form#msg { margin-top: 10px; }
#contacts form#msg p { padding:0; margin:0; }
#contacts form#msg label { display:block; font-size: 120%; font-weight:bold; color: #8C0404; }
#contacts form#msg .req { font-size: 120%; font-weight:bold; color:#f00; padding: 0 4px; }
#contacts form#msg input { display:block; width:98%; border: 1px dotted #ccc; margin-bottom:1em; font: 100% trebuchet ms, verdana, sans-serif; padding: 3px; }
#contacts form#msg input.hidden { display:none; border: 0; margin:0; padding:0; }
#contacts form#msg #frmsubmit { border: 1px solid #333; width: 120px; padding:0; }
#contacts form#msg #frmmsg { display:block; width:98%; border: 1px dotted #ccc; margin-bottom:1em; font: 100% trebuchet ms, verdana, sans-serif; padding: 3px; height: 100px; overflow:auto; }
/* clients page */
#clients form#form1 { margin-top: 10px; }
#clients form#form1 p { padding:0; margin:0; }
#clients form#form1 label { display:block; font-size: 120%; font-weight:bold; color: #8C0404; }
#clients form#form1 .req { font-size: 120%; font-weight:bold; color:#f00; padding: 0 4px; }
#clients form#form1 input { display:block; width:530px; border: 1px dotted #ccc; margin-bottom:1em; font: 100% trebuchet ms, verdana, sans-serif; padding: 3px; }
#fSupport label { display:block; font-size: 120%; font-weight:bold; color: #8C0404; }
#fSupport .req { font-size: 120%; font-weight:bold; color:#f00; padding: 0 4px; }
#fSupport input,textarea,select { display:block; width:490px; border: 1px dotted #ccc; margin-bottom:1em; font: 100% trebuchet ms, verdana, sans-serif; padding: 3px; }
#fSupport textarea { height: 75px; overflow:auto; }
#clients input#frmsubmit, .pbutton { border: 1px solid #333 !important; width: 120px !important; padding:0 !important; }
#Login1Username, #Login1Password { display:inline; border: 1px solid #333; width: 120px; padding:0; }
.hide { display:none !important; }
/* Two columns classes */
.twoCol { width:720px; margin: 0 auto;}
.twoColLeft { width:510px; vertical-align:top; }
.twoColRight { width:190px; background:#eee; padding: 0 10px; vertical-align:top;}
.twoCol h2 {margin-top:0;}
.twoCol h4 {margin-top:10px;}
#clientMenu { margin-bottom: 15px; }
#clientMenu li { margin-left: 15px; list-style-type: square; padding-left: 5px; margin-bottom:2px;  }
.ul { margin-bottom: 15px; }
.ul li { margin-left: 15px; list-style-type: square; padding-left: 5px; margin-bottom:2px; }
.date { font-weight:bold; font-style:italic; }