/* ---------------------------------------------------------*/

/* CSS Development by LinxSmart - http://www.linxsmart.com/ */

/* ---------------------------------------------------------*/



a {

	text-decoration:none;

	cursor:pointer;

}



input, textarea, select {

	font-size:14px;

	font-family:Arial, Helvetica, sans-serif;

	padding:5px;

	color:#000000;

	background:url(../images/inputBg.png) no-repeat top left;

	border:1px solid #DEDEDE;

}



/* -------------------------------------------------- */

/* Containers */



body{

background:#000 url(../images/bg.jpg) no-repeat center top;

font-family:"Arial";

}



#wrapper{

width:927px;

margin:0 auto;

position:relative;

}



#nav{

height:61px;

}



#contentArea{

border:1px solid #333;

overflow:hidden;

margin-top:52px;

margin-bottom:20px;

background:url(../images/contentBg.jpg) repeat-y;

}



#contentArea.blog{

border:1px solid #333;

overflow:hidden;

margin-top:52px;

margin-bottom:20px;

background:url(../images/blogBg.gif) repeat-y;

}



#leftSide{

float:left;

width:605px;

}



#leftSide.blog {

	background: url(../images/blogBg.gif) repeat-y top;

}



#rightSide{

position:relative;

float:left;

width:320px;

border-left:none;

margin-top:21px;

background:url(../images/rightBg5.jpg) no-repeat top center;

height:745px;

}



#footer{

clear:both;

background:#16161a;

margin-bottom:20px;

}



#footer ul{

list-style:none;

padding:10px 0 10px 20px;

}



#footer ul li{

font-size:12px;

display:inline;

margin-right:10px;

color:#ccc;

}



#footer ul li a{

text-decoration:none;

color:#ccc;

}



a{



font-size:13px;

text-decoration:none;

}



td{

font-size:12px;

line-height:18px;

}

th{

font-size:14px;

}





/* -------------------------------------------------- */

/* Nav */



#nav ul{

list-style:none;

margin-left:1px;

}



#nav ul li{

float:left;

display:inline;

position:relative;

}



#nav ul li a{

display:block;

height:61px;

}



li#home a{

width:106px;

background:url(../images/homeBut.png);

background-position:top;

}



li#about a{

width:113px;

background:url(../images/aboutBut.png);

background-position:top;

}



li#services a{

width:114px;

background:url(../images/servicesBut.png);

background-position:top;

}



li#resources a{

width:123px;

background:url(../images/resourcesBut.png);

background-position:top;

}



li#contact a{

width:149px;

background:url(../images/contactBut.png);

background-position:top;

}



li#blogs a{

width:80px;

background:url(../images/blogBut.png);

background-position:top;

}



li#home a:hover,

li#home a.selected,

li#about a:hover,

li#about a.selected,

li#services a:hover,

li#services a.selected,

li#resources a:hover,

li#resources a.selected,

li#blogs a:hover,

li#blogs a.selected,

li#contact a:hover,

li#contact a.selected{

background-position:bottom;

}



/* -------------------------------------------------- */

/* Right Side */



#logo{

width:322px;

height:274px;

position:absolute;

background:url(../images/logo2.jpg);

top:61px;

left:606px;

z-index:500;

}



ul#locations{

list-style:none;

position:absolute;

top:270px;

left:12px;



}



ul#locations li{

display:inline;

color:#FFF;

font-size:11px;

padding-right:5px;



}



ul#locations li a{

	color:white;

	text-decoration:none;

}

ul#locations li a:hover{

	text-decoration:underline;

}





#rightSide h3{

font-size:13px;

font-family:"Trebuchet MS", "Arial";

color:#8d8b45;

position:absolute;

top:540px;

left:58px;

}



ul#points{

list-style:none;

position:absolute;

top:235px;

}



ul#points li{

color:#cecece;

font-style:italic;

font-size:13px;

text-align:center;

width:310px;

height:26px;

padding-top:3px;

margin-bottom:2px;

margin-top:8px;

}



#joinBut{

display:block;

width:164px;

height:37px;

background:url(../images/joinBut.jpg) no-repeat;

background-position:top;

position:absolute;

top:502px;

left:77px;

}



#locationsBut{

display:block;

width:253px;

height:55px;

background:url(../images/locationsBut.jpg) no-repeat;

background-position:bottom;

position:absolute;

top:450px;

left:32px;

}



#freeBut{

display:block;

width:253px;

