@import url('customNav.css');

/* GBC STYLES */

table {
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}

.clr {
	clear:both;
	font-size:0;
	height:0;
	line-height:0;
	border:0;
	margin:0;
	padding:0;
}

#OuterWrapper { width:100%; text-align:center; background:url(bg.gif) 7px 0; padding-bottom:15px; }
#wrapper {
	width:950px;
	margin:0 auto;
}

/* Header */

#header {
	position:relative;
	width:950px;
	height:100px;
}

#header .header-links {
	position:absolute;
	right:0;
	bottom:2px;
	text-align:right;
	color:#fff;
}

#header .header-links h4 a {
	font:14px Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
}

#header .header-links h4 a:hover {
	color:#84afda;
}

#header .header-links p {
	font:12px Arial, Helvetica, sans-serif;
}

#header .header-links p a {
	color:#fff;
	text-decoration:none;
}

#header .header-links p a:hover {
	text-decoration:underline;
}

/* Header End */
/* Top Navigation */

#top-nav {
	width:950px;
	height:34px;
	background-color:#d4dfea;
	margin:2px 0 1px 0;
}

/* Top Navigation End */
/* Left Navigation */

.leftpane {
	/*background-color:#4f7397;*/
	background-color:#e6da1d;
	float:left;
	margin:15px 0 0;
	width:175px;
	padding:1px 1px 30px 1px;
	_padding:1px 1px 10px 1px;
}

.leftpane ul {
	padding:3px 3px 8px;
	list-style:none !IMPORTANT;
	margin:0px;
	text-align:left;
}

.leftpane ul li {
	margin:0 0 1px 0;
	list-style:none !IMPORTANT;
}

#wrapper .leftpane ul li a {
	display:block;
	width:100%;
	height:50px;
	background:url(left-nav-button.gif) no-repeat;
	background-position:0 0;
	padding:0 0 0 9px;
	font:14px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*color:#fff;*/
	color:#000;
	text-decoration:none;
	line-height:50px;
}

#wrapper .leftpane ul li a:hover {
	display:block;
	width:100%;
	height:50px;
	background:url(left-nav-button.gif) no-repeat;
	background-position:0 -50;
	padding:0 0 0 9px;
	font:14px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	line-height:50px;
}

#wrapper .leftpane ul li.big a {
	height:40px;
	_height:50px;
	line-height:14px;
	padding:10px 0 0 9px;
}

#wrapper .leftpane ul li.big a:hover {
	height:40px;
	_height:50px;
	line-height:14px;
	padding:10px 0 0 9px;
}

.leftpane p {
	text-align:center;
}

.leftpane p.line {
	background:url(left-nav-hr.gif) center no-repeat;
	height:1px;
	font-size:1px;
	line-height:1px;
	border:0;
	margin:12px 0;
}

/* Left Navigation End */
/* House Image Area */

#wrapper2 {
	width:760px;
	float:right;
	padding:15px 0 0;
}

#rotate-home {
	width:570px;
	height:150px;
	background:#fff;
}

/* House Image Area End */
/* Content */

/*#content {
	padding:25px;
	background:#fff;
}*/

.contentpane {
	float:left;
	width:570px;
	background-color: transparent;
	padding: 0px;
	text-align:center;
}

.contentpane {
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#282828;
}

.contentpane h1 {
	font:20px Tahoma, Arial, Helvetica, sans-serif;
	color:#d1c173;
	font-weight:bold;
	padding:0 0 18px 0;
}

.contentpane h2 {
	font:16px Tahoma, Arial, Helvetica, sans-serif;
	color:#4F7397;
	font-weight:bold;
	padding:0 0 3px 0;
}

.contentpane h2 a {
	color:#4f7397;
}

.contentpane h3 {
	font:14px Tahoma, Arial, Helvetica, sans-serif;
	color:#333;
	font-weight:bold;
	padding:0 0 16px;
}

.contentpane h3 a {
	color:#333;
}

.contentpane p {
	padding:0 0 14px 0;
	line-height:14px;
}

.contentpane .contactuscaption {
	color:#333;
}

.contentpane ul, .contentpane ul li {
	list-style-type:none;
}

/* New */

.contentpane blockquote {
	padding:0 15px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}

/* New Construction */

