/*-------------------------------
Main Layout StyleSheet

Version 1.0
Author: James Purves
Email: info@unstuckdesign.com
Website: http://www.unstuckdesign.com
---------------------------------
Default Styles
---------------------------------*/
*{
margin:0px; 
padding:0px;
}

body {
height: 100%;
background-color:#262525;
background-image:url('../images/main_bg.gif');
background-repeat:repeat-x; background-position:top;
font-family:Arial, Helvetica, sans-serif;
}

#wrapper{
/*text-align:center;*/
}


#container{
width:916px; 
margin:0 auto;
text-align:left;
padding:12px 12px 0px 12px;
background-color:#eaebed;
}

/*-------------------------]-
Header
--------------------------*/
#header-wrapper{
/*text-align:center;*/
margin:19px 0px 0px 0px;

}

#header { 
width:928px; 
margin:0 auto;
text-align:left;
background-color:#FFFFFF;
height:84px;
background-image:url('../images/header_bg.jpg');
background-position: left top;
background-repeat:no-repeat; padding-left:0px; padding-right:12px; padding-top:0px; padding-bottom:0px
}

#header h3{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
font-weight:normal;
text-decoration:none;
padding:25px 0px 0px 0px;
text-align:right;
}

#requestaquote{
float:right;
margin:6px 0px 0px 0px;}

/*//---------------------------------
Logo
---------------------------------*/

#logo{
margin:27px 0px 0px 13px;
float:left;
}




/*--------------------------
Nav 
--------------------------*/

#nav-wrapper{
/*text-align:center;*/
}

#nav-container { 
width:940px; 
margin:0 auto;
text-align:left;
padding:0px;
background-image:url('../images/nav_bg.jpg');
background-repeat:repeat-x;
background-color:#eaebed; background-position-y:50%

}

#navigation{
width: 100%;
overflow: hidden;

}

#navigation ul{
margin: 0;
padding: 0;
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
}

#navigation li{
display: inline;
margin: 0;
}

#navigation li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
/*padding inside each tab*/
background-image:url('../images/nav_divider_bg.jpg');
background-position: right top;
background-repeat:no-repeat;
color:#777777; padding-left:31px; padding-right:31px; padding-top:15px; padding-bottom:22px
}

#navigation li a:visited{
color:#777777;
}

#navigation li a:hover, #navigation li.selected a{
color:#000000;
}

/*--------------------------
Primary Content
--------------------------*/
#primaryContent {
float:left; 
padding:0px 0px 0px 0px;
margin:0px 26px 40px 0px;
width:619px;

}

#featurepic{
border:1px solid #ffffff;
float:left;
margin:0px 0px 7px 0px;
}

#featureboxes-container{
float:left;
margin:0px 0px 20px 0px;}

.featureboxmain{
border:1px solid #bebdbd;
float:left;
background-color:#f3f3f3;
background-image:url('../images/featurebox_bg.jpg');
background-position: left bottom;
background-repeat:no-repeat; margin-left:0px; margin-right:7px; margin-top:0px; margin-bottom:0px}

.featureboxend{
border:1px solid #bebdbd;
float:left;
background-color:#f3f3f3;
background-image:url('../images/featurebox_bg.jpg');
background-position: left bottom;
background-repeat:no-repeat
}

#featureboxes-container h2{
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:normal;
text-decoration:none;
padding:3px 12px 6px 12px;
color:#6b6b6b;
display:block;
}

#featureboxes-container h2 a:link, #featureboxes-container h2 a:active, #featureboxes-container h2 a:visited{
color:#6b6b6b;
text-decoration:none;}

#featureboxes-container h2 a:hover{
color:#000000;
text-decoration:none;
}

/*--------------------------
Secondary Content
--------------------------*/
#secondaryContent{ 
float:left; 
padding: 0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:271px;
}


.secondarycontentsection{
float:left;
padding:1px;
border:1px solid #c9c9c9;
background-color:#FFFFFF;
width:265px;
margin:0px 0px 7px 0px;
}

#secondaryContent h3{
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:normal;
text-decoration:none;
color:#FFFFFF;
display:block;
background-color:#000000;
background-image:url('../images/SC_headerBG1.jpg');
background-repeat:repeat-x; padding-left:9px; padding-right:0px; padding-top:10px; padding-bottom:11px
}

#locationsmap{
padding:3px;
float:left;
}

#citylinks{
padding:10px 10px 5px 10px;
float:left;
}

#citylinks ul{
list-style-position:inside;
list-style-type:none;}

#citylinks ul li{
padding:0px 0px 3px 0px;
}

#citylinks ul li a{
color:#636363;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
}

#testimonials{
float:left;
padding:1px;
border:1px solid #c9c9c9;
background-color:#FFFFFF;
width:265px;
margin:12px 0px 7px 0px;
}

#testimonials h3{
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:normal;
text-decoration:none;
color:#6b6b6b;
display:block;
background-color:#bebebf;
background-image:url('../images/SC_headerBG2.jpg');
background-repeat:repeat-x; padding-left:9px; padding-right:0px; padding-top:10px; padding-bottom:11px
}