height:55px;

background:url(../images/freeBut.jpg) no-repeat;

background-position:bottom;

position:absolute;

top:390px;

left:32px;

}



#faqBut{

display:block;

width:253px;

height:53px;

background:url(../images/FAQBtn.jpg) no-repeat;

background-position:bottom;

position:absolute;

top:512px;

left:32px;

}



#ratesBut{

display:block;

width:253px;

height:53px;

background:url(../images/ratesBtn.jpg) no-repeat;

background-position:bottom;

position:absolute;

top:575px;

left:32px;

}

#newsBut{

display:block;

width:253px;

height:53px;

background:url(../images/newsBtn.jpg) no-repeat;

background-position:bottom;

position:absolute;

top:637px;

left:32px;

}



#faqBut:hover,

#freeBut:hover,

#locationsBut:hover,

#ratesBut:hover,

#newsBut:hover
{

background-position:top;

}



/* -------------------------------------------------- */

/* Top Content */



#topContent{

overflow:auto;

background:#151515;

padding:10px 10px;

position:relative;

}



#topContent h2{

font-family:"Trebuchet MS", "Arial";

color:#FFF;

font-size:24px;

font-weight:normal;

background:url(../images/headingBg.png) repeat-x top;

padding:10px 10px;

margin-bottom:10px;

}



img.borderImg{

border:10px solid #333333;

margin-bottom:10px;

}



/* -------------------------------------------------- */

/* Bottom Content */



#bottomContent{

	border-top:1px solid #333;

	padding:20px 10px;

	color:#a7a7a7;

}



#bottomContent a.h3Title {

	color:#8d8b45;

	font-family:"Trebuchet MS","Arial";

	font-weight:normal;

	font-size:18px;

	margin-bottom:10px;

	display:block;

}



#bottomContent a.h3TitleExpandable {

	color:#8d8b45;

	font-family:"Trebuchet MS","Arial";

	font-weight:normal;

	font-size:18px;

	margin-bottom:10px;

	display:block;

	padding-left:30px;

	padding-bottom:5px;

	background:url(../images/dropDownBtn.gif) no-repeat left center;

}



#bottomContent  a.h3TitleExpanded {

	background:url(../images/dropDownBtnUp.gif) no-repeat left center !important;

}



#bottomContent h3{

color:#8d8b45;

font-family:"Trebuchet MS","Arial";

font-weight:normal;

font-size:18px;

margin-bottom:10px;

height:28px;

padding-top:5px;

padding-left:5px;

background:url(../images/h3Bg.jpg) no-repeat left;

}



#bottomContent p{

font-size:12px;

margin-bottom:10px;

line-height:17px;

}



#bottomContent p a{

color:#8d8b45;

}





#bottomContent li{



font-size:12px;

margin-bottom:10px;

line-height:17px;

margin-left:20px;



}



#bottomContent .listNumber{

font-size:14px;

color:#FFFFFF;

}





a.backLink{

display:block;

background:url(../images/backHoverBg.jpg) no-repeat;

background-position:bottom;

height:51px;

color:#FFF;

font-size:13px;

text-decoration:none;

padding-left:20px;

}



a.backLink:hover{

background-position:top;

}



table.styleTable{

border-collapse:collapse;

font-size:13px;

color:#FFF;

width:95%;

margin:0 auto 10px auto;

position:relative;

}



.styleTable tr.headingRow td{

background:#333;

font-weight:bold;

}



.styleTable td{

border:1px solid #333;

padding:2px 10px;

background:#151515;

}



p em{

color:#8d8b45;

}



/* -------------------------------------------------- */

/* Boxes List */



ul#boxes{

list-style:none;

overflow:hidden;

}



ul#boxes li{

display:inline;

float:left;

width:285px;

text-align:center;

}



ul#boxes li a{

display:block;

padding:10px 0;

text-decoration:none;

border:none;

background:#000 url(../images/smallBoxBg.png) repeat-x;

background-position:top;

}



ul#boxes li a:hover{

background:#000;

}



ul#boxes li a strong{

display:block;

padding-top:10px;

color:#8d8b45;

}



/* -------------------------------------------------- */

/* Contact Page */



#leftContact{

width:380px;

float:left;

}



#rightContact{

width:200px;

float:left;

}



.topDrop{

width:158px;

position:absolute;

top:15px;

right:20px;

background:#d7d7d7;

border:1px solid #333;

}



