body,html {
background: #0C2B56 url(/images/cs-bg.gif) top left repeat-x;
font-family: Verdana,Arial,Helvetica,Sans-Serif;
margin: 0 auto 36px auto;
color: #000000;
}
body.legal_docs { background-color: #ffffff; padding: 24px; }
/* page structural elements */
#header {
width: 95%;
max-width: 1024px;
min-width: 900px;
margin: 0 auto 0 auto;
background:transparent;
}
#createsource-logo { float: left; width: 284px; margin:26px 0 0 0; }
#createsource-services { float: left; width: 304px; margin:46px 0 0 25px; }
#createsource-phone { float: right; width: 280px; }
#head-nav { width: 881px; margin: 1px auto 0 auto; }
#head-nav ul { padding:0; margin:0; }
#head-nav ul li { list-style:none; display: inline; }
#main { width: 95%; min-width: 900px; max-width: 1024px; margin:12px auto 0 auto; padding: 0; background: #ffffff url(/images/lt-border.gif) top left repeat-y; }
#inner { margin:0; padding: 0 36px 12px 36px; background: transparent url(/images/rt-border.gif) top right repeat-y; }
#top-border,#bot-border{ height: 11px; float: left; margin:0; padding:0; }
#top-border { width: 100%; background: #ffffff url(/images/top-border.gif) top repeat-x; }
#bot-border { width: 100%; background: #ffffff url(/images/bot-border.gif) bottom repeat-x; }
#tl, #tr, #bl, #br { height: 11px; width: 11px; font-size: 2px; margin:0; padding:0; background:url(/images/22x22corner.gif); }
#tl { float: left; background-position: 0 0; }
#tr { float: right; background-position: 11px 0; }
#bl { float: left; background-position: 0 -11px; }
#br { float: right; background-position: -11px -11px; }
#footlinks { text-align: center; margin:9px 0 0 0; padding: 0; font-size: 80%; color: #ffffff; min-width: 900px; }
#footlinks li { list-style:none; display:inline; }
/* general classes and styles */
h1 { color:#2e4f81; font-size: 24px; text-align: center; }
h2 { color:#2e4f81; font-size: 22px; text-align: center; }
h3 { color:#2e4f81; font-size: 18px; text-align: center; }
h1.wht,h2.wht,h3.wht { color:#0000a0; }
/* All tables should be for tabular data only, with a few form exceptions. In either case . . . .*/
table { font-family: arial, helvetica, sans-serif; font-size: 90%; }
.legal_docs p { font-size: 75%; }
.innerBox { width: 95%; margin: auto; padding: 12px; background-color: #f7f3f0; color: #000000; }
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.narrow-p { width:75%; margin:auto; text-align:center; }
.medium { font-size: 85%; }
.small { font-size: 75%; }
.bold { font-weight: 700; }
.emph { font-weight: 700; color: #FF0000; }
.blk { background-color: #000000; color: #ffffff; font-weight:700; text-align:center; padding:4px; }
.clear { clear: both; }
.gray { background-color:#f5f5f5; }
.srch_wht { background-color: #ffffff; text-align: center; font-size: 85%; }
.srch_gray { background-color: #f5f5f5; text-align: center; font-size: 85%; }
.nodot li { list-style: none; }
.arrow-list li { list-style-image: url(/images/separator.gif); }
.list-row { text-align: center; font-size: 90%; }
.list-row li { margin:0; padding:0; display: inline; text-align: center; }
.lastmod { text-align: right; font-style: italic; font-size: 90%; }
.rt-img { float: right; margin: 12px 0 12px 12px; }
.lt-img { float: left; margin: 12px 12px 12px 0; }
.bordered { border: 1px solid #beb194; background-color: #ffffff; padding: 4px; margin-right: 24px; text-align: center; }
label { font-weight:700; }
/* main page only */
#main-c { width: 85%; margin: auto; }
#intro { font-size: 18px; margin-bottom:0; text-align: left; }
.main-topic { border: 1px solid #0C2B56; background-color: #F6F5F0; margin-bottom:18px; }
.img-main { /* image container */
float: right;
width: 225px;
margin:6px;
border: 1px solid #beb194;
background-color: #ffffff;
padding: 4px;
text-align: center;
}
.main-topic p { margin:0; padding: 9px; }
.more-info { font-weight: 700; }
.main-topic h4 { text-align:left; padding: 4px; margin:0; background-color: #0C2B56; color: #ffff00; }
/* for customer login and forms only */
.submit_forms { margin: 12px; padding: 6px; border: 1px solid #DFE5FF; }
#cust_login {
width: 25%;
margin: 12px;
font-size: 75%;
padding: 6px;
background-color: #ffffff;
border: 1px solid #2421A6;
}
.login-head { background-color: #2421A6; color: #ffffff; font-weight: 700; padding: 3px; margin: 0 0 6px 0; }
.form-row { margin: 0 0 2px 0; }
.labelcol {
width: 35%;
float: left;
text-align: right;
font-weight: 700;
white-space: nowrap;
margin-right: 12px;
}
#submit-row { text-align: center; }
#submit-row input { margin: 12px; }
/* Portfolio. Breadcrumb uses list-row above, but overrides some attributes. */
.cat_section {
width: 75%;
margin: 0 auto 8px auto;
background-color: #E6E2DA;
border: 2px solid #beb194;
padding: 4px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 85%;
}
.cat_section p { margin-top:0; }
.cat_section h4 { margin: 0 0 6px 0; padding: 6px 0 6px 6px; width: 99%; font-size: 120%; background-color: #0C2B56; color: #ffff00; }
.cat_section h5 { margin: 6px; padding:0; }
.cat_section .lastmod { margin: 0; padding:0; font-weight: 700; }
.cat-img {
float: left;
width: 148px;
margin:0 12px 12px 0;
border: 1px solid #beb194;
background-color: #ffffff;
padding: 4px; margin-right: 24px;
}
.no-img-placeholder { padding: 30px 30px 30px 60px; }
#pf_breadcrumb { width: 95%; margin: 0 auto 6px auto; padding:0; text-align: right; font-size: 90%; font-weight: 900; }
#portfolio_detail { width: 95%; margin: auto; padding: 4px; background-color: #DDD7CA; }
#portfolio_inner { background-color: #ffffff; padding: 9px; border: 2px solid #beb194; }
#pf_top { background-color: #E6E2DA; border: 2px solid #beb194; padding: 4px; }
#pf_top h3 { margin: 0; padding: 6px 0 6px 0; width: 100%; font-size: 120%; text-align: center; background-color: #0C2B56; color: #ffff00; }
#pf_top ul { padding:4px 4px 4px 12px; margin:0; }
#involvement,
#client_info,
#skills { font-size: 80%; }
#involvement { width: 33%; float: right; }
#client_info { width: 33%; float: left; }
#skills { margin: 0 33% 0 33%; padding: 0; }
#skills ul { padding-left: 24px; }
#skills ul li { padding-bottom: 6px; }
/* customer login area */
#cust-login { font-size:85%; width: 95%; margin: 0 auto 36px auto; }
#cust-login-left { float: left; width: 49%; background-color: #E6E2DA; border: 2px solid #beb194; padding: 4px; }
#cust-login-right { margin: 0 0 0 51%; background-color: #E6E2DA; border: 2px solid #beb194; padding: 4px; }
#cust-login h3 { margin: 0; padding: 6px 0 6px 0; width: 100%; font-size: 120%; text-align: center; background-color: #0C2B56; color: #ffff00; }
/* odds and ends, then links */
#resume { width: 85%; margin: auto; }
#resume h3 { text-align: left; margin-bottom: 4px; }
#resume .list-row { text-align: left; margin-top: 0; }
#resume h4 { margin-bottom: 0; }
#resume table p { margin:4px; padding: 0; }
#resume table .nodot { margin: 4px; }
a:link { color: #0C2B56; }
a:visited { color: #5C5A55; }
a:hover { color: #885D1D; }
a:active { color: #FF0000; }
.cat_section h4 a:link { color: #ffff00; font-weight: 700; }
.cat_section h4 a:visited { color: #ffffff; font-weight: 700; }
.cat_section h4 a:hover { color: #ffffff; font-weight: 700; }
.cat_section h4 a:active { color: #FF0000; font-weight: 700; }
a.dark:link,#footlinks a:link { color: #FFC600; font-weight: 700; }
a.dark:visited,#footlinks a:visited { color: #FFEB89; font-weight: 700; }
a.dark:hover,#footlinks a:hover { color: #ffffff; font-weight: 700; }
a.dark:active,#footlinks a:active { color: #FF0000; font-weight: 700; }