/*--------------------------
Misc Elements
--------------------------*/
a.arrow {
background: url('../i/arrow1.gif') no-repeat 0px 6px;
padding-left: 13px;
display: block;
margin-bottom: 30px
}

a:hover.arrow {
background: url('../i/arrow1.gif') no-repeat 2px 6px;
}

.clear {
clear:both
}

body#index div.hidden {
display: none;}




/*--------------------------
Footer
--------------------------*/

#footer-wrapper{
/*text-align:center;*/
margin:0px 0px 20px 0px;;
}

#footer { 
width:916px;
margin:0 auto;
text-align:center;
background-image:url('../images/footer_bg.jpg');
background-position: left top;
background-repeat:no-repeat;
height:25px; padding-left:12px; padding-right:12px; padding-top:15px; padding-bottom:0px
}


#footernavlist
{
list-style-type: none;
margin: 0;
padding: 0;
}

#footernavlist li 
{
float: left;
line-height: 1.1em;
padding:0px 10px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
color:#5d5b55;
font-size:0.8em;
}

#footernavlist li a
{
border-left: 1px solid #5d5b55;
float: left;
line-height: 1.1em;
padding:0px 0px 0px 10px;
font-family:Arial, Helvetica, sans-serif;
color:#5d5b55;
}

#footernavlist li a:link, #footernavlist li a:active, #footernavlist li a:visited{
text-decoration:none;
color:#5d5b55;
}

#footernavlist li a:hover{
text-decoration:none;
color:#000000;
}

/*--------------------------
Typography
--------------------------*/
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:2.0em;
font-weight:normal;
text-decoration:none;
color:#555555;
padding:0px 0px 15px 0px;
}


h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.2em;
font-weight:normal;
text-decoration:none;
color:#555555;
padding:0px 0px 10px 0px;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:1.4em;
font-weight:normal;
text-decoration:none;
}



p {
font-size: 0.8em;
line-height: 1.6em;
text-align:justify;
margin-bottom:1.4em;
color:#636363;
font-family:Arial, Helvetica, sans-serif;
}

.secondarycontentsection p {
font-size: 0.8em;
line-height: 1.6em;
text-align:left;
margin-bottom:1.4em;
color:#636363;
font-family:Arial, Helvetica, sans-serif;
}


#primaryContent ul{
	margin:0px 0px 20px 20px;}

#primaryContent ul li{
	font-size: 0.8em;
line-height: 1.6em;
text-align:justify;
color:#636363;
font-family:Arial, Helvetica, sans-serif;
list-style-type:disc;
}

a {
text-decoration: underline;
font-weight:normal;
color:#555555;
}

a:hover {
text-decoration: none;
}


.blue {
color:#054EA0;
}

.clear {
clear:both
}


hr {
color:#999999;background-color:#999999;height:1px;border:none;
}

ul, ol {
margin:10px 0px;
padding:0pt 0px;
}
ul {
list-style-image:url('none');
list-style-position:outside;
list-style-type:square
}
ol {
list-style-image:url('none');
list-style-position:outside;
list-style-type:decimal
}

dt {
color:#054ea0;
font-weight:bold;
}
dd {
padding-left:25px;
}
dl {
padding:10px 15px;
}


img.float-right {
margin:5px 0px 10px 10px;
}
img.float-left {
margin:5px 10px 10px 0px;
}

.float-left {
float:left;
}


code {
background:#F8F8F8 none repeat scroll 0%;
border:1px solid #F0F0F0;
display:block;
font-family:'Gill Sans','Courier New',Monospace;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:500;
line-height:1.5em;
margin:3px 0pt;
overflow:auto;
padding:15px;
text-align:left;
}
acronym {
border-bottom:1px dotted #895F30;
cursor:help;
}
blockquote {
background:#F8F8F8 url('../images/quote.gif') no-repeat 12px 12px;
border:1px solid #F0F0F0;
color:#555555;
font-family:Georgia,'Times New Roman',Times,Serif;
font-size:17px;
font-style:italic;
font-weight:normal;
line-height:1.5em;
margin:10px;
padding-left:32px; padding-right:10px; padding-top:10px; padding-bottom:10px
}
table {
border-collapse:collapse;
margin:10px;
}
tr {
background:#FFFFFF none repeat scroll 0%;
}
tr.altrow {
background:#F9F9F9 none repeat scroll 0%;
}
th, td {
border-style:solid;
border-width:0px;
text-align:left;
}
th {
background:#FFF none repeat scroll 0 50%;
border-color:#FFFFFF;
color:#666666;
padding:0.2em 0.2em;
vertical-align:top;
}
td {
border-color:#EFEFEF;
color:#666666;
font-size:0.7em;
padding:0.2em;
}


form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
padding-top:10px; padding-left:10px; padding-right:10px; padding-bottom:10px;

}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  background-color:#e8e8e8;
  border-width: 0px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
  color:#004080;
}

