/* CSS Document */

/* defaults, globals, and miscellaneous
==============================================================================*/
* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	}
body {
	font-size: 62.5%; /* sets the stage for using ems */
	text-align: center;
	background: url(../images/bg_slice.jpg) repeat-x #bdcee4 top;
	}
hr {
	display: none;
	}
a {
	text-decoration: underline;
	}
.clearHack {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	}
#outer_frame {
	margin:0px;
	padding:0px;
	}
#inner_frame {
	margin-top: 17px;
	width:920px;
	text-align:left;
	}
.bg_left {
	background:url(../images/bg_l.jpg) no-repeat top; width:9px; height:656px;
	}
.bg_right {
	background:url(../images/bg_r.jpg) no-repeat top; width:9px; height:656px;
	}
.hidden{display:none;}

/* inline images
==============================================================================*/
img {
	border: 0; /* removes border in case images get have anchor around them */
	}
	
/* blog
==============================================================================*/
#blog {
	margin: 14px 15px 10px 15px;
	border-top:3px solid #a6b7c9;
	padding-top:3px;
	background: url(../images/trans-grad.jpg) top repeat-x;
	}
#blog .title a {
	font: normal 2.0em 'lucida grande',tahoma,sans-serif;
	line-height:24px;
	color: #0000CC;
	}
#blog .title a:hover {
	text-decoration:underline;
	}
#blog .date {
	font: normal 1.8em 'lucida grande',tahoma,sans-serif;
	line-height:30px;
	color: #000000;
	}
#blog .author {
	color: #bdcee2;
	}
#blog .text {
	font: normal 1.3em 'lucida grande',tahoma,sans-serif;
	line-height:20px;
	color: #333333;
	}
#blog .text a {
	color: #0000CC;
	text-decoration: underline;
	}
	
/* sell
==============================================================================*/
#sell {
	margin: 14px 15px 20px 15px;
	}
#sell .title {
	font: bold 2.0em 'lucida grande',tahoma,sans-serif;
	line-height:24px;
	color: #3369af;
	}
#sell .sub {
	font: italic 1.2em 'lucida grande',tahoma,sans-serif;
	line-height:12px;
	color: #a6b7c9;
	}
#sell .text {
	font: normal 1.3em 'lucida grande',tahoma,sans-serif;
	color: #333333;
	}
#sell .tabletitle {
	font: italic 1.1em 'lucida grande',tahoma,sans-serif;
	color: #211f5f;
	border-bottom:3px solid #a6b7c9;
	}
#sell .text a {
	color: #0000CC;
	text-decoration: underline;
	}

	
/*========================================================================================== TOP NAV */

#topnav {
	width: 902px;
	margin: 0px;
	background: #211f5f;
}

#topnav .menu {
	float: left;
	margin: 5px 10px 0px 10px;
	list-style: none;
	}

#topnav ul {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	
#topnav li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
	
#topnav a {
	float: left;
	padding: 0px 0px 0px 8px;
	margin: 0px 3px 0px 0px;
	font-size: 12px;
	font-family: 'lucida grande',tahoma,sans-serif;
	text-decoration: none;	
	color: #bdcee4;
}
	
#topnav a span {
	float: left;
	display: block;
	padding: 8px 11px 8px 1px;
	text-decoration: none;
	font-size: 12px;
	font-family: 'lucida grande',tahoma,sans-serif;
	font-weight: bold;
	color: #bdcee4;
	cursor: pointer;
}

#topnav a:hover {
	background: #0a9948 url(../images/tab_left_over.jpg) top left no-repeat;
}

#topnav a:hover span {
	background: #0a9948 url(../images/tab_right_over.jpg) top right no-repeat;
	color: #FFF;
	font-weight:bold;
	cursor: pointer;
}

#topnav .current a {
	background: #bdcee4 url(../images/tab_left_current.jpg) top left no-repeat;
}

#topnav .current a span {
	background: #bdcee4 url(../images/tab_right_current.jpg) top right no-repeat;
	color: #000;
	cursor: pointer;
}

/*========================================================================================== FOOTER */
#footer {
	clear: both;
	width: 872px;
	margin: 0px;
	padding: 20px 0px;
	border: none;
	text-align: center;
	background: #211f5f;

}
.footer_txt {
	margin: 0px;
	padding: 0px;
	line-height: 1.35em;
	font: normal 1.3em 'lucida grande',tahoma,sans-serif;
	color: #bdcee4;
}

#footer a {
	margin: 0px;
	padding: 0px 3px;
	color: #bdcee4;
	text-decoration: underline;
}

#footer a:hover {
	margin: 0px;
	padding: 0px 3px;
	color: #FFFFFF;
	text-decoration: underline;
}	

/* project
==============================================================================*/
#project {
	margin: 0px 15px 0px 15px;
	}
#project .title {
	font: normal 2.0em 'lucida grande',tahoma,sans-serif;
	line-height:35px;
	color: #211f5f;
	}
#project .project_image {
	float:left;
	margin-right:15px;
	}
	.project_image img {
		padding: 3px;
		border: 1px solid #326aae;
		}