.contentpane ul.new-construct, .contentpane ul.new-construct li {
	margin:0;
	padding:0;
	list-style-type:none;
}

.contentpane ul.new-construct h3 {
	font:bold 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#4f7397;
	padding:0 0 3px;
}

.contentpane ul.new-construct a {
	text-decoration:none;
}

.contentpane ul.new-construct img {
	border:2px solid #CCC;
	margin:0 8px 5px 0;
}

.contentpane ul.new-construct li {
	float:left;
	width:160px;
	height:140px;
	border-bottom:1px solid #CCC;	
	margin:0 8px 10px 0;
}

h1.new {
	font:20px Tahoma, Arial, Helvetica, sans-serif;
	color:#d1c173;
	font-weight:bold;
	padding:0 0 18px 0;
}

/* New Construction End */

.contentpane ul.arrow {
	padding:0 0 14px 15px;
}

.contentpane ul.arrow li {
	background:url(/images/arrow.gif) 0 0px no-repeat;
	padding:0 0 4px 20px;
}

.contentpane .centered {
	text-align:center;
}

ul.arrow {
	list-style-type:none;
	padding:0 0 14px 15px;
}

ul.arrow li {
	list-style-type:none;
	background:url(/images/arrow.gif) 0 0px no-repeat;
	padding:0 0 4px 20px;
}

/* Rotating Homepage Image */

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 100%; /*width of featured content slider*/
height: 150px;
}



.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
width: 100%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 0px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
height:0px;
overflow:hidden;
text-align: right;
background-color: navy;
padding:0;
display:none;
}

.pagination a{
padding:0;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}

/* Rotating Homepage Image End */
/* Before and After */

.beforeafter {
	width:100%;
}

.beforeafter h2 {
	font:bold 25px Arial, Helvetica, sans-serif;
	letter-spacing:-1px;
}

.beforeafter ul, .beforeafter ul li {
	list-style-type:none;
}

.beforeafter ul.before {
	float:left;
	width:50%;
	text-align:center;
}

.beforeafter ul li {
	margin:0 0 15px;
}

.beforeafter ul.after {
	float:left;
	width:50%;
	text-align:center;
}

.beforeafter img {
	border:2px solid #CCC;
}

/* Before and After End */

.imgright {
	float:right;
	margin:0 0 8px 8px;
}

/* Lightbox Style */

.lighttitle {
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	line-height:13px;
	padding:0 0 8px;
}

/* Content End */
/* Buckets */

#buckets {
	width:570px;
	float:left;
	padding:0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	line-height:14px;
	margin:0px;
}

#buckets ul li {
	list-style:none;
	margin-top:0px;
}
#buckets ul li {
	width:180px;
	min-height:255px;
	_height:255px;
	background:#969696;
	float:left;
	padding:0 0 20px;
	margin:0 15px 0 0;
	position:relative;
	text-align:left;
}

#buckets ul li.last {
	margin:0 0 10px 0;
}

#buckets h3 {
	height:25px;
	padding:15px 0 0;
	margin:0 0 10px;
	background:#828282;
	text-align:center;
	font:16px Tahoma, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
}

#buckets h5 {
	position:absolute;
	bottom:0;
	width:180px;
	border:none;
}

#buckets p {
	padding:0 8px 14px 8px;
}

#buckets h4 {
	text-align:center;
}

#buckets p.hr {
	width:85%;
	font-size:0;
	line-height:0;
	padding:0;
	margin:8px auto;
	background-color:#808080;
	height:1px;
	border:0;
	text-align:center;
}

#buckets h4 img {
	margin:0 auto;
	padding:0;
	width:140px;
	height:106px;
}

#buckets ul li ul li {
	float:none;
	min-height:1px;
	height:auto;
	width:auto;
	margin:0 0 1px 15px;
	padding:0 0 0 15px;
	background:url(buckets-arrows.gif) 0 50% no-repeat;
}

#buckets ul li ul li a {
	color:#000;
	font:12px Verdana, Arial, Helvetica, sans-serif;
}

#buckets ul li ul li a:hover {
	text-decoration:none;
}

/* Buckets End */
/* Right Navigation */

.rightpane {
	float:right;
	width:175px;
	/*background-color:#4f7397;*/
	background-color:#e6da1d;
	padding:25px 0px;
}

.rightpane p {
	text-align:center;
	margin:0;
	padding:0 0 14px 0;
}