form label { 
display:block;
float:left;
font-size:0.8em;
font-weight:normal;
margin:5px 0 0;
padding:0;
text-align:right;
width:200px;
}

form select{
	margin:5px 0 0 10px;

 }



form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form input, form textarea {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
border:1px solid #636363;
font-size:15px;
margin:5px 0 0 10px;
padding:3px;
width:230px;
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }



form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

#calendarin0 table, #calendarin1 table {
    width:auto;
    margin:0;
}

#loanform img {
    float:none;
    margin:0;
}

.calendar-shortcuts {
    display:none;
}

caption {
background:#DDDDDD;
color:#7D7D7D;
font-size:1.0em;
padding:1px;
}

.calendarnav-previous, .calendarnav-next {
    
  background:#DDDDDD;
color:#7D7D7D;
font-size:1.3em;
padding:5px;  
}
/*//---------------------------------
Unstuck
---------------------------------*/

#unstuck-container{
/*text-align:center;*/
height:56px;
}

#unstuck{
width:1000px;
margin:0 auto;
text-align:right;
padding:10px 0px 10px 0px;
color:#707070;
font-size:0.8em;
color:#636363;
font-family:Helvetica, Verdana, Arial, sans-serif;
}

#unstuck a:link{
color:#707070;
text-decoration:none;
}

#unstuck a:active{
color:#707070;
text-decoration:none;
}

#unstuck a:visited{
color:#707070;
text-decoration:none;
}

#unstuck a:hover{
color:#707070;
text-decoration:underline;
}
/*#-----------------
PayPal Button
--------------------#*/


#paypal_button form input,form text-area{
border:0px;
width:144px;
}


textarea.codecontent{
color:#777777;
font-family:arial,verdana;
font-size:12px;
height:100px;
margin:0px 0px 20px 0;
width:220px;
        
        }
	
	
	
/*#-----------------
Featured Content Slider
--------------------#*/

#featured{ 
width:365px;
padding-right:250px;
_padding-right:200px; 
position:relative; 
border:1px solid #BEBDBD;
height:264px; 
background:#fff;
margin:0px 0px 7px 0px;
}


#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:415px; 
	list-style:none; 
	padding:0; margin:0; 
	width:199px; 
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0; padding-left:13px;  
	font-size:12px; 
	color:#666;
	list-style-type:none;
}

#featured ul.ui-tabs-nav li span{ 
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif; 
	line-height:18px;
	color:#6B6B6B;
}


#featured li.ui-tabs-nav-item a{ 
	display:block; 
	height:64px; 
	color:#333;  background:#fff;
	background:url('../images/slidernav_bg.jpg');
	background-position:left;
	background-repeat:repeat-x;
	text-decoration:none;
	text-align:left;
	line-height:20px;
	padding:22px 12px 0px 12px;
}
#featured li.ui-tabs-nav-item a:hover{
	background-color:#ccc;
	background-image:none;
	

	
}
#featured li.ui-tabs-selected{ 
	background:url('../images/selected-item.gif')  left no-repeat;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
background-color:#ccc;
background-image:none;

	
}
#featured .ui-tabs-panel{ 
	width:415px; height:264px; 
	background:#999; position:relative;
}

#featured .ui-tabs-panel img{
	border:none;}

#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:184px; left:0; 
	height:80px; 
	background: url('../images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:17.5px; font-family:Arial, Helvetica, sans-serif;
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

/*----tabbed content----*/

#tabbedformcontainer{
	width:603px;}
	
#tabbedformcontainer form p{
    font-size: 0.75em;
    line-height:normal;
	margin:0px 0px 5px 0px;
	padding:5px 0px 5px 0px;
	text-align:right;
	display:block;
	
	}
	
	
	#tabbedformcontainer form input, #tabbedformcontainer form textarea {
    border: 1px solid #636363;
    font-size: 15px;
    margin: 0px 0 5px 10px;
    padding: 3px;
    width: 230px;
	
	
}

#tabbedformcontainer form select{
	    border: 1px solid #636363;
    font-size: 15px;
    margin: 0px 0 5px 10px;
    padding: 3px;
	width: 170px;}
	
	#tabbedformcontainer h4{
	color: #555555;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.0em;
    font-weight: normal;
    padding: 0 0 10px;}

#tabbedformcontainer ul{
	margin:0px 0px 0px 0px;}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 52px; /*--Set height of tabs--*/
	border-bottom: 1px solid #BEBDBD;
	border-left: 1px solid #BEBDBD;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 51px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	 border: 1px solid #BEBDBD;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
	width:200px;
/*background image to go on this one*/
}
ul.tabs li a {
	text-decoration: none;
	color: #555;
	display: block;
	font-size: 1.2em;
	padding: 5px 20px 5px 20px;
	outline: none;
	text-align:left;
	
   
	
}
ul.tabs li a:hover {color: #000;

}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
	background-image:none;
}

.tab_container {
	border: 1px solid #BEBDBD;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}

.labels{
	float:left;
	width:200px;}
	
	.fields{
		float:left;
		width:240px;}