/* Link Decorations */


/* Redefined HTML */
body {
	background-color: #000000;
	text-align: center;
	color: #ABC1D4;
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
	background-image: url(../img/body_bg.gif);
	background-repeat: repeat-y;
	background-position: center top;
	font-family: Tahoma, Arial;
}
img {
	border: 0px none;
}
 strong {
	color: #CFE6F9;
}
b, dt {
	color: #FF8C00;
	font-weight: bold;
}
.gplus {
	position:absolute;
	right:0px;
	top:10px;
	width:80px;
	height:40px;
	display:block;
	z-index:99999;
}
/* td, p, div {
	font-size: 11px;
} */


/* H1 IDs */
h1 {
	font-size: 11pt;
}
#company {
	background-image: url(../img/title_company.gif);
}
#contact {
	background-image: url(../img/title_contact.gif);
}
#gallery {
	background-image: url(../img/title_gallery.gif);
}
#privacy {
	background-image: url(../img/title_privacy.gif);
}
#remodeling {
	background-image: url(../img/title_remodeling.gif);
}
#services {
	background-image: url(../img/title_services.gif);
}
#thanks {
	background-image: url(../img/title_thanks.gif);
}
/* h1 {
	font-size: 24px;
	background-image: url(../img/sep_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: .3em;
	color: #FFFFFF;
} */
h2 {
	font-size: 18px;
	background-image: url(../img/sep_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 0.2em;
	margin-top: .5em;
	margin-right: 0em;
	margin-left: 0em;
	color: #FFFFFF;
}
h3 {
	font-size: 14px;
	background-image: url(../img/sep_bg.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 0.3em;
	color: #FF8C00;
	margin-bottom: 0.2em;
	margin-top: .5em;
	margin-right: 0em;
	margin-left: 0em;
}


/* Layout IDs */
#container {
	width: 770px;
	margin-right: auto;
	margin-left: auto;
}
#hdr {
	width: 100%;
	position: relative;
}
#nav {
	font-size: 10px;
	color: #093E6A;
	background-color: #000000;
	text-align: right;
	width: 100%;
	padding-top: .5em;
	padding-right: 1em;
	padding-bottom: .5em;
	margin-bottom: .5em;
	position: relative;
	cursor: default;
}
#content {
	font-size: 11px;
	width: 96%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1em;
	margin-bottom: 0.5em;
	text-align: left;
	top: 1px;

}
#ftr {
	width: 98%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0.5em;
	margin-bottom: 2em;
	cursor: default;
	background-image: url(../img/sep_bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: .5em;
}

/* Class Styles */
.ftrText {
	font-size: 10px;
	color: #375268;
	vertical-align: top;
}
.ftrText h1, #ftr h1 {
	font-size: 9px;
	font-weight: normal;
	text-align: center;
}
.ftrh {
	font-size: 9px;
	font-weight: normal;
	text-align: center;
}
.field {
	margin: 0px;
	border: 1px solid #B3B3B3;
	background-image: url(../img/field_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Tahoma, Arial;
	font-size: 11px;
}
.firldTitle {
	font-size: 11px;
	color: #FF8C00;
}
.thumb {
	font-size: 9px;
	text-align: center;
	background-color: #083256;
}


/* ID Styles */


/* Link Decorations */
a:link {
	color: #FFFFFF;
	text-decoration: underline;
}
a:visited {
	color: #FFFFFF;
	text-decoration: underline;
}
a:hover {
	color: #98B7D2;
	text-decoration: none;
}
a:active {
	color: #98B7D2;
	text-decoration: none;
}
.navL {
	margin-right: .4em;
	margin-left: .4em;
}
a.navL:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.navL:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a.navL:hover {
	color: #98B7D2;
	text-decoration: none;
}
a.navL:active {
	color: #98B7D2;
	text-decoration: none;
}
a.ftrL:link {
	color: #577FA0;
	text-decoration: none;
}
a.ftrL:visited {
	color: #577FA0;
	text-decoration: none;
}
a.ftrL:hover {
	color: #98B7D2;
	text-decoration: none;
}
a.ftrL:active {
	color: #98B7D2;
	text-decoration: none;
}
/* clear floated elements
----------------------------------------------- */
html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* align elements
----------------------------------------------- */
p img.left, img.left, div.left {float:left; margin:0 1em 1em 0; padding:0;}
p img.right, img.right, div.right {float:right; margin:0 0 1em 1em; padding:0;}
p img.middle, img.middle, div.middle {clear:both; margin:0 auto 2em auto; padding:0;}
div.left, div.right, div.middle {font-size:.8em; line-height:10px;}
div.left ul li, div.right ul li, div.middle ul li {margin:0;}

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
/* div, ul, li { position:relative } This will save you having to declare each div / ul / li's position as 'relative' and allows you to absolutely position elements inside them */
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */