/* CSS Document */
/** general **/
body {
background-color:#000000;

color:#cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:1.2em;
letter-spacing:normal;
text-align:left;
}

a {
color:#FFFFCC;
text-decoration:none;
}

a:hover {
color:#FFFFFF;
}

h3 {
font-family:"Century Gothic";
font-size:36px;
line-height:36px;
text-transform:lowercase;
font-weight:normal;

margin-bottom:.4em;
}

h4 {
font-family:"Century Gothic";
font-size:18px;
font-weight:normal;
line-height:normal;
margin-top:2em;
}

h4:first {
margin-top:0;
}

fieldset {
padding:10px;
border:none;
}

span.pdf {
display:block;
float:right;
font-size:14px;
}


hr {
text-align: left;/*this will align it for IE*/
margin: 0 auto 1em 0; /*this will align it left for Mozilla*/

border: none 0;
border-top: 1px solid #666666;/*the border*/
width:100%;
height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
}

pre {
color:#cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
line-height:1.4em;
letter-spacing:normal;
text-align:left;
margin-bottom:1em;
}

ul li{
margin-bottom:.4em;
}

object { outline:none; } 
/** end general **/



/** chatbox **/
#chatbox ul{
list-style-type:none;
margin-top:30px;
}

	#chatbox ul li a{
	display:block;
	text-decoration:none;
	height:30px;
	width:90px;
	padding-left:52px;
	margin-bottom:25px;
	
	color:#666666;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	}
		#chatbox ul li a#boldchat {background:url(../images/icon-chat.gif) no-repeat 15px 0;}
		#chatbox ul li a#m2 {background:url(../images/icon-question.gif) no-repeat 15px 0;}
		#chatbox ul li a#m3 {background:url(../images/icon-emergency.gif) no-repeat 15px 0;}
		#chatbox ul li a#m4 {background:url(../images/icon-quote.gif) no-repeat 15px 0;}
		
		#chatbox ul li a:hover#boldchat {background:url(../images/icon-chat-over.gif) no-repeat 15px 0;}
		#chatbox ul li a:hover#m2 {background:url(../images/icon-question-over.gif) no-repeat 15px 0;}
		#chatbox ul li a:hover#m3 {background:url(../images/icon-emergency-over.gif) no-repeat 15px 0;}
		#chatbox ul li a:hover#m4 {background:url(../images/icon-quote-over.gif) no-repeat 15px 0;}
		
		#chatbox ul li a:hover{
		color:#ffffff;
		}
/** end  chatbox **/

/** chatmenu **/
#chatmenu {
overflow:auto;/*for unknown reason, this stop ul from moving down*/
}

#chatmenu ul{
width:500px;
list-style-type:none;
margin-top:0; /*removes margin applied earlier*/
margin-left:auto;
margin-right:auto;
}

	#chatmenu ul li{
	float:left;
	margin-right:0!important;
	}
	
	#chatmenu ul li#last a{
		margin-right:0!important;
	}

	#chatmenu ul li a{
	display:block;
	float:left;
	text-decoration:none;
	padding:5px 0 10px 35px;
	margin:0 12px 0 12px;
	
	color:#666666;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	}
		#chatmenu ul li a#boldchat {background:url(../images/icon-chat-black.gif) no-repeat 0 0;}
		#chatmenu ul li a#m2 {background:url(../images/icon-question-black.gif) no-repeat 0 0;}
		#chatmenu ul li a#m3 {background:url(../images/icon-emergency-black.gif) no-repeat 0 0;}
		#chatmenu ul li a#m4 {background:url(../images/icon-quote-black.gif) no-repeat 0 0;}
		
		#chatmenu ul li a:hover#boldchat {background:url(../images/icon-chat-black-over.gif) no-repeat 0 0;}
		#chatmenu ul li a:hover#m2 {background:url(../images/icon-question-black-over.gif) no-repeat 0 0;}
		#chatmenu ul li a:hover#m3 {background:url(../images/icon-emergency-black-over.gif) no-repeat 0 0;}
		#chatmenu ul li a:hover#m4 {background:url(../images/icon-quote-black-over.gif) no-repeat 0 0;}
		
		#chatmenu ul li a:hover{
		color:#ffffff;
		}
/** end  chatmenu **/


/** content **/
#content {
font-size:15px;
}

	#content ul li{
	font-size:12px;
	margin-right:1em;
	}

	#content p.question {
	font-weight:bold;
	color:#FFFFFF;
	font-size:16px;
	}

	#content span.more {	
	display:inline-block;
	width:75px;
	border:1px dotted #cccccc;
	}
	
	#content span.more a  {	
	display:block;
	padding: 0px 5px;
	color:#cccccc;
	text-decoration:none;
	line-height:14px;
	font-size:12px
	}

	#content h1,h2,h3,h4,h5,h6 {
	clear:both;
	}
	
	#content h4.news {
	clear:none;
	margin:0;
	}
	
	#content .extra {
	margin-top:1.5em;
	}
	
	#content p {
	margin-top:1em;
	line-height:1.2em;
	}
	
	#content li {
	line-height:1.2em;
	}
	
	#content li.description {
	list-style-type:none;
	margin:0 0 1em -12px;
	padding:0;
	font-weight:bold;
	}
	
	#content table#emergency th{
	width:120px;
	border-bottom:1px solid #666666;
	}
	
	#content table#emergency td{
	padding:5px;
	}

	#content .thumb-uniquely, #content .thumb-uniquely-center {text-align:center; font-size:12px;}
	#content .thumb-uniquely img, #content .thumb-uniquely-center img {border:none !important;}
	#content .thumb-uniquely h4, #content .thumb-uniquely-center h4 {color:#ccc; font-weight:bold; text-transform:uppercase; padding:0; margin:0;}
	#content .thumb-uniquely p, #content .thumb-uniquely-center p {color:#999;}

.caps {text-transform:uppercase;}
/** end content **/


#image-column img{
border:1px solid #666666;
margin-bottom:15px;
}

#content img{
border:1px solid #666666;
margin-bottom:5px;
}

#content img.icon{
border:none;
margin-bottom:0px;
}


#image-column img.icon{
border:none;
margin-bottom:0px;
}

#inground #content h3{
color:#6699CC;
}

#maintenance #content h3{
color:#C05C60;
}

#content p.quote {
margin: 2em 0 0;
font-family:Georgia, "Times New Roman", Times, serif;
}

#content p.quote-name {
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
margin-left:1em;
}

/**form**/
#content input, #content textarea, #content select  {
background-color: #111111;
color: #ffffff;
border:1px solid #cccccc;
vertical-align: middle;
}

#inground #content .FormFieldsRequired {
background-color: #111111;
color: #66ccff;
border:1px solid #6699CC;
vertical-align: middle;
}

#inground  .formLabelRequired {
color: #6699CC;
}

#maintenance #content .FormFieldsRequired {
background-color: #111111;
color: #66ccff;
border:1px solid #C05C60;
vertical-align: middle;
}

#maintenance .formLabelRequired {
color: #C05C60;
}

/**end form**/