html {height: 100%; overflow: auto;}
/*overflow: auto;*/ /* omit for Mozilla buggy with */
body {height: 100%; background: #E3E2CE; font: normal 75%/1.3em "Franklin Gothic Medium", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; color: #555;}
/* needed for IE 6 buggy without */
* { margin: 0; padding: 0;}
#wrap {width: 750px; height: auto; min-height: 98%; margin: 0 auto; text-align: left; background: url("../images/bgd_content.jpg") repeat-y;}
* html #wrap {height: 98%;}
/* =TEXT & CLASS STYLES
================================================ */
a { text-decoration:none; color:#0059B2;}
a:hover, a:focus { text-decoration: underline; color: #4799CF;}
a:visited { color: #93BCE3;}
p { margin-top: .3em; }
p+p { margin-top: .3em; }
p.larger {font: bold 1.1em/1.5em Georgia, "Times New Roman", Arial, Helvetica, sans-serif; color: #555; }
p.wtfh3 {font: bold 1.1em/1.5em Georgia, "Times New Roman", Arial, Helvetica, sans-serif; color: #555; margin-top:1.1em; text-align: left; margin-bottom: 0.75em;}
p.error {font: normal 100%/1.3em "Franklin Gothic Medium", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;}
#content h2 { font-size: 1.5em; font-family: Verdana, Arial, sans-serif; color: #0059B2; }
hr {border: none 0; border-top: 1px dotted #CCC; width: 95%;}
hr.nocss { display: none; }
img.logo-print { display: none; }
/* right nav featured services */
#content ul {margin:.75em 0 1em 0;}
#content ul li {background: url("../images/22bul-arr1.png") no-repeat 0 .4em; margin-left: 10px; list-style: none; padding-left: .75em;}
form legend { padding: .2em .75em; margin: 0 0 5px 10px; border: 1px solid #036; background: #0059B2; color: #FFF; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; }
form { /* set width in form, not fieldset (still takes up more room w/ fieldset width */
color: #036;
font: normal 1em "Franklin Gothic Medium", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
min-width: 500px;
max-width: 510px;
width: 510px;
}
form fieldset {
clear: both; /*note that this clear causes inputs to break to left in ie5.x mac, commented out */
border: 1px dotted #CCC;
font-family: "Franklin Gothic Medium", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
padding: .6em .75em .6em;
margin: 1.5em 0 0;
}
form label {
display: block; /* block float the labels to left column, set a width */
float: left;
width: 130px;
padding: 0;
margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
text-align: right;
}
form input, form textarea, select {
/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
width:auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
margin:5px 0 0 10px; /* set margin on left of form elements rather than right of label aligns textarea better in IE */
font: normal 1em "Franklin Gothic Medium", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
color: #0059B2;
}
form submit {
float: right;
color: #FFF;
background: #036;
border: 1px solid #0059B2;
cursor: pointer;
margin-top: 2em;
margin-bottom: 2em;
margin-right: 200px;
}
form submit:hover { background-color: #4799CF;}
form textarea {overflow: auto; }
form br { clear:both;}
form p{ width: 100%; font-weight: bold;}
/* =HOME PAGE ELEMENTS
================================================ */
#bd-home #wrap {width: 750px; margin: 0 auto; background: url(../images/bgd_content.jpg) repeat-y;}
#bd-home #content {margin: 0; padding-bottom:10px; background: transparent; width: 205px; float: right; display: inline;}
#bd-home #core-services {margin-top: 1em; padding: 0 9px; padding-bottom:10px; background: transparent; width: 190px; float: right; display: inline;}
/* Home Sidebar */
#bd-home #sidebar {width: 500px; margin: 0 0 15px 0; padding: 0 0 0 1.5em; text-align: justify; float: left; display: inline; clear: left;}
#bd-home #sidebar dl { border-bottom: 1px dotted #DDD; margin: .6em 0; padding: .2em 0 .75em; }
#bd-home #sidebar dl dt { color: #a19e74; margin-bottom: .1em; }
#bd-home #sidebar dl dd { color: #a19e74; }
#bd-home #sidebar dl dt a, #bd-home #sidebar dl dd a { color: #0059B2; }
#bd-home #sidebar p a { color: #0059B2; }
#bd-home #sidebar a:hover {color:#4799CF;}
/* Home Content */
#bd-home #content div.callout {width: 175px; float: right; display: inline; clear: right; padding-right: 1em; text-align: justify; margin-left: 10px;}
#bd-home #content div.callout a { text-decoration: underline; }
#bd-home #content div.callout a:hover { text-decoration: none; }
#bd-home #content div.callout dl { margin: 5px 0; width: auto; }
#bd-home #content div.callout dl dt { color: #7ab1d5; margin-bottom: 3px; }
#bd-home #content div.callout dl dt span { color: #676767; }
#bd-home #content div.callout dl dt a {color: #7ab1d5; padding: 0 0 2px 18px; }
#bd-home #content div.callout dl dd a {text-decoration: none; color: #0059B2; }
#bd-home #content div.callout dl dd a:hover, a:focus {text-decoration: underline; color: #4799CF; }
#bd-home #content div.callout dl dt.feat-serv { background: url("../images/22bul-ques1.png") no-repeat left center; padding-left: 9px; margin-top:1em; font: bold 1em/1.2em Georgia, "Times New Roman", Arial, Helvetica, sans-serif; color: #0059B2;} /* got questions */
#bd-home #content div.callout dl dt.feat-serv1 { background:url("../images/22bul-no1.png") no-repeat left center; padding-left: 17px; margin-top:1em; font: bold 1em/1.2em Georgia, "Times New Roman", Arial, Helvetica, sans-serif; color: #0059B2;} /* company */
#bd-home #content div.callout dl dt.feat-serv2 { background:url("../images/22bul-con1.png") no-repeat left center; padding-left: 14px; margin-top:1em; font: bold 1em/1.2em Georgia, "Times New Roman", Arial, Helvetica, sans-serif; color: #0059B2; } /* contact */
#bd-home #content div.callout dl dt.feat-serv3 { background:url("../images/22bul-emp1.png") no-repeat left center; padding-left: 14px; margin-top:1em; font: bold 1em/1.2em Georgia, "Times New Roman", Arial, Helvetica, sans-serif; color: #0059B2;} /* employment */
#bd-home #content div.callout dl dt.feat-serv4 { background:url("../images/22bul-web1.png") no-repeat left center; padding-left: 14px; margin-top:1em; font: bold 1em/1.2em Georgia, "Times New Roman", Arial, Helvetica, sans-serif; color: #0059B2; } /* web design */
#bd-home #content div.callout dl dt.feat-serv5 { background:url("../images/22bul-dev1.png") no-repeat left center; padding-left: 22px; margin-top:1em; font: bold 1em/1.2em Georgia, "Times New Roman", Arial, Helvetica, sans-serif; color: #0059B2; } /* web development */
#bd-home #content div.callout dl dt.feat-serv6 { background:url("../images/22bul-grap1.png") no-repeat left center; padding-left: 14px; margin-top:1em; font: bold 1em/1.2em Georgia, "Times New Roman", Arial, Helvetica, sans-serif; color: #0059B2; } /* graphic design */
#bd-home #content div.callout dl dt.feat-serv7 { background:url("../images/22bul-oth1.png") no-repeat left center; padding-left: 16px; margin-top:1em; font: bold 1em/1.2em Georgia, "Times New Roman", Arial, Helvetica, sans-serif; color: #0059B2; } /* other services */
p.lgright {font: bold 1em/1.7em Georgia, "Times New Roman", Arial, Helvetica, sans-serif; color: #0059B2; margin-left: 10px; padding-left: 21px; margin-top:1em; background: url("../images/22bul-feat1.png") no-repeat left center; } /* features */
p.lgrightArt {font: bold 1em/1.2em Georgia, "Times New Roman", Arial, Helvetica, sans-serif; color: #0059B2; margin-left: 10px; padding-left: 21px; margin-top:1em; background: url("../images/22bul-art1.png") no-repeat left center; padding: 2px 0 2px 10px;}
#bd-home #content div.callout dl dd { color: #555; }
#mh-home {width: 750px; height: 193px;}
/* =MASTHEADS (sub pages)
================================================ */
h1#mh-header {width: 750px; height: 72px; text-indent: -9999em; margin: 0 0 24px;}
/* =HEADER (all pages)
================================================ */
#header {width: 750px; min-height: 90px; position: relative; background: #FFF url("../images/bgd_top2.jpg") no-repeat;}
#header h1 a { position: absolute; top: 8px; left: 32px; width: 129px; height: 82px; background: url("../images/asd_logo_top.png") no-repeat 0 0; color: #000; display: block; text-indent: -9999em; overflow: hidden; }
#bd-home #header h1 a { cursor: default;}
/* =NAVS MAIN
================================================ */
#outer {padding-top:1px; position: absolute; top: 60px; left: 318px; width: 430px; }
#point {display:table; padding:0; margin:0 auto; list-style:none; white-space:nowrap;}
#point li {display:table-cell; margin:0; padding:0; border-left: 1px solid #CCC;}
/*#point li.first {border-left: 1px solid #CCC;}*/
#point li a {float:left; font: bold 88% "Franklin Gothic Medium", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; letter-spacing:1px; padding:5px 10px; text-decoration:none; color:#707E8B;}
#point li a:hover, #point li a.current {background: url("../images/down_arrow.gif") no-repeat center top; color:#34B6FF;}
/* =SUBNAVS */
#outersub {padding-top: 6px; position: absolute; top: 10px; left: 580px;}
#pointsub {display:table; padding:0; margin:0 auto; list-style:none; white-space:nowrap; height: 25px; background: #FFF;}
#pointsub li {display:table-cell; margin-left: 1.222em; padding-left: 1.75em; margin-bottom: 0.5em;}
#pointsub li.first {border: none;}
#pointsub li.first{display:table-cell; margin-left: 0.222em; background: transparent url("../images/icon_home.png"); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 15px; margin-bottom: 0.5em;}
#pointsub li.second{display:table-cell; margin-left: 0.222em; background: transparent url("../images/icon_clients.png"); background-repeat: no-repeat; background-position: 0 .4em; padding-left: 15px; margin-bottom: 0.5em;}
#pointsub li a {float:left; font: normal 100% "Franklin Gothic Medium", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; letter-spacing:1px; padding:8px 9px 8px 4px; text-decoration:none; color:#707E8B;}
#pointsub li a:hover {color:#34B6FF;}
/* =FOOTER */
#footer {width: 750px; height: 15px; clear: both; margin: -15px auto 0 auto; background:url("../images/bgd_bot3.jpg") no-repeat center top;}
#footer ul {display: block; clear: both; padding-top: 10px; margin-top: 5px; height: auto; font: 90% "Franklin Gothic Medium", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif; text-align: center; overflow: hidden;}
#footer ul li {display: inline; list-style-type: none; margin: 0; color: #999;}
#footer ul li a, #footer ul li a:link {color: #777; text-decoration: underline;}
#footer a:hover { text-decoration: underline; color: #4799CF;}
/* =EXTRAS (clears floats)
================================================ */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix { display:inline; }
.clearfix { display:block; }
* html .clearfix { height:1px; }
/* Start Portfolio images */
#container-center li{
width:80px; /* 200 */
border:solid #CCC;
border-width:0 1px 1px 0;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
-moz-border-radius:20px;
*/
background:#FFF;
padding:0px; /* 0*/
text-align:center;
position:relative;
float:left;
display:inline;
margin:5px;
}
#container-center a span{
/*\*/
position:absolute;
left:-9999px;
}
#container-center a:hover span{
top:5px;
left:0px;
width:80px;
font-weight:bold;
background:#FFF;
color:#003466;
padding:0;
text-transform:uppercase;
text-decoration: none;
font-size:60%;
border:1px solid #003466;
border-width:1px;
/**/
}
/* End Portfolio images */
/* Start 3 wise boxes */
div#specials1, div#specials2, div#specials3 {
float: left;
border: solid 1px #003366;
background: #FFF;
padding: 0px;
margin: 5px 3px;
width: 140px;
height: 275px;
font: normal 12px/14px "Franklin Gothic Medium", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
text-align: center;
}
p.spectextsmall, .spectextsmall {
text-align:left;
padding: 3px;
font: normal 10px/10px "Franklin Gothic Medium", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
color: #000000;
}
p.spectextlarge {
text-align:center;
font: bold 16px "Franklin Gothic Medium", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}
p.spectext {
text-align:center;
padding: 3px;
font: bold 14px/14px "Franklin Gothic Medium", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
color: #FFF;
background: #003366;
}
div#logic {
background: #F5F5EB; /*E8EFF7; */
/* border: solid 1px #003366; use for spacing issues */
padding: 5px 10px;
margin: 0px;
width: 480px;
height: auto;
font: normal 10px/14px "Franklin Gothic Medium", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
text-align: center;
overflow: hidden;
}
* html div#cont2 {
clear: both;
padding: 0px;
margin: 0px;
width: 473px;
height: auto;
}
div#cont2 {
clear: both;
padding: 10px;
margin: 10px;
width: 473px;
height: auto;
}
/* End 3 wise boxes */
/* Error message on Contact form */
#theform .red {border: 1px solid #6C2E41;}
#theform label.red {border: none; color: #6C2E41;}
#theform .customRed {border: none; color: #6C2E41;}
#validationMessage {
padding: 5px;
border: 1px solid #6C2E41;
margin: 0;
color: #6C2E41;
font-weight: bold;
display: none;
background-color: #FFC;
}
#validationMessage ul { padding: 15px; color: #000;}