/*==============================================/ Styles For goRagged. June 2015 #30bcb0 - green #b6dace - lt green #1c75bc - blue /==============================================*/ /*------- General -------*/ html, body { background: #000; height: auto; margin: 0px; padding: 0px; line-height:18px;} .clear { height: 0%; float: none; clear: both; overflow: hidden; } p, td { line-height:16px; font-family: Verdana, Arial; font-size: 12px; color: #3a3a3a; text-decoration: none; text-align:center; } li.normal { line-height:16px; font-family: Verdana, Arial; font-size: 12px; color: #3a3a3a; } p.center { text-align:center;} .words { line-height:16px; font-family: Verdana, Arial; font-size: 12px; color: #3a3a3a; text-decoration: none; text-align:justify; } #galleria{ width:700; height: 650px; background-color: #eee; border-top:2-px; } /*------- Containers -------*/ #big_container { color: #000000; background-color:#FFF; height: auto; width: 1000px; margin: 20px auto 0px auto; border-right: 1px solid #CFCFCF; border-left: 1px solid #CFCFCF; } #main_container { background-color:#000; height: auto; width: 500px; margin: 0px auto 0px auto; } #mainpage_logo { margin: 40px 0px 0px 0px; padding:0px 0px 0px 0px; } #mainpage_words { height: 100px; margin: 0px 0px 0px 0px; padding:10px 0px 0px 0px; } .center { margin: auto; padding: 10px; text-align:center; } #fp_container { background-color:#FFF; float:left; width:1000px; padding:0px 0px 0px 0px; display:inline; line-height: 100%; } #pic_container { background-color:#FFF; float:left; width:970px; align:center; padding:20px 0px 0px 0px; display:inline;} /*------- Front Page Containers -------*/ #mainpage_header { border-bottom:#006699 solid 3px; background: url(../images/header_background5.jpg) no-repeat; width:1000px; height:130px; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; } .header_left { float: left; padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; width:300px; } .header_right { float: right; padding:7px 30px 0px 0px; margin: 0px 0px 0px 0px; width:650px; text-align:right; } #mainpage_menu { width:1000px; height:auto; } #mainpage_words { height:130px; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; } #mainpage_bxslider { height:610px; width: 1000px; margin: 0px 0px 0px 0px; padding:0px 0px 0px 0px; } #mainpage_projects { vertical-align: top; background-color:#FFF; height:150px; width: 980px; margin: 10px 0px 2px 0px; padding:0px 0px 0px 0px; border: 10px solid #F0C5B5; } #mainpage_projectswords { font-family:Verdana, Arial; font-size:22px; color:#999999; text-align:center; margin: 15px 0px 15px 20px;} #mainpage_projects2 { height:104px; width: 750px; margin: 0px 0px 0px 110px; padding:0px 0px 0px 0px; } #mainpage_projects3 { height:20px; width: 750px; margin: 0px 0px 0px 110px; padding:0px 0px 0px 0px; font-family:Verdana, Arial; font-size:14px; color:#999999; text-align:center;} /*------- Front Page Layout -------*/ #fp_words { width:850px; margin: 0px 0px 0px 0px; padding: 5px 75px 0px 75px; float:left; clear:none; display:inline; line-height: 150%;} .fpbody_text {font-family: Verdana, Arial; font-size: 12px; color: #3a3a3a; text-decoration: none; text-align:justify; } #fp_bigpicture { float: left; align:center; width:800px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;} #fp_gallery { float: left; width:300px; margin: 0px 0px 0px 0px; padding: -150px 40px -300px 0px;} #fp_arrows { float: right; align:right; width:300px; margin: 1px 0px 0px 0px; padding: 0px 0px 0px 0px; } img.centered { float: left; display: block; vertical-align: middle; margin-top: auto; margin-bottom: auto; } /*------- Sub Page Layout -------*/ #sp_lefthomebutton { float: left; width:30px; min-height: 400px; align:center; margin:0px; padding:0px;} #sp_rightsidecontainer { float: left; width:1000px; padding:0px 0px 0px 0px; display:inline; line-height: 100%;} #sp_rightsidecontainer_spec { float: left; width:1000px; padding:0px 0px 0px 0px; display:inline; line-height: 100%; } #sp_words { float:left; margin: 0px 0px 0px 0px; padding: 0px 30px 25px 30px; text-align:justify; } #sp_pastprojectbox { float:left; margin: 0px 0px 0px 30px; padding: 0px 30px 25px 30px; } .sp_title { color: #006699; font-size: 14px; font-weight: bold; font-family: Verdana, Arial; padding: 0px 0px 0px 0px; } #sp_picture { float:right; margin:0px 0px 0px 0px; padding:0px 0px 40px 30px; vertical-align:top; } #sp_picture_contact { float:right; margin:0px 0px 0px 0px; padding:0px 0px 40px 50px; vertical-align:top; } #sp_spec_background { background: url(../images/pic_spec.jpg) no-repeat; margin:0px; padding:0px; } #testimonial_box { float:left; width:860px; background: #efefef; margin:10px 0px 10px 20px; padding:20px 20px 5px 20px; border-right: 2px solid #006699; border-left: 1px solid #006699; border-top: 1px solid #006699; border-bottom: 2px solid #006699; text-align:center; } #testimonial_words { font-family:Verdana, Arial; font-size:12px; color:#3a3a3a; font-weight:none; text-align:justify;} .testimonial_words2 { font-family:Verdana, Arial; font-size:12px; color:#3a3a3a; font-weight:none; text-align:right;} #sp_gridfulltop { float:left; width:923px; height:78px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; } #sp_gridwordbar { float:left; width:600px; height:23px; text-align:center; margin:2px 0px 2px 0px; padding:0px 0px 0px 0px;font-family:Verdana, Arial; font-size:12px; color:#3a3a3a; } #sp_gridleftbottom { float:left; width:102px; height:468px; margin:0px 18px 0px 0px; padding:0px 0px 0px 0px; } #sp_gridcenterbottom { float:left; width:600px; height:435px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;} #sp_gridrightbottom { float:left; width:102px; height:468px; margin:0px 0px 0px 18px; padding:0px 0px 0px 0px; } .sp_gridtopbox { float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; border-right: 3px solid #ffffff; border-bottom: 3px solid #ffffff; } #sp_barshadow { float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:800px; height:50px; } #sp_develop {float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:900px; } #sp_develop_left {float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:440px;} #sp_develop_right {float:right; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:440px; border: 1px solid #ddd; } #sp_developBH_left {float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:300px;} #sp_developBH_right {float:right; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:460px; border: 1px solid #ddd; } #sp_goveleft {float:left; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; width:520px;} #sp_goveright {float:right; margin:20px 0px 0px 0px; padding:10px 10px 10px 10px; width:300px; border: 1px solid #ddd; } #sp_houseplans {float:left; margin:10px 0px 10px 0px; padding:0px 0px 0px 0px; width:940px; border: 1px solid #ddd;} #sp_houseplans_left {float:left; margin:0px 20px 0px 20px; padding:0px 0px 0px 0px; width:440px;} #sp_houseplans_right {float:right; margin:0px 20px 0px 0px; padding:0px 0px 0px 0px; width:440px; } .why_box {float:left; margin:0px 0px 5px 0px; padding:0px 10px 0px 10px; width:920px; border: 1px solid #ddd;} .why_left {float:left; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; width:75px;} .why_right {float:right; margin:0px 0px 0px 0px; padding:0px 20px 0px 0px; width:800px; } /* ========== Links ========== */ a.mylinks, a.mylinks:visited { color: #0054a6; text-decoration: underline;font-family: Verdana, Arial;font-size: 12px;} a.mylinks:hover, .highlight { color: #ed1c24; text-decoration: none; font-family: Verdana, Arial;font-size: 12px; } a.footerlink, a.footerlink:visited { color: #5a5a5a; text-decoration: none; font-family: Verdana, Arial;font-size: 11px;} a.footerlink:hover, .highlight { color: #006699; text-decoration: underline; font-family: Verdana, Arial;font-size: 11px; } .picunderscore:hover { -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); opacity: 0.5; } .project_pic { float: left; height:100px; width: 850px; margin: 0px 0px 0px 100px; padding:0px 0px 0px 0px;} .project_pic a { float: left; height: 100px;margin-right: 5px;text-decoration: none; width: 250px;} .project_pic a.bunkerhill { background: url(../images/logos/BunkerHillcommon.png) no-repeat scroll 0 0 transparent;} .project_pic a.seamist { background: url(../images/logos/SeaMist.png) no-repeat scroll 0 0 transparent;} .project_pic a.stonecreek { background: url(../images/logos/StoneCreekEstates.png) no-repeat scroll 0 0 transparent;} .project_pic a.bunkerhill:hover, .project_pic a.seamist:hover, .project_pic a.stonecreek:hover{ -webkit-transition: all ease 0.7s; -moz-transition: all ease 0.7s; -o-transition: all ease 0.7s; -ms-transition: all ease 0.7s; transition: all ease 0.7s; } .project_pic a.bunkerhill:hover, .project_pic a.seamist:hover, .project_pic a.stonecreek:hover{ -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); transform:rotate(360deg); opacity: 0.5; } /* ========== Footer Layout ========== */ #footer { background-color: #e0e0e0; width:auto; height:140px;} #footer_container { margin: 0px auto 20px auto; border-top: #28903B 2px solid; width:1000px; border-right: #d0d0d0 1px solid; border-left: #d0d0d0 1px solid; border-bottom: #d0d0d0 1px solid; height:135px;} #footer_copyright { float:left; color: #5a5a5a; padding:0px 0px 0px 15px; font-size: 10px;} #footer_box { float:left; margin-bottom:10px; padding:10px 0px 0px 30px; width:960px; } .footer_box1 { float:left; padding:0px 30px 0px 30px; color: #5a5a5a; font-size: 11px; border-right:#063 solid 1px; } .footer_box2 { float:left; padding:0px 30px 0px 30px; color: #5a5a5a; font-size: 11px; } .footer_box3 { float:left; padding:0px 0px 0px 22px; color: #5a5a5a; font-size: 11px; } /* ========== Main Menu Layout ========== */ .mainMenu { font-family: Verdana, Arial; font-weight: bold; text-align: left; text-transform: uppercase; margin: 0px 0px 0px 350px; padding: 0px; float: left; clear: both; /*overflow: hidden;*/ display: inline; } .mainMenu li { text-align: center; margin: 0px 4px 0px 0px; float: left; clear: none; display: inline; position: relative; } .mainMenu li ul { margin: 0px; padding: 0px 0px; float: none; clear: both; display: none; position: absolute; top: 1.35em; left: 0px; z-index: 600; } .mainMenu li:hover ul {display: block;} .mainMenu li ul li { margin: 0px; padding: 0px; float: none; clear: both; display: block; } .mainMenu a:link, .mainMenu a:active, .mainMenu a:visited { color: #FFFFFF; text-decoration: none; background: #A3A3A3 url(../images/menu/mm_state2.gif) repeat-x; width: 7.5em; float: left; clear: none; } .mainMenu a:hover { color: #ffffff; text-decoration: none; background: #A3A3A3 url(../images/menu/mm_state2.gif) repeat-x; width: 8.9em; float: left; clear: none; } .mainMenu a:hover {background: #ED1C24 url(../images/menu/mm_overstate3.jpg) repeat-x;} .mainMenu a span {width: 100%; height: 22px; display: block; cursor: pointer;} .mainMenu a span {background: url(../images/menu/mm_state_corner_l.gif) no-repeat left bottom;} .mainMenu a:hover span {background: url(../images/menu/mm_overstate_corner_l2.gif) no-repeat left bottom;} .mainMenu a span span {font-size: 10px; background: url(../images/menu/mm_state_corner_r.gif) no-repeat right bottom; padding: 0px 0px 0px;} .mainMenu a:hover span span {background: url(../images/menu/mm_overstate_corner_r2.gif) no-repeat right bottom;} .mainMenu li.active a, .mainMenu li.active a:active, .mainMenu li.active a:hover, .mainMenu li.active a:visited { background: #ED1C24 url(../images/menu/mm_overstate2.gif) repeat-x; } .mainMenu li.active a span { background: url(../images/menu/mm_overstate_corner_l.gif) no-repeat left bottom; } .mainMenu li.active a span span { background: url(../images/menu/mm_overstate_corner_r.gif) no-repeat right bottom; } .mainMenu li ul li a:link, .mainMenu li ul li a:active, .mainMenu li ul li a:hover, .mainMenu li ul li a:visited { color: #FFFFFF; background: #cbcbcb none; text-transform: none; width: 8.0em; margin: 0px 0px 0px 0px; border-bottom: 1px solid #ffffff; } .mainMenu li ul li a:hover { color: #6c6c6c; } .mainMenu li ul li a span, .mainMenu li.active ul li a span {background: none; } .mainMenu li ul li a:hover span { background: none; } .mainMenu li.active ul li a:link, .mainMenu li.active ul li a:active, .mainMenu li.active ul li a:hover, .mainMenu li.active ul li a:visited { background: #cbcbcb none; } .mainMenu li ul li.top a span { background: url(../images/menu/mm_sm_corner_tl.gif) no-repeat left top; } .mainMenu li ul li.top a span span { background: url(../images/menu/mm_sm_corner_tr.gif) no-repeat right top; } .mainMenu li ul li.bottom a span { background: url(../images/menu/mm_sm_corner_bl.gif) no-repeat left bottom; } .mainMenu li ul li.bottom a span span { background: url(../images/menu/mm_sm_corner_br.gif) no-repeat right bottom; } .mainMenu li ul li a span span {font-size: 10px; padding: 0px 0px;} h1, h2, h3 {font-weight:bold; padding:0; margin:0;} h4, h5 {font-weight:normal; padding:0; margin:0;} #banner_container {height:500px; width:1000px; position:relative; /*padding-top:30px*/ z-index:500; margin-top:5px;} #banner_navigation {height:14px; padding-right:31px; position:absolute; z-index:100; right:0; /*top:9px;*/ top:11px;} #banner_navigation a {display:block; float:left; height:14px; width:7px; text-indent:-999em; background-position:top left; background-repeat:no-repeat;} #banner_navigation a#prev {background-image:url(../images/banner/arrow_prev.gif); margin-right:6px;} #banner_navigation a#next {background-image:url(../images/banner/arrow_next.gif)} #banner_navigation ul#banner_nav {margin:0 3px 0 0; padding:0; float:left;} #banner_navigation ul#banner_nav li {list-style:none; display:inline !important;} #banner_navigation ul#banner_nav a {display:block; float:left; width:12px; height:12px; text-indent:-999em; background:url(../images/banner/banner_button.jpg) no-repeat top left; margin-right:3px; border:#656661 1px solid; } #banner_navigation ul#banner_nav li.activeSlide a {background-position:0 -12px;} #banners { width:1000px; height:500px; overflow:auto; position:relative; z-index:1000; } .banner { display:block; cursor:pointer; } .banner span {display:none; position:absolute; left:0; top:0; z-index:100; width:1000px; height:200px; zoom:1; } .banner_content { position:absolute; left:380px; top:40px; z-index:100; width:592px; visibility:hidden; } .banner_content h2 {display:block; font-size:30px; line-height:41px; color:#fff; padding:0px 0px 5px 12px; } .banner_content p {font-size:16px; line-height:18px; color:#fff; padding:0px 0px 14px 12px; margin:0; } .banner_content li {font-size:16px; line-height:18px; color:#fff; padding:0 0 5px; margin:0;} .shadow { -moz-box-shadow: 3px 5px 6px #ccc; -webkit-box-shadow: 3px 5px 6px #ccc; box-shadow: 3px 5px 6px #ccc; }