/*=============================== Standard Tags =================================*/

* {
	margin: 0;
	padding: 0;
}

html {
	height: 100%;
}

body {
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	color: #fff;
	font-size: .8em;
	background-color: #002143;
	line-height: 20px;
	height: 100%;
}

h1,h2,h3,h4,p {
	margin: 10px 0;
}

hr {
	display: none;

	border-bottom: 1px solid #ed6523;
	margin-top: 14px;
	margin-bottom: 17px;
}

h2 { font-size: 1.4em; color: #ed6523; }
h3 { font-size: 1.2em; color: #ed6523; }
h4 { font-size: 1em; color: #ed6523; margin-top: 20px;}

li {
	margin-left: 15px;
}

#sidebar ul {
	margin-left: 4px;
}

#sidebar input {
	margin: 5px;
}

#sidebar li, #faq ol li {
	list-style-type: none;
	padding-left: 20px;
	background-image: url('../gfx/bullet.png');
	background-repeat: no-repeat;
	background-position: 0 3px;
	line-height: 18px;
	padding-bottom: 8px;
}

.faqanswer li {
	background-image: url('../gfx/bullet2.png') !important;
	padding-left: 18px !important;
}

a {
	color: #ed6523;
	text-decoration: none;
	font-weight: bold;
	outline: none;
}

strong {
	color: #ed6523;
}

a:hover, a:focus {
	text-decoration: underline;
}

.cb { clear: both; }


/*=============================== Main Layout =================================*/


#wrapper {
	position: relative;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
	background-image: url('../gfx/bg.png');
	background-repeat: no-repeat;
	background-position: 0 260px;
}


#innerwrapper {
	min-width: 800px;
	max-width: 960px;
	height: 320px;
}


#title h1 {
	float: left;
	height: 64px; /* Don't forget print.css too */
	width: 268px; 
	margin: 63px 0 0 56px;
	padding: 0;
}

#title h1 a {
	display: block;
	height: 51px; /* Don't forget print.css too */
	width: 268px;
	text-indent: -2000em;
	overflow: hidden; /* IE */
	background: url(../gfx/logo.png) 0 0 no-repeat;
	outline: none;
}

#title h1 a:hover, #title h1 a:focus {
	background: url(../gfx/logo.png) 0 -51px no-repeat;
}


/*=============================== Banner Images =================================*/


#banner {
	position: relative;
	background-color: #181818;
	border-bottom: 10px solid #F47B20;
	background-repeat: no-repeat;
}

#banner.index {
	background-image: url('../gfx/banner-index.jpg');
}

#banner.services {
	background-image: url('../gfx/banner-services.jpg');
}

#banner.schedule {
	background-image: url('../gfx/banner-services.jpg');
}


#banner.blog {
	background-image: url('../gfx/banner-tips.jpg');
}

#banner.tips {
	background-image: url('../gfx/banner-tips.jpg');
}

#banner.contact {
	background-image: url('../gfx/banner-contact.jpg');
}

.answer {
	margin-top: 10px;
}

/*=============================== Two Column =================================*/

#main {
	min-width: 800px;
	max-width: 960px;
}

#content {
	float: left;
	width: 414px;
	padding: 35px 35px 60px 56px;
}

#sidebar {
	float: right;
	width: 255px;
	padding: 35px 20px;
}

#sidebar img {
	padding-bottom: 12px;
}

/*=============================== Navigation =================================*/


#nav {
	float: right;
	margin: 126px 75px 0 0;
}

#nav ul {
	margin: 0;
	padding: 0;
}

#nav li {
	list-style-type: none;
}

#nav li a {
	display: block;
	text-indent: -2000em;
	background-image:url('../gfx/navbar.png');
	background-repeat: no-repeat;
	outline: none;
}




#nav li#services a {
	height: 28px;
	width: 128px;
	background-position: 0 -2px;
}

#nav li#services a:focus, #nav li#services a.selected { background-position: 0 -32px; }
#nav li#services a:hover { background-position: 2px -2px; }



#nav li#blog a {
	height: 28px;
	width: 80px;
	background-position: -388px -2px;
	margin-left: -20px;
	margin-top: 16px;
	
	
}

#nav li#blog a:focus, #nav li#blog a.selected { background-position: -388px -32px; }
#nav li#blog a:hover { background-position: -386px -2px; }




#nav li#tips a {
	height: 28px;
	width: 132px;
	background-position: -132px -2px;
	margin-left: -40px;
	margin-top: 16px;
}

#nav li#tips a:hover, #nav li#tips a:focus, #nav li#tips a.selected {	background-position: -132px -32px; }
#nav li#tips a:hover {	background-position: -130px -2px; }



#nav li#contact a {
	height: 28px;
	width: 114px;
	background-position: -270px -2px;
	margin-left: -60px;
	margin-top: 16px;
}

#nav li#contact a:hover, #nav li#contact a:focus, #nav li#contact a.selected {	background-position: -270px -32px; }
#nav li#contact a:hover {	background-position: -268px -2px; }




/*=============================== Content =================================*/


td {
	padding-right: 10px;
	padding-top: 4px;
}

#sidebar ul li {
	margin-bottom: 10px;
}


#googlemap {
	height: 300px;
	width: 475px;
	margin-top: 13px;
}

.gmap {
	color: #002143;
}


/*=============================== Blog =================================*/

.blogentry {
	margin-bottom: 30px;
}

#sidebar ul.blogrecent {
	margin-bottom: 20px;
}

#sidebar ul.blogrecent li {
	margin: 0;
}

#sidebar ul.blogrecent li a {
	color: white;
	font-weight: normal;
}



#sidebar ul.blogarchives li {
	margin: 0;
}

ul.blogarchives li a {
	color: white;
	font-weight: normal;	
}


/*======================== iContact Newsletter Signup ============================*/



#newsletter {
	margin-top: 30px;
	display: block;
	height: 23px;
	width: 182px;
	text-indent: -2000em;
	background: url(../gfx/title_newsletter.png);
}

#SignUp {
	background: #082849;
	border: 1px solid #002143;
	padding: 5px 10px;
}

#SignUp label {
	padding-left: 5px;
}

#SignUp input {
	width: 200px;
}

#SignUp #signUpBtn {
	width: auto;
	padding: 3px 8px;
}

/*========================= Other Form Elements =========================*/


input, textarea {
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-size: 13px;	
}


form label {
	display: block;
	margin-bottom: 6px;
}

label .label, #login label span {
	width: 100px;
	float: left;
	text-align: right;
	margin-right: 10px;
}

label span.highlight {
	width: auto;
	float: none;
	font-weight: bold;
	color: red;
}

.buttons {
	padding: 10px 0;
	text-align: center;
}

.buttons input {
	padding: 5px 10px;
}

#error {
	color: #FF0000;
	text-align: center;
}


.captcha {
	float: right;
	margin-right: 20px;
}