.topDrop select {

	width:158px;	

	background:#d7d7d7;

}



ul#contactInfo{

list-style:none;

margin-bottom:10px;

margin-left:5px;

}



ul#contactInfo li{

font-size:12px;

color:#a7a7a7;

margin-bottom:2px;

}



ul#contactInfo li strong{

color:#8d8b45;

}



/* -------------------------------------------------- */

/* Big Lists */



ul.styleList{

list-style:none;

margin-left:20px;

margin-right:20px;

margin-bottom:10px;

}



ul.styleList a{

display:block;

text-decoration:none;

color:#c8c0b1;

font-size:13px;

}



ul.styleList li{

border:0;

height:1%;

}



ul.styleList li img{

vertical-align:middle;

}



ul.styleList li strong{

display:inline-block; 

vertical-align:middle;

padding-left:20px;

}



ul.styleList li em{

display:inline-block; 

vertical-align:middle;

padding-left:10px;

color:#dea471;

}



ul.styleList li.light a{

background:#1a1a1a;

}



ul.styleList li.dark a{

background:#151515;

}



ul.styleList li a:hover{

background:#000;

}



.padLink{

padding:7px 20px;

font-weight:bold;

}



/* --TABLE CONSULTATION---------------------------------- */

table#consultation tr td input {

	background:#d7d7d7;

	border:none;

}

table#consultation tr td textarea {

	width:200px;

	height:100px;

}

table#consultation tr td {

	padding-bottom:10px;

}

table#contact tr td {
	padding-bottom:10px;
}

/* ----BLOGS---------------------------- */

div#blogListing {

	float:left;

	width:450px;

}



div#blogListing div.blogItem {

	margin:10px;

	padding-bottom:10px;

	width:450px;

}



div#blogListing div.blogItem img {

	margin-right:10px;

	float:left;

	display:inline-block;

	border:3px solid #d7d7d7;

}

div#blogListing div.blogItem a {

	color:#8d8b3c;

	font-size:13px;

}



div#blogListing div.blogItem a.title {

	font-size:18px;

	line-height:22px;

}



div#blogListing div.blogItem p {

	color:#a7a7a7;	

	font-size:13px;

	line-height:15px;

}

div#blogListing div.blogItem p.date {

	color:white;

}



div#blogListing div.blogItem p.title {

	color:#8d8b3c;

	font-size:18px;

	line-height:22px;

}



div#archiveHeader {

	position:absolute;

	top:0px;

	right:0px;

	width:100px;

	float:right;

}

div#archiveHeader h3 {

	color:#8d8b3c;

	padding-top:30px;

	margin-bottom:10px;

	line-height:22px;

}



div#archiveListing {

	float:right;

	width:110px;

	margin-right:0px;

	padding-right:0px;

	background:black;

}

div#archiveListing a {

	color:#8d8b3c;

	text-align:center;

	padding:0px 0px 5px 10px;

	font-size:14px;

	font-weight:bold;

}

div#blogListing h2 {

	color:white;

	padding-bottom:10px;

}



div#blogListing div#postComment table label {

	display:block;
	padding-top:10px;
	color:#8d8b3c;

}



div#blogListing div#postComment table input {

	background:#d7d7d7;	

}



div#blogListing div#postComment table textarea {

	background:#d7d7d7;

	width:420px;

}



div#blogListing div#blogComments {
	display:none;
	margin-left:10px;

}



div#blogListing div#postComment {
	margin-left:10px;
}

/* -------------------------------------------------- */



.name2 fieldset{

margin:0;

padding:0;

font-size:12px;

}



.name2 div.formRow{

clear:left;

float:left;

margin-bottom:10px;

margin-top:0;

width:100%;

}



.name2 .formBox{

font-family:"Arial";

font-size:12px;

width:300px;

float:left;

color:#1f1f25;

padding:3px;

padding-left:5px;

padding-right:5px;

background:#d7d7d7;

border:1px solid #333;

}



.name2 .phoneDiv{

float:left;

}



.name2 .noWidth{

font-family:"Arial";

font-size:12px;

color:#193449;

padding-left:5px;

}



.name2 textarea{

font-family:"Arial";

font-size:12px;

width:300px;

padding:5px;

background:#d7d7d7;

}



.name2 label{

display:block;

width:170px;

float:left;

color:#8d8b45;

text-align:right;

padding-right:10px;

font-size:12px;

}



.name2 select{

background:#d7d7d7;

border:1px solid #333;

width:200px;

padding:3px;

}