#project .quote {
	float:right;
	width:300px;
	text-align:left;
	font: italic 1.3em 'lucida grande',tahoma,sans-serif;
	line-height:20px;
	color: #333333;
	}
#project .quote a {
	color: #0000CC;
	text-decoration: underline;
	}
	
/* feature
==============================================================================*/
#feature {
	margin: 10px 25px 0px 25px;
	}
#feature .title {
	text-align:center;
	font: bold 3.6em 'lucida grande',tahoma,sans-serif;
	line-height:50px;
	color: #333333;
	margin-bottom:4px;
	}
#feature .image {
	float:left;
	margin-right:4px;
	margin-left:15px;
	width:172px;
	}
#feature .text {
	float:right;
	width:630px;
	text-align:left;
	font: normal 2.5em 'lucida grande',tahoma,sans-serif;
	line-height:38px;
	color: #FFFFFF;
	margin-top: 5px;
	overflow:hidden;
	}
#feature .text a {
	color: #0000CC;
	text-decoration: underline;
	}
#feature .text ul {
	float:left;
	display:inline;
	width:295px;
	padding-right:15px;
	text-align:left;
	overflow:hidden;
	}
#feature .text ul li {
	font: normal .75em 'lucida grande',tahoma,sans-serif;
	color: #FFFFFF;
	background:none;
	list-style:square;
	padding-left:10px;
	}
#feature .text em {
	font: normal .4em 'lucida grande',tahoma,sans-serif;
	color: #FFFFFF;
	display:block;
	clear:left;
	}
#feature .buttons {
	float:right;
	margin-top:29px;
	width:630px;
	}
#feature .buttons ul {
	list-style:none;
	display:block;
	margin:8px 0px 10px 0px;
}
#feature .buttons ul li {
	padding-left:15px;
	background:url(../images/home-tick.png) no-repeat left .4em;
}
#feature .buttons ul li a {
	display:block;
	color:#FFF;
	font: normal 1.8em 'lucida grande',tahoma,sans-serif;
	text-decoration:none;
}
#feature .buttons ul li a:hover {
	text-decoration:underline;
}
	
/* content
==============================================================================*/
#content {
	margin: 14px 30px 0px 30px;
	}
#content .title {
	font: normal 2.0em 'lucida grande',tahoma,sans-serif;
	line-height:24px;
	color: #211f5f;
	}
#content .text p {
	margin: 0px 15px 15px 0px;
}
#content .text {
	font: normal 1.3em 'lucida grande',tahoma,sans-serif;
	line-height:20px;
	color: #333333;
	}
#content .text a {
	color: #0000CC;
	text-decoration: underline;
	}
#content .block label, #content .block input {display:block;}
#content .block label[type=radio], #content .block input[type=radio] {display:inline;}
	
/*========================================================================================== TEXT UL */

.pdf ul {
	float: left;	margin-left: 15px;
	padding: 0px;
	border: none;
	list-style-type: none;
}

.pdf ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px 0px 8px 25px;
	border: none;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;	
	color: #211f5f;
	background: url(../images/pdf_bullet.png) 2px 0px no-repeat;
}

.pdf ul li a {
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;	
	color: #326aae;
}

.pdf ul li a:hover {
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;	
	color: #211f5f;
}

.pdf ul li #current a {
	color: #211f5f;
}
.text h4 {
	margin-left: 15px;
	padding: 0px 0px 7px 0px;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.35em;
	color: #FFFFFF;
	text-decoration:underline;
}
.text h6 {
	padding: 0px 0px 7px 0px;
	font: normal 2.0em 'lucida grande',tahoma,sans-serif;
	color: #0a9948;
	line-height: 1.35em;
	text-decoration:underline;
}

.text ul {
	margin-left:0px;
	padding: 0px;
	border: none;
	list-style-type: none;
}

.text ul li {
	list-style-type: none;
	margin: 5px 5px 10px 15px;
	padding: 0px 0px 5px 25px;
	border: none;
	font-size: 13px;
	text-decoration: none;	
	color: #211f5f;
	background: url(../images/bullet.jpg) left top no-repeat;
}

.text ul li a {
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;	
	color: #0000CC;
}

.text ul li #current a {
	color: #211f5f;
}
	
/*===================================================================PROCESS STEPS*/	
#content .our_process {
	margin:15px 10px 10px 10px;
	line-height:20px;
	color: #333333;
	font: normal 1.3em 'lucida grande',tahoma,sans-serif;
	}
#steps ul {
margin:0px;
padding:0px;
text-align: left;
}
.steps_title {font-size:16px; color: #0a9948; font-weight:bold; line-height:25px;}	
#steps li {
	margin-left:30px;
	list-style: square;
	text-align: left;
	line-height:20px;
}
#steps li li a {
	font: bold 1.3em 'lucida grande',tahoma,sans-serif;
	color: #0000CC;
}

