/* Member | NET External Style */

/* COLORS
	Lt. Grey BG: #f3f3f3;
	Blue: #336699;
	Lt. Grey Head Text: #999999;
	Gray Body Text: #666666;
*/
	
	
	
	
/*
	RESET
*/

/**									{ margin: 0; padding: 0; } use this for no space after p tag */
html									{ overflow-y: scroll; }
html, body							{ height: 100%; }
body								{ background-color: #f3f3f3; font-family: Arial, sans-serif;}
ul									{ list-style: square inside; }
ol									{ list-style: decimal inside; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; background: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }




/*
	UTILITY
*/
.floatLeft 							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.button								{ background: #336699; padding: 3px 8px; color: #fff; border: none; text-transform: uppercase; font-weight: bold; 
								      font-size: 12px; font-family: Arial, sans-serif; }
.button:hover						{ background: #336699; color: #fff; border: none; text-transform: uppercase; font-weight: bold; font-size: 12px; }



/*
	STRUCTURE
*/
#page-wrap							{ width: 960px; margin: 0px auto -75px;
									  min-height: 100%; height: auto !important; height: 100%;}
#main-col							{ width: 525px; float: left; background: #fff; margin: 40px 0 0 20px; padding: 40px; -moz-border-radius: 15px; 
									  -webkit-border-radius: 15px; border: 1px solid #999999; }
#sidebar 							{ width: 250px; float: right; margin: 25px 20px 0 0; background: #fff; padding: 15px; 
									  border: 1px solid #999999; }
#quote-index						{ width: 250px; float: right; margin: 20px 50px 0 0; }
#main-col-pages						{ width: 520px; float: left; background: #fff; padding: 10px 40px 40px 40px; margin: 30px 0 0 0px; }
#sidebar-pages						{ width: 250px; float: right; background: #fff; padding: 15px; margin: 30px 15px 0 0; 
									  border: 1px solid #999; }
#inside-pages						{ background: url(images/inside-pages-bg.gif) repeat-y center; height: auto; width: 920px;
									  margin:auto; border: 1px solid #999; padding-bottom: 40px; }
#inside-pages-head					{ height: 52px; width: 922px; margin:auto; }
#inside-pages-footer				{ height: 30px; width: 922px; margin:auto; 
									  background: url(images/inside-footer-pages.gif) no-repeat top right; } 
#push								{ height: 75px; } /*use footer height */




/*
	HEADER
*/
h1#logo								{ width: 288px; height: 33px; background: url(images/logo.png) top left no-repeat; text-indent: -9999px;
									  margin: 0 10px 8px 20px; float: left; }
#top-bar							{ padding: 20px 0 0 0; }

#desc-bar							{ padding: 0 20px 30px 20px; }
p.description						{ color: #999999; float: left; font-size: 12px; margin: 0; padding: 0px; }
p.telephone							{ color: #336699; font-weight: bold; float: right; font-size: 18px; text-align: right; margin: 0; padding: 0px; }




/*
	MENU
*/
#menu-bar							{ float: right; }
#main-nav							{ float: right; }
ul#main-nav							{ padding-right: 5px; margin: 0 0; list-style: none; float: left; }
ul#main-nav	li						{ float: left; display: inline; margin: 0 10px; }
ul#main-nav li a						{ float: left; background: url(images/nav-btn-full.png) no-repeat top right;  
									  font-family: Arial, sans-serif; color: #336699; font-size: 12px;
									  text-transform: uppercase; text-decoration: none; font-weight: bold; cursor: pointer; }

ul#main-nav li a span					{ margin: 0 10px 10px -10px; padding: 7px 8px 10px 18px; position: relative; float: left; 
									  background: url(images/nav-btn-full.png) no-repeat top left;}	
ul#main-nav li a.current, ul#main-nav li a:hover { background: url(images/nav-btn-full-curr.png) no-repeat top right; color: #336699; }
ul#main-nav li a.current span, ul#main-nav li a:hover span { background: url(images/nav-btn-full-curr.png) no-repeat top left; }								  
									  
/*ul#main-nav li a:hover,
body#default ul#main-nav li.home a,
body#about ul#main-nav li.about a,
body#about ul#main-nav li.packages a,
body#about ul#main-nav li.services a,
body#contact ul#main-nav li.contact a { background: url(images/nav-btn-selected.png) no-repeat top right; }*/



/*
	IMAGES
*/
img.sample							{ float: left; padding: 0 15px 45px 0; }




/*
	JQUERY
*/
#slides 							{ width: 920px; height: 400px; padding: 0; margin: 0 auto; } 
#slides img 						{ padding: 0; background-color: f3f3f3; width: 920px; height: 400px; top:  0; left: 0 }





/*
	FORMS
*/
#inputArea
{
    font-family: Arial, Sans-Serif;
    font-size: 12px;
	color: #336699;
	text-transform: uppercase;
	font-weight: bold;
	
    /*background-color: #d6e5f4;*/
}

.checkbox 							{ font-size: 11px; text-transform: uppercase; display: inline; color: #336699; }
.select								{ width: 250px; height: 26px; border: 1px solid #cccccc; color: #666666; font-size: 12px; }

#inputArea input[type="text"], #inputArea textarea
{
    font-family: Arial, Sans-Serif;
    font-size: 13px;
    margin-bottom: 5px;
    display: block;
    padding: 4px;
    border: solid 1px #cccccc;
    width: 242px;
}

/* input.button
    {
        display:block;
        margin:0px auto;
    }*/


/*
	LISTS
*/
ol#steps 							{ list-style: decimal inside;  padding-left: 30px; }
ol#steps li 							{ font-size: 14px; color: #666666; line-height: 1.5em; }
.listpackages						{ font-size: 14px; color: #666; line-height: 1.7em; padding-left: 30px; }



/*
	FOOTER
*/
#footer								{ height: 75px; background: url(images/footer-bar.png) no-repeat center center; margin-top: 40px; }
#footer-inside						{ width: 960px; margin: 0 auto; padding: 20px 0 0 20px; }
#footer-left p, #footer-right p		{ color: white; font-size: 12px; text-transform: none; }
#footer-left						{ width: 310px; float: left; margin-left: 40px; }
#footer-left a						{ color: white; font-weight: bold; }
#footer-right						{ float: right; margin-right: 40px; }	
ul#footer-nav						{ float: right; color: white; font-size: 12px; text-transform: none; margin-right: 40px; }
ul#footer-nav li						{ display: inline; list-style-type: none; padding: 0 0 0 1px; }
ul#footer-nav li a						{ color: white; font-size: 12px; font-weight: bold; text-decoration: none; }


p									{ font-size: 14px; line-height: 1.5em; color: #666666; }
p.address							{ font-size: 14px; line-height: 1.5em; color: #336699; text-transform: uppercase; font-weight: bold; } 
	
h1, h2 								{ text-transform: uppercase; font-weight: normal; color: #666666; }
	
h1 									{ font-size: 30px; }
	
h2 									{ font-size: 24px; }
	
h3									{ margin-bottom: 15px; }

h4 									{ font-size: 18px; font-weight: bold; color: #666; }

h5									{ font-size: 14px; font-weight: bold; color: #666; }

a									{ color: #336699; text-decoration: underline; }
a:hover								{ color: #336699; text-decoration: underline; }
a:visited							{ color: #336699; text-decoration: underline; }

hr									{ border: 0; height: 1px; border-bottom: 1px dotted #666; }