/* ---------------------------------------------------------------------------- Copyright Creative Giant Design Group, LLC 2008. Used with Permission. May not be duplicated or reproduced. ---------------------------------------------------------------------------- */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* No list-markers by default - must redefine bullets w/ bg graphics */ ul,ol { list-style:none; } /* Avoid browser default inconsistent heading font-sizes and pre/code */ h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; } /* Remove inconsistent (among browsers) default padding or margin */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; } /* prevent blue linked image borders */ a img,:link img,:visited img,fieldset { border:none; } /* global elements * ------------------------------------------------------------------------- */ body { background: url(../images/bg.jpg) repeat-x; background-color: #383838; text-align: center; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; } a { color: #103866; } h1,h2,h3,h4,h5,h6 { font-weight: normal; font-family: "Tahoma", Arial, Helvetica, sans-serif; } p { padding: 10px 0px 10px 0px; line-height: 20px; } h4,h5,h6 { font-size: 11px; font-weight: bold; text-decoration: underline; padding: 0px 0px 0px 0px; } textarea, input, table { font-family: Arial, Helvetica, sans-serif; } .italics { font-style: italic; width: 95%;} .bluebold { color: #1cb0b3; font-weight: bold; } .imgright, .alignright { margin: 5px 0px 5px 15px; float: right; } .imgleft, .alignleft { margin: 5px 15px 5px 0px; float: left; } .breadcrumb { font-size: 11px; margin: 0px 0px 8px 0px; padding: 3px 0px 3px 0px; color: #666666; border-width: 1px 0px 1px 0px; border-style: dotted; border-color: #cccccc; } .narrowcolumn { padding-top: 8px; } .entry, .commentlist li { border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #d1d1d1; margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; } .btn_learn { font-weight: bold; font-size: 11px; } #content_area li { background: url(../images/bullet.gif) no-repeat 0px 6px; padding-left: 10px; } /* framework * ------------------------------------------------------------------------- */ #container { margin: 0px auto 0px auto; padding: 0px; width: 990px; text-align: left; background: url(../images/page_bg.jpg) repeat-y top; } #container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* left column */ #left_column { width: 740px; color: #2b2b2b; background: url(../images/top_left.jpg) no-repeat top left; float: left; } #navigation { width: 740px; height: 51px; background: url(../images/top_phone.gif) no-repeat top right; } #nav { width: 551px; height: 51px; margin: 0px 0px 0px 20px; background: url(../images/navbar.gif) no-repeat; position: relative;} #nav li { list-style: none; padding: 0px; margin: 0px; position: absolute; top: 0px;} #nav li, #nav a { height: 51px; display: block; } #nav span { display: none;} #nav_1 { width: 43px; left: 13px;} #nav_2 { width: 90px; left: 56px;} #nav_3 { width: 110px; left: 146px;} #nav_4 { width: 117px; left: 256px;} #nav_5 { width: 95px; left: 373px;} #nav_6 { width: 83px; left: 468px;} #nav_1 a:hover { background: transparent url(../images/navbar.gif) -13px -51px no-repeat;} #nav_2 a:hover { background: transparent url(../images/navbar.gif) -56px -51px no-repeat;} #nav_3 a:hover { background: transparent url(../images/navbar.gif) -146px -51px no-repeat;} #nav_4 a:hover { background: transparent url(../images/navbar.gif) -256px -51px no-repeat;} #nav_5 a:hover { background: transparent url(../images/navbar.gif) -373px -51px no-repeat;} #nav_6 a:hover { background: transparent url(../images/navbar.gif) -468px -51px no-repeat;} #main_area { padding: 0px 0px 0px 40px; height: 277px; } #tagline { width: 169px; height: 277px; background: #ffffff; float: left; } #main_image { width: 511px; height: 277px; background: #ffffff; float: left; } #nav_hr { position: relative; top: -7px; height: 1px; background: #ffffff; margin-left: 20px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #dddddd; } #content_area { padding: 10px 20px 0px 40px; } #content_left { width: 169px; float: left; line-height: 18px; } #content_left .info_pod { padding: 50px 20px 20px 0px; background: url(../images/dcp_logo-sml.gif) no-repeat top left; } #content_left h3 { font-weight: bold; text-decoration: underline; margin-bottom: 10px; } #content_left h4 { font-weight: bold; text-decoration: none; margin: 0px 0px 0px 0px; } #content_left ul { font-size: 11px; margin-bottom: 10px; } #content_right { width: 511px; float: left; } #welcome_area { padding: 0px 0px 0px 20px; } #welcome_area h1 { color: #1e3d6c; font-size: 23px; font-weight: bold; padding: 0px 0px 10px 0px; } #welcome_area h2 { font-size: 23px; font-weight: bold; padding: 0px 0px 10px 0px; border-width: 0px 0px 1px 0px; border-style: solid; border-color: #dddddd; } #home_content { padding: 20px 0px 0px 20px; } #home_content h3 { font-size: 17px; font-weight: bold; padding: 0px 0px 10px 0px; } #home_left { width: 235px; margin-right: 20px; float: left; } #home_right { width: 235px; float: left; } #contact_page { } #contact_page form { padding: 20px; background: #efefef; } #contact_page label { float: left; width: 100px; font-size: 11px; font-weight: bold; } .form_field { width: 250px; height: 22px; margin: 0px 0px 3px 0px; font-size: 11px; padding: 2px 0px 0px 3px; } .form_textarea { width: 250px; height: 120px; margin: 0px 0px 6px 0px; font-size: 11px; padding: 2px 0px 0px 3px; } /* right column */ #right_column { width: 250px; color: #dae4f2; font-size: 11px; float: left; } #right_column h4 { color: #f2dcda; } #right_column p { color: #dae4f2; } #right_column a { color: #e4d8c3; } #logo_area { width: 250px; height: 175px; background: url(../images/top_logo.jpg) no-repeat; } #logo_area h1 { display: none; } #contact_form { color: #ffffff; font-size: 11px; line-height: 18px; padding: 0px 20px 15px 0px; margin-bottom: 40px; background: url(../images/label_bg.gif) repeat-y left; } #contact_form form { background: url(../images/label_contact.gif) no-repeat left; padding: 0px 0px 0px 47px;} .quick_field { width: 183px; height: 22px; margin: 0px 0px 3px 0px; font-size: 11px; padding: 2px 0px 0px 3px; } .quick_textarea { width: 183px; height: 90px; margin: 0px 0px 6px 0px; font-size: 11px; padding: 2px 0px 0px 3px; } #locations { color: #ffffff; font-size: 11px; line-height: 18px; margin-bottom: 40px; padding: 0px 20px 15px 0px; background: url(../images/label_bg.gif) repeat-y left; } #locations .info_pod { background: url(../images/label_location.gif) no-repeat left; padding: 0px 0px 0px 47px; } #footer_container { width: 990px; height: 200px; color: #cccccc; background: url(../images/footer_bg.gif) no-repeat top left; margin: 0px auto 0px auto; padding: 0px; text-align: left; } #footer_links { width: 720px; text-align: right; padding: 50px 0px 10px 0px; font-size: 11px; } #footer_links a { color: #ffffff; } #copyright { padding-left: 20px; text-align: left; font-size: 11px; color: #696969; } #copyright a { color: #777777; text-decoration: none; } /* wp comments */ .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li ul li { font-size: 1em; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform { margin: 5px 10px 0 0; } #commentform textarea { width: 100%; padding: 2px; } #respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #commentform #submit { margin: 0 0 5px auto; float: right; } /* End Form Elements */ /* Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; } .commentlist li ul li { margin-right: -5px; margin-left: 10px; } .commentlist p { margin: 10px 5px 10px 0; } .children { padding: 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* End Comments */