ul#home {
margin:0px;
padding:0px;
text-align: left;
margin-top:10px;
}
ul#home li {
	margin-left:20px;
	list-style: square;
	text-align: left;
	line-height:20px;
	background:none;
	padding-left:0px;
	margin:4px 0px 0px 25px;
	padding-bottom:0px;
}
ul#home li a {
	color: #0000CC;
}


.number {margin-right:10px; margin-top:10px;}

/*========================================================================================== TWO COLUMN LAYOUT */

#two_col_col1 {
	float: left;
	width: 582px;
	margin: 0px;
	padding: 0px;
	border: none;
	background-color: #FFF;
}

#two_col_col2 {
	float: left;
	width: 235px;
	margin: 0px 0px 20px 20px;
	padding: 0px;
	border: none;
}

/*========================================================================================== SIDE BOX */

.sidebox_top {
	float: left;
	width: 235px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
	background: url(../images/round_blue_top.jpg) bottom left no-repeat;
}

.sidebox_content {
	float: left;
	width: 235px;
	margin: 0px;
	border: none;
	list-style-type: none;
	background-color: #bdcee2;
	color: #333;
	font: normal 1.3em 'lucida grande',tahoma,sans-serif;
}

.sidebox_btm {
	float: left;
	width: 235px;
	height: 20px;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
	background: url(../images/round_blue_btm.jpg) top left no-repeat;
}

#sidebox_two {
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px;
	border: none;
}

/*========================================================================================== SIDE BOX SUB NAV */

.sidebox_content ul {
	float: left;
	width: 220px;
	margin-left: 15px;
	padding: 0px;
	border: none;
	list-style-type: none;
}

.sidebox_content ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px 5px 8px 15px;
	border: none;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;	
	color: #211f5f;
	background: url(../images/check_bullet.png) 0 2px no-repeat;
}

.address {
	color: #333333;
}

.sidebox_content ul li a {
	padding: 0px;
	margin: 0px;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;	
	color: #0000CC;
}

.sidebox_content ul li #current a {
	color: #E31E26;
}
.sidebox_content p {
	margin: 0px 15px 0px 15px;
	font-size:13px;
	line-height:18px;
}
.sidebox_content a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;	
	color: #0000CC;
}
h3 {
	margin-left: 15px;
	padding: 0px 0px 7px 0px;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.35em;
	color: #0a9948;
}
h2 {
	margin: 0px;
	padding: 0px;
	font-size: 22px;
	font-weight: normal;
	line-height: 1.35em;
	color: #E31E26;
}
h4 {
	margin-left: 15px;
	padding: 0px 0px 7px 0px;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.35em;
	color: #FFFFFF;
}
.faq {
	margin: 10px 0px 5px 0px;
	padding: 0px;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.9em;
	color: #E31E26;
}
.green {
	font-weight: bold;
	color: #0a9948;
}

/* sub feature
==============================================================================*/
#sub_feature {
	margin: 10px 25px 0px 25px;
	}
#sub_feature .title {
	text-align:left;
	font: bold 2.8em 'lucida grande',tahoma,sans-serif;
	color: #333333;
	margin-bottom:0px;
	}
#sub_feature .image {
	float:left;
	margin-right:15px;
	}
	.image img {
		border: 0px;
		}
#sub_feature .text {
	text-align:left;
	font: normal 2.0em 'lucida grande',tahoma,sans-serif;
	line-height:25px;
	color: #FFFFFF;
	margin-bottom:10px;
	}
#sub_feature .textabout {
	text-align:left;
	font: normal 1.7em 'lucida grande',tahoma,sans-serif;
	line-height:20px;
	color: #FFFFFF;
	margin-bottom:10px;
	}
#sub_feature .text a {
	color: #0000CC;
	text-decoration: underline;
	}
/* dhtml
=============================================================================*/
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	font: bold 1.3em 'lucida grande',tahoma,sans-serif;
	color:#211f5f;
	background-color:#BDCEE2;
	width:582px;
	margin-bottom:2px;
	margin-top:2px;
	padding:4px;
	
	/* End layout CSS */
	
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	margin-left:25px;
	border:1px solid #dddddd;
	background-color:#FFFFFF;
	width:560px;
	margin-bottom:10px;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:5px;
	font: normal 1.3em 'lucida grande',tahoma,sans-serif;
	line-height:20px;
	color:#000000;
	position:relative;
}		

table.text tr.alt {
	background-color:#efefef;
}		
table.text tr td {
	padding:5px;
	}
	
#two_col_col1 strong.blue {color:rgb(0,112,192); font-family:"Times New Roman", Times, serif; text-transform:uppercase;}
#two_col_col2 strong.blue {font-family:"Times New Roman", Times, serif; text-transform:uppercase;}

hr.dotted {border-color:#211F5F; border-style:dotted; border-width:1px 0px 0px; display:block;}

.phone-number {display:block; width:150px; float:right; font-size:20px; text-align:right; margin-right:14px; padding-top:2px; color:#d31f1f; padding-right: 15px; border-right:1px solid #A6B7C9;}
.phone-number .hours {display:block; font-size: 14px;}