
/* ------------ BEGIN CSS RENDERING ---------- */

/* -------------------------------------------------------

NIELIN COMMUNICATIONS
CSS STYLESHEEP
MODIFIED: 10/27/2006

----------------------------------------------------------- */


/* GENERAL CSS STYLES */
html { background-color: #000000; }
body { font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif; font-size: 11px; color: #C6C6C6; background-color: #000000; margin: 0px; padding: 0px; text-align: center; }

a { color: #FFFFFF; text-decoration: underline; }
a:visited { color: #999999; }
a:hover { color: #FF9900; }
p {line-height: 130%; margin: 0px 0px 10px 0px; padding: 0px;}
h1, h2, h3, h4, h5, h6 { font-family: Optima, Palatino, "Palatino Linotype", "Book Antiqua", "Trebuchet MS", serif; color: #FFFFFF; text-transform: uppercase; }
h1 { font-size: 20px;margin-top: 0px;padding-top: 0px;margin-bottom: 7px;letter-spacing: 1px;}
h2 { font-size: 14px; margin-bottom: 10px;}
h3 { font-size: 12px; }
h4 { font-size: 11px; }
div#wrapper { width: 850px;text-align: left;margin-right: auto;margin-left: auto;margin-top: 25px;}
div#masthead {background-image: url(../_images/_themes/default/nielin_logo.jpg);background-repeat: no-repeat;background-position: 165px 0px;height: 100px;clear: both;}


/* MAIN NAVIGATION STYLES */

div#logo { float: left; width: 66px; height: 100px; }
ul#mainNav { float: right; padding-right: 15px; }
ul#mainNav li { list-style-type: none; float: left; }
ul#mainNav li a{ background-repeat: no-repeat; background-position: 0px 0%; height: 25px; display: block; margin-right: 10px; }
ul#mainNav li a:hover,
ul#mainNav li a.selected{ background-position: 0px 100%; }
ul#mainNav li a.selected{ cursor: default; }
ul#mainNav li a span{ display: none; }
ul#mainNav li#home a { background-image: url(../_images/_themes/default/nav_home.gif); width: 47px; }
ul#mainNav li#profile a { background-image: url(../_images/_themes/default/nav_profile.gif); width: 57px; }
ul#mainNav li#services a { background-image: url(../_images/_themes/default/nav_services.gif); width: 62px; }
ul#mainNav li#portfolio a { background-image: url(../_images/_themes/default/nav_portfolio.gif); width: 77px; }
ul#mainNav li#contacts a { background-image: url(../_images/_themes/default/nav_contacts.gif); width: 72px; margin-right: 0px; }


/* SECONDARY NAVIGATION */

div#subNav {float: left;width: 150px;text-align: right;padding-right: 7px;font-size: 9px;}
div#subNav p { margin-top: 0px; padding-top: 0px; }
div#subNav ul { margin: 0px; padding: 0px; font-size: 11px; text-transform: uppercase; font-family: Optima, Palatino, "Palatino Linotype", "Book Antiqua", "Trebuchet MS", serif; }
div#subNav ul li { list-style-type: none; margin-bottom: 10px; }
div#subNav ul li a{ color: #CCCCCC; font-weight: lighter; text-decoration: none; }
div#subNav ul li a:visited { color: #CCCCCC }
div#subNav ul li a:hover { color: #CCCCCC; text-decoration: underline; }
div#subNav ul li a.selected {color: #FF9900;font-weight: bold;text-decoration: underline;}
div#subNav ul li a.activelink {color: #FF9900;font-weight: bold;text-decoration: underline;}

/* CONTENT STYLES */

div#content {clear: both;padding-top: 0px;}
div#banner {float: left;background-image: url(../_images/_banners/scn_banner_1.jpg);background-repeat: no-repeat;background-position: 0px 0px;height: 255px;width: 678px;}
div#mainCol {float: left; width: 415px; margin-left: 165px;font-size: 11px;margin-right: 15px;}
div#sideCol {float: left;width: 215px;background-image: url(../_images/_themes/default/bdr_vert_content.gif);background-repeat: no-repeat;background-position: 0px 0px;padding-left: 15px; font-size: 11px;}

div#sideCol p { font-size: 10px; }
div#sideCol h2 { font-size: 14px;}
div#sideCol h3 { font-size: 11px;}
div#sideCol h4 { font-size: 10px;}

div.column {float: left; width: 200px; margin-right: 25px; }
div.row { padding-left: 165px; padding-bottom: 15px;}



/* BREADCRUMB STYLES */

ul#breadcrumbs {margin: 3px 0px 20px 0px;padding: 0px;font-size: 9px;}
ul#breadcrumbs li {list-style-type: none;display: inline;margin-right: 2px;}
ul#breadcrumbs li a{color: #CCCCCC;text-decoration: none;}
ul#breadcrumbs li a:visited{color: #CCCCCC;}
ul#breadcrumbs li a:hover{color: #FF9900;text-decoration: underline;}


/* MISCELLANEOUS STYLES */

div.separator {clear: both;height: 1px;}
.pdf {background-image: url(../_images/_themes/default/img_pdficon_small.gif);background-repeat: no-repeat;background-position: 0px 0px;padding-left: 25px;line-height: 18px;}
div.clear { clear: both; }
div.visibleSeparator { clear: both; height: 1px; margin-top: 5px; margin-bottom: 5px; background-image: url(../_images/_themes/default/bdr_footer.gif); background-repeat: no-repeat; background-position: 0px 0px; }
.pgTopHdr { margin-bottom: 0px; }


/* PORTFOLIO STYLES */

div.project { float: left; margin-top: 0px; margin-right: 10px; margin-bottom: 10px; margin-left: 0px; }
#projectPage div#banner {float: left;background-image: none;background-repeat: no-repeat;background-position: 0px 0px;height: 255px;width: 678px;}
#projectPage ul#breadcrumbs {padding-bottom: 15px;}
#projectPage div#mainCol {float: left; width: 500px; margin-left: 165px;font-size: 11px;margin-right: 15px;}
#projectPage div#sideCol {float: left;width: 130px;background-image: url(../_images/_themes/default/bdr_vert_content.gif);background-repeat: no-repeat;background-position: 0px 0px;padding-left: 15px; font-size: 11px;}
.projectField { margin-bottom: 2px; }



/* FOOTER STYLES */

div#footer {text-align: left; padding-left: 165px;clear: both;background-image: url(../_images/_themes/default/bdr_footer.gif);background-repeat: no-repeat;background-position: 165px 15px;padding-top: 25px;font-size: 9px;}
ul#footerNav {margin: 0px;padding: 0px 0px 3px 0px;font-size: 10px;}
ul#footerNav li {list-style-type: none;display: inline;}
ul#footerNav li a{margin-right: 10px; color: #CCCCCC;text-decoration: underline;}
ul#footerNav li a:visited{color: #CCCCCC;}
ul#footerNav li a:hover{color: #FF9900;}
div#footer p{ margin: 3px 0px 3px 0px; }



/* TEXT FORMAT STYLES */

.txtBG { font-weight: bold; color: #666666;}
.txtSZ11 { font-size: 11px; text-transform: uppercase;}
.txtCOrange { color: #FF9900; }
.txtCaps { text-transform: uppercase; }
.txtUL { border-bottom-size: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999999; }
.txtBdOrg {font-weight: bold;color: #FF9900;}
.txtFieldLegend {font-size: 12px;color: #FFFFFF;background-color: #666666;margin: 0px 0px 20px;padding: 2px 5px;}



/* LIST STYLES */

ul#methodPhases { margin: 0px; padding: 15px 0px 0px }
ul#methodPhases li {list-style-type: none;padding-left: 75px;padding-bottom: 15px;}
ul#methodPhases li#phaseOne {background-image: url(../_images/_themes/default/bullet_no1.gif);background-repeat: no-repeat;background-position: 0px 0px;}
ul#methodPhases li#phaseTwo {background-image: url(../_images/_themes/default/bullet_no2.gif);background-repeat: no-repeat;background-position: 0px 0px;}
ul#methodPhases li#phaseThree {background-image: url(../_images/_themes/default/bullet_no3.gif);background-repeat: no-repeat;background-position: 0px 0px;}
ul#methodPhases li#phaseFour {background-image: url(../_images/_themes/default/bullet_no4.gif);background-repeat: no-repeat;background-position: 0px 0px;}
ul.clientList {margin: 0px;padding: 0px;list-style-type: none;}
ul.siteMapList {margin: 0px;padding: 0px;list-style-type: none;}


/* TABLE STYLES */

#pricing {width: 415px;border-left: 1px solid #999999;border-top: 1px solid #999999;border-bottom: 1px solid #999999;margin-bottom: 0px;}
#pricing, #pricing tr, #pricing th, #pricing td {font-size: 11px;}
#pricing th, #pricing td {padding: 4px; text-align: center; border-right: 1px solid #999999;}
#pricing th {width: 106px;font-weight: bold;border-bottom: 1px solid #999999;background-color: #666666;}
#pricing td {background-color: #0D0D0D;}
#pricing caption {text-align: right; font-size: 9px; padding-top: 4px;}

#design {width: 415px;border-left: 1px solid #999999;border-top: 1px solid #999999;border-bottom: 1px solid #999999;margin-bottom: 0px;}
#design, #design tr, #design th, #design td {font-size: 11px;}
#design th, #design td {padding: 4px; text-align: center; border-right: 1px solid #999999;}
#design th {width: 106px;font-weight: bold;border-bottom: 1px solid #999999;background-color: #666666;}
#design td {background-color: #0D0D0D;}
#design caption {text-align: right; font-size: 9px; padding-top: 4px;}

#hosting {width: 415px;border-left: 1px solid #999999;border-top: 1px solid #999999;border-bottom: 1px solid #999999;border-right: 1px solid #999999;margin-bottom: 0px;}
#hosting, #hosting tr, #hosting th, #hosting td {font-size: 11px;}
#hosting th, #hosting td {padding: 4px;text-align: center;background-color: #0D0D0D;}
#hosting td.fieldNm {text-align: left;}
#hosting td.sectionNm {text-align: left;background-color: #666666;border-top-width: 1px;border-bottom-width: 1px;border-top-style: solid;border-bottom-style: solid;border-top-color: #999999;border-bottom-color: #999999;}
#hosting td.spacer {background-color: #000000;padding: 0px;}
#hosting td.order {text-align: right;padding: 0px;background-color: #000000;}
#hosting th {width: 106px;font-weight: bold;background-color: #666666;}
#hosting caption {text-align: right; font-size: 9px; padding-top: 4px;}





/* FORM STYLES */

form { width: 415px; }
fieldset {border: 1px dotted #333333;padding: 0px 0px 10px;margin-bottom: 15px;}
legend {font-size: 12px;background-color: #999999;}
div.formField {clear: both;padding: 12px 5px 5px;}
div.formSubmit { clear: both; text-align: right; padding-top: 10px; }
.formLabel { float: left; margin-right: 7px; text-align: right; width: 150px; }
.formInput { float: left;border: 1px solid #999999;width: 225px;font-size: 11px;color: #333333;}
.formTextArea {height: 100px;width: 225px;border: 1px solid #999999;font-size: 11px;color: #333333;}
.formSelect {float: left;width: 150px;font-size: 11px;color: #333333;}
.formRadio {float: left;width: 225px;padding-bottom: 12px;}
.success { font-weight: bold; color: #FF9900; }
.error { color: #FF0000; }