.name2 .moveBut{

margin-left:180px;

}



.inputsBox{

float:left;

width:300px;

}



/* ------------------------- Form ------------------------- */



.name fieldset{

margin:0;

padding:0;

}



.name input {

background:#a7a7a7;

border:none;

height:10px;

margin-bottom:5px;

}



.name .formBox{

font-family:"Arial";

font-size:12px;

width:250px;

float:left;

color:#1f1f25;

padding:3px;

padding-left:5px;

padding-right:5px;

background:#a7a7a7;

border:none;

}



.name .phoneDiv{

float:left;

}



.name .noWidth{

font-family:"Arial";

font-size:12px;

color:#193449;

padding-left:5px;

}



.name textarea{

font-family:"Arial";

font-size:12px;

width:250px;

padding:5px;

background:#a7a7a7;

border:none;

}



.name label{

display:block;

width:90px;

float:left;

color:#8d8b45;

text-align:right;

padding-right:10px;

font-size:12px;

}



.name .moveBut{

margin-left:100px;

}

/* Hide Text */

.specialText{

	position:absolute;

	text-indent:-3000px;

}



/* Clearing Div */

.easyClear{

	clear:both;

}

/* -------------------------------------------------- */



/* -------------------------------------------------- */



/* -------------------------------------------------- */



/* -------------------------------------------------- */



/* -------------------------------------------------- */



/* -------------------------------------------------- */



/* -------------------------------------------------- */



/* -------------------------------------------------- */



/* -------------------------------------------------- */



/* -------------------------------------------------- */



/* -------------------------------------------------- */



/* -------------------------------------------------- */



/* -------------------------- Standard Button Styles -------------------------------*/



div.buttons {

	float:left;

}



div.buttons button {

	background:url(../images/buttonBg.jpg) repeat-x bottom #D5D4D4;

	border:1px solid #989495;

	color:#6D7369;

	font-weight:normal;

	font-size:12px;

	line-height:18px;

	letter-spacing:0.5px;

	padding:5px 10px 5px 10px;

	*padding:3px 0px 2px 0px;

	margin:10px;

	cursor:pointer;

	display:block;

	float:left;

	text-align:center;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	-moz-box-shadow:0px 0px 5px #000000;

	-webkit-box-shadow: 0px 0px 5px #000000;

	box-shadow: 0px 0px 5px #000000;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius:5px;

}



/* hack for safari/chrome */

@media screen and (-webkit-min-device-pixel-ratio:0) {

    div.buttons button { 

		padding:4px 10px 4px 10px;

	}

}



div.buttons a {

	background:url(../images/buttonBg.jpg) repeat-x bottom #D5D4D4;

	border:1px solid #989495;

	color:#6D7369;

	font-weight:normal;

	font-size:12px;

	line-height:18px;

	letter-spacing:0.5px;

	padding:4px 10px 4px 10px;

	margin:10px 10px;

	cursor:pointer;

	display:block;

	float:left;

	text-align:center;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	-moz-box-shadow:0px 0px 5px #000000;

	-webkit-box-shadow: 0px 0px 5px #000000;

	box-shadow: 0px 0px 5px #000000;

	-moz-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius:5px;

}



div.buttons a:hover, div.buttons button:hover {

	background:#F2F0F1;

	-moz-box-shadow:0px 0px 5px #989495;

	-webkit-box-shadow: 0px 0px 5px #989495;

	box-shadow: 0px 0px 5px #989495;

}



/* -------------------------- Positive Button Styles -------------------------------*/



div.buttons .positive {

	color:#60a020;

	border:1px solid #60a020;

}



div.buttons .positive:hover {

	color:#60a020;

	border:1px solid #60a020;

	-moz-box-shadow:0px 0px 5px #60a020;

	-webkit-box-shadow: 0px 0px 5px #60a020;

	box-shadow: 0px 0px 5px #60a020;

}



div.buttons .positive:active {

	background:#D7FFD7;

}



/* -------------------------- Negative Button Styles -------------------------------*/



div.buttons .negative {

	color:#d12f19;

	border:1px solid #d12f19;

}



div.buttons .negative:hover {

	-moz-box-shadow:0px 0px 5px #d12f19;

	-webkit-box-shadow: 0px 0px 5px #d12f19;

	box-shadow: 0px 0px 5px #d12f19;

}



div.buttons .negative:active {

	background:#FFD7D7;

}