.rightpane form {
	width:145px;
	margin:0 auto;
}

.rightpane h3 {
	/*color:#d1c173;*/
	color:#223a53;
	font:18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0 0 10px;
}

.rightpane form p {
	text-align:left;
	background:url(right-nav-input.gif) left top no-repeat;	
}

.rightpane div {
	margin:0;
	padding:0;
	text-align:center;
}

.rightpane form p input {
	width:136px;
	height:15px;
	border:0;
	padding:4px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	background:transparent;	
}

.rightpane form p.textarea {
	background:url(right-nav-textarea.gif) left top no-repeat;
}

.rightpane form textarea {
	width:134px;
	height:53px;
	padding:5px;
	border:0;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	background:transparent;
}

.rightpane form p.submit {
	background:transparent;
	text-align:right;
}

.rightpane form p.submit input.submit-button {
	width:60px;
	height:1.2em;
	padding:0;
	background:transparent;
	cursor:pointer;
	font:18px Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	border-bottom:1px solid #000;
}

.rightpane form p.submit input.submit-button:hover {
	color:#fff;
	border-bottom:1px solid #fff;
}

.rightpane div.line {
	background:url(left-nav-hr.gif) center no-repeat;
	height:1px;
	font-size:1px;
	line-height:1px;
	border:0;
	margin:12px 0;
}

/* Right Navigation End */
/* Footer */

#footer {
	background:#ccc;
	margin:15px 0;
	padding:25px;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	color:#223a53;
}

#footer p {
	line-height:16px;
	padding:0 0 2px 0;
}

#footer a {
	color:#223a53;
}

/* Footer End */


/* 
================================
Skin styles for DotNetNuke
================================
*/   
body {	background-color:#223a53 !important; }

.pagemaster {
	width: 100%;
	height: 100%;	
	background-color: #fefefe;
}
.skinmaster {
	height: 100%;
	background-color: #f3f5fa;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px; 
}

.controlpanel {
	width: 100%;
	background-color: #fefefe;
}
.toppane {
	width: 100%;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
}
.bottompane {
	width: 100%;
	background-color: transparent;
	padding: 0px;
	margin: 0px;
}

.main_dnnmenu_container {
	background-color: transparent; 
}
.main_dnnmenu_bar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.main_dnnmenu_item td { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
        white-space: nowrap;  /*Word wrapping menu item now optional*/
        padding: 1px 3px 3px 1px;	
}

.main_dnnmenu_rootitem  { /*TD if menu option for using tables is on*/
	cursor: pointer; 
	cursor: hand; 
	color: #000000; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;
	font-family: Tahoma, Arial, Helvetica; 
    white-space: nowrap;  /*Word wrapping menu item now optional*/	    
    padding: 0px 12px 0px 5px;   /*explicitly set padding for root menu items*/
}

.main_dnnmenu_itemhover {  
	background-color: #8da4d3; 
}

.main_dnnmenu_itemhover td {  
	background-color: #8da4d3; 
}


.main_dnnmenu_icon {
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 
	width: 15px; 
	height: 100%;
}
.main_dnnmenu_submenu {
	background-color: #cad5ea;  
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3); 
	padding: 1px 1px 1px 1px;   /*explicitly set padding for sub-menus */
}
.main_dnnmenu_break {
	height: 1px;
	font-size: 1px;
}

.main_dnnmenu_arrow {
	border-right: #cad5ea 1px solid; 
	border-bottom: #cad5ea 1px solid; 
	border-top: #cad5ea 0px solid;
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand; 
}
.main_dnnmenu_rootmenuarrow {
	font-family: webdings; 
	font-size: 10pt; 
	cursor: pointer; 
	cursor: hand;
}
.StandardButton {
  background: #7994cb none; 
  color: #ffffff;
  font-family: verdana, sans-serif; 
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #dfe5f2;
	border-right: #7994cb 1px solid; 
	border-top: #7994cb 1px solid; 
	border-left: #7994cb 1px solid; 
	border-bottom: #7994cb 1px solid; 
	-moz-border-radius-bottomleft: 15px; 
	-moz-border-radius-bottomright: 15px; 
	-moz-border-radius-topleft: 3px; 
	-moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
	background-image: url(../Copy of DNN-Blue/gradient_LtBlue.jpg);
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}