/* CSS Rules /* /* site.com */ /* written by mysite.com */ /* GENERAL *******************************************************************************************************************/ body { color: #333333; font: 14px Arial, Verdana; text-align: center; background: #FFF url(../images/bg.jpg) top center repeat-x ; margin: 0px; } #interior { color: #293C55; font: 13px Verdana, Arial; text-align: center; background: #F0F3FC url(../images/bg-int.jpg) top center repeat-x ; } h1 { font-size: 19px; font-weight: bold; padding-bottom: 5px; } h2 { font-size: 30px; padding-top: 35px; } .orange { color: #FF5D00; } hr { color: #bbbbbb; height: 1px; } a:link, a:visited, a:active { color: #FF5D00; text-decoration: underline; } a:hover { color: #CA0606; text-decoration: none; } #content-port-landing .selected { color: #CA0606; text-decoration: none; } #content ul, #content-wide ul, #content-port ul { /* margin-left: 0; padding-left: 0; */ list-style: none; } #content li, #content-wide li, #content-port li { padding-left: 17px; background-image: none; background-image: url(../images/bulllet.jpg); background-repeat: no-repeat; background-position: 0 .5em; margin: 5px 5px 0px 0px; } /* LAYOUT RULES *******************************************************************************************************************/ #logo { margin: 0 auto; width: 282px; text-align: left; height: auto; float: left; margin-top: 17px; } #logo-house { margin: 0 auto; width: 282px; text-align: left; height: auto; float: left; margin-top: 17px; margin-bottom:-2px; } #container { margin: 0 auto; width: 960px; text-align: left; height: auto; padding: 0px 10px; } #left-border { margin: 0px; padding: 0px; float: left; width: 12px; height: 500px; background: url(../images/left.jpg) top left repeat-x; } #center-column { margin: 0px; padding: 0px; float: left; width: 747px; overflow: visible; } #right-border { margin: 0px; padding: 0px; float: left; width: 12px; height: 500px; background: url(../images/right.jpg) top left repeat-x; } /*interior*/ #left-border-int { margin: 0px; padding: 0px; float: left; width: 12px; height: 500px; background: url(../images/left-int.jpg) top left repeat-x; } #right-border-int { margin: 0px; padding: 0px; float: left; width: 12px; height: 500px; background: url(../images/right-int.jpg) top left repeat-x; } #ph { margin: 0; padding: 0px ; border: 0; width: 771px; background: url(../images/ph-image-left.jpg) top left repeat-x ; float: left; text-align: right; } #ban-rotator { margin: 0px; border: 0px; width: 960px; height: 276px; float: left; padding-top: 0px; } #ban-rotator img { margin: 0px; border: 0px; width: 960px; height: 276px; float: left; padding-top: 0px; } #ban-rotator a:link, #ban-rotator a:visited, #ban-rotator a:active { color: #FFF; text-decoration: none; border: 0px; } #ban-rotator a:hover {color: #FFF; text-decoration: none; border: 0px; } #flash-btm { margin: 0px; padding: 0px; border: 0px; width: 960px; height: 46px; float: left; padding-bottom: 15px;} #banner { margin: 0px; padding: 0px; border: 0px; width: 771px; height: 181px; float: left;/* border-bottom: 3px solid #AD944F;*/ position: relative;/* pos-relative for #img-ext*/ } #img-ext { position:absolute; top:68px; left: -137px; width:137px; height:319px; background:url(../images/img-ext.jpg) no-repeat; } #img-ext-int { position:absolute; top:-76px; left: -127px; width:127px; height:280px; background:url(../images/img-ext-int.jpg) no-repeat; } #content { width: 960px float: left; margin: 0px; padding: 0px; background: url(../images/content-top.jpg) top repeat-x; } #content-wide { width: 960px float: left; margin: 0px; padding: 0px; background: url(../images/content-top.jpg) top repeat-x; } #content-wide #main { width: 900px; margin: 0px; margin: 0px 40px 0px 40px; padding-bottom: 30px;} #content-wide-news { width: 800px float: left; margin: 0px; padding: 0px; background: url(../images/content-top.jpg) top repeat-x; } #content-wide-news #main { width: 720px; margin: 0px; margin: 0px 40px 0px 40px; padding-bottom: 30px;} #content-wide-news .left { width: 550px; margin: 0px; margin: 0px 50px 0px 20px; float: left; } #content-wide-news .right { width: 320px; margin: 0px; margin: 0px; padding-top: 42px; float: left;} #content-wide-news h2 { padding: 0px; margin: 0px; padding-top: 25px;} #content-port { width: 960px float: left; margin: 0px; padding: 0px; background: url(../images/content-top.jpg) top repeat-x; } #content-port-landing { width: 960px float: left; margin: 0px; padding: 0px; background: url(../images/content-top.jpg) top repeat-x; } #content #padding { padding: 40px 20px 0px 20px; width: 731px; /*subtract padding from center column width*/ position: relative; overflow: visible; float: left; height: 100%; } #content #main { width: 605px; float: left; margin: 0px; margin: 0px 25px 0px 30px; padding-bottom: 30px;} #content #sidebar { width: 280px; float: left; margin: 0px; padding-bottom: 30px; } #content-port-landing #main { width: 625px; float: left; margin: 0px; margin: 0px 25px 0px 30px; padding-bottom: 30px;} #content-port-landing #sidebar { width: 280px; float: left; margin: 0px; padding-bottom: 30px; } #content-port #main { width: 280px; float: left; margin: 0px; margin: 0px 25px 0px 30px; padding-bottom: 30px;} #content-port #sidebar { width: 600px; float: left; margin: 0px; padding-bottom: 30px;} #content #divider { width: 960px float: left; margin: 0px; padding: 0px; background: url(../images/content-top.jpg) top repeat-x; } #bucket1 { width: 310px; float: left; margin: 0px 25px 0px 15px; padding: 0px; padding-bottom: 25px; line-height: 22px; } #bucket2 { width: 265px; float: left; margin: 0px 15px 0px 0px; padding: 0px; padding-bottom: 25px; line-height: 22px; } #bucket2 .entry-home { float: left; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #E8E3D7; width: 270px; } #bucket3 { width: 275px; float: left; margin: 0px; padding: 0px; padding-bottom: 15px; } #client-bar { width: 960px; float: left; margin: 0px; padding: 0px 0px; background: url(../images/clientsbox-bg.JPG) top repeat-y; height: 70px; } #client-bar #text { float: left; padding: 31px 25px 0px 30px; font-weight: bold; } #client-bar .red { color:#CC0000; } .comment { float: left; width: 570px; background: url(../images/comments-bg.JPG) top repeat-x; height: auto; padding: 20px 20px; margin: 20px 0px; } .paginate { width: 500px; float: left; margin: 10px; padding-top: 10px; } #content-blog { width: 960px margin: 0px; padding: 0px; background: url(../images/content-top.jpg) top repeat-x; } #content-blog #main { width: 630px; float: left; margin: 0px; padding: 0px; margin-left: 30px; margin-right: 15px;margin-bottom: 50px; } #content-blog #sidebar { width: 280px; float: left; margin: 0px; padding-bottom: 30px; } #content-blog #divider { width: 960px float: left; margin: 0px; padding: 0px; background: } #content-blog h1 { font-size: 22px; font-weight: bold; padding-bottom: 5px; } #content-blog #main h2 { font-size: 30px; padding-bottom: 5px; padding-top: 35px; width: 500px; } #content-blog #sidebar h3 { font-size: 15px; width: 320px; } #content-blog .posted { color: #666666; } .entry { float: left; margin-top: 10px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #E8E3D7; width: 600px; } #entry { float: left; margin-bottom: 20px; } .entry-home { float: left; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #E8E3D7; width: 290px; } .entry-home h1 {font-size: 14px; font-weight: bold; padding-bottom: 0px; font-weight: bold; } .border { float: left; margin: 0px; width: 960px; } .comments { background: url(../images/comment.gif) no-repeat 0 center; padding-left: 20px; margin: 0 10px 0 5px; height: 24px;} /* corners*/ b.rtop, b.rbottom{display:block;background: #fff;} b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; } b.r1{margin: 0 5px;} b.r2{margin: 0 3px;} b.r3{margin: 0 2px;} b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px;} /* style classes */ .normal-list { margin: 10px 0 10px 30px; } .prominent { font-size: 16px; margin: 20px 0; } .prominent a { font-weight: bold; text-decoration: none; } .no-results { font-size: 18px; font-weight: bold; text-align: center; margin: 50px 0; } .wrapper { background-color: #f2f2f2; font-size: 13px; color: #444; line-height: 150%; margin-bottom: 15px; } /* color*/ .wrapper .inner-wrapper { padding: 13px 20px 13px 20px; overflow: hidden; } .wrapper .title { font-size: 16px; margin: 0 0 10px 0; } .wrapper a { text-decoration: none; } .wrapper b.rtop b, .wrapper b.rbottom b{background: #f2f2f2;} .wrapper ul { margin: 5px 0 0 0; list-style: none; } .wrapper ul li { margin-bottom: 2px; } .alt-wrapper { background-color: #E8E3D7; font-size: 13px; color: #444; line-height: 150%; margin-bottom: 15px; } .alt-wrapper .inner-wrapper { padding: 13px 20px 13px 20px; overflow: hidden; } .alt-wrapper .title { color: #335f96; font-size: 16px; margin: 0 0 10px 0; } .alt-wrapper a { text-decoration: none; } .alt-wrapper b.rtop b, .alt-wrapper b.rbottom b{background: #E8E3D7;}/* color*/ .alt-wrapper ul { margin: 5px 0 5px 30px; } .ad-wrapper .inner-wrapper { padding: 16px !important; } /* color*/ .ad-wrapper-wide .inner-wrapper { padding: 4px 17px 4px 17px !important; } /* Poortfolio page */ #port-logos { padding-right: 10px; padding-bottom: 20px; width: 190px; float: left; font: 12px Arial, Verdana; text-align: center;} /* NAVIGATION *******************************************************************************************************************/ #navlist { float: right; width: 600; margin: 20px 0px 0px 0px; padding-top: 80px; text-align: right; padding-right: 30px; } #navlist ul, #navlist li { margin: 0; padding: 0; display: inline; list-style: none; float: left; } #navlist a:link, #navlist a:visited { line-height: 14px; font-weight: bold; text-decoration: none; color: #000; padding: 0px 9px 0px 9px; border-right: 1px solid #000; } #navlist a:link#current, #navlist a:visited#current, #navlist a:hover { background: transparent; color: #CC0000; } #navlist a:hover { color: #CC0000; } /* FOOTER *******************************************************************************************************************/ #footer { color: white;margin: 0px auto; width: 100%; text-align: left; height: auto; font-size: 11px; background: #373737; margin-top: 25px; } /*#footer #bg { width: 747px; float: left; background: url(../images/footer-img.jpg) bottom left repeat-x; }*/ #footer p { color: white; padding: 12px 0px 0px 0px; margin:0px auto;} #footer a:link, #footer a:visited, #footer a:active { color: #FFF;text-decoration: none; } #footer a:hover { color: #FFF; text-decoration: underline; } #footer #footer-holder{ width:960px; margin:0px auto; overflow:auto; padding:10px 0px; background-image:url(pix/footerBg.gif); background-position:top center; background-repeat:no-repeat; } /* FORMS *******************************************************************************************************************/ #newsletter { margin-left: 30px; float: left; width: 250px; text-align: left; margin-bottom: -10px;} #newsletter h1 { padding-bottom: 0px; } #newsbutt .radio { color:#000; margin:0px 0px; padding: 4px; background:none; border: 0px; } .button { cursor: hand; background: url(../images/go.gif) top left repeat-x; border: none; width: 33px; height: 30px; color: #FFF; font-weight: bold; font-size: 12px; } .buttonHover { color: #FFE5B3; background: #FACE3E; border: 1px solid #FFE5B3; font-size:10px; text-decoration: none; cursor: hand; } input { color:#000; margin:6px 0px; background-color:#EFEDE5; border: 1px solid #DBD5C5; padding: 2px; } textarea { color:#000; margin:8px 0px; background-color:#EFEDE5; border: 1px solid #DBD5C5; padding: 4px; } .submit { color: #FFF; background: #C72B05; border: 1px solid #993300; cursor: hand; font-weight: bold; } #news { color:#000; width:150px; background-color:#EFEDE5; border: 1px solid #DBD5C5; margin: 0px; padding: 4px; margin-right: 10px; margin-left: 30px; position: relative; top: -8px;} /* ######### CSS for Shade Tabs. Remove if not using ######### */ .shadetabs{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style: none; text-align: left; /*set to left, center, or right to align the menu as desired*/ } .shadetabs ul{ list-style: none; } .shadetabs li{ display: inline; margin: 0; list-style: none; } .shadetabs li a{ text-decoration: none; position: relative; z-index: 1; padding: 6px 7px; margin-right: 3px; border: 1px solid #D6D6D6; height: 8px; background: white url(../images/tab-bg.jpg) top left repeat-x; list-style: none; } .shadetabs li a:visited{ } .shadetabs li a:hover{ text-decoration: underline; } .shadetabs li a.selected{ /*selected main tab style */ position: relative; top: 0px; } .shadetabs li a.selected{ /*selected main tab style */ background-image: url(../images/tab-bg-active.jpg); border-bottom-color: white; } .shadetabs li a.selected:hover{ /*selected main tab style */ text-decoration: none; } .tabcontent{ display:none; } @media print { .tabcontent { display:block !important; } } .whitetext { color:#FFFFFF; } .whitetext a:link { color:#FFFFFF; text-decoration:underline; } .whitetext a:visited { color:#FFFFFF; text-decoration:underline; } .whitetext a:hover { color:#FFFFFF; text-decoration:none; } .whitetext a:active { color:#FFFFFF; text-decoration:none; } .whiteheader { color:#FFFFFF; font-size:18px; font-weight:bold; }