body { 
	background-image:url(graphics/jpeg/sand.jpg);
	background-color:#000000;
    margin:0;
    padding:0;
    font-size:70%;
}

#container {
	width:1000px;
	margin:auto;
	background-image:url(graphics/gif/shadow_background.gif);
	color:#999999;
	/*border:1px solid #339933;*/
	line-height:2em;
	padding:0;
    height:100%;
}

a:focus {
          outline: none; 
}

#banner h1{
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
    text-align:center;
    font-size:4.6em;
    padding-bottom:20px;
 
}

#banner h2{
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
    text-align:center;
    color:#3399ff;
 
}

#banner{
	font-family: Arial, Helvetica, sans-serif;
	padding:20px 20px 0 20px;
	margin:0;
    text-align:center;
 
}

ol {
	list-style:none;
	padding:0;
	margin:0;
}
/*------------------------------------------------------------*/

#sitelink {
          font-size: 1.2em;
          font-family: Arial, Helvetica, sans-serif;
          line-height:normal;
          padding-right:20px;
          border:none;
          margin:0;
          background-color:transparent;
          padding-left:400px;
          padding-bottom:20px;
}

#sitelink a {
 color:#3399ff;
 }

#menu {
   	float:left;
   	background:#000000 url(graphics/gif/buttons/bg.gif)
    	repeat-x bottom;
    font-size:1.4em;
    line-height:normal;
	font-family: Arial, Helvetica, sans-serif;
	width:100%;
    min-width:100%;
    padding:0;
    border:none;
}

#menu ul {
    margin:0;
    padding:0 0 0 150px; /*change menu position here*/
    list-style:none;
}

#menu li {
	float:left;
	background:url(graphics/gif/buttons/left_both.gif)
		no-repeat left top;
	margin:0;
	padding:0 0 0 3px;
}

#menu li:hover, #menu li:hover a {
  	background-position:0% -150px;
  	color:#3399ff;
}

#menu li:hover a {
  	background-position:100% -150px;
}

#menu a {
	color:gray;
	float:left;
	display:block;
	/*fix for non-clickable region in IE <6 force clickable area to expand and cover text*/
	width:.1em;
	background:url(graphics/gif/buttons/right_both.gif)
		no-repeat right top;
	padding:10px 12px 6px 0;
	margin-left:6px;
	text-decoration:none;
}
	/*fix for non-clickable region in IE <6, resets width of anchor to auto not .1em*/
#menu > ul a {
	width: auto;
}



#about #nav-about, #contact #nav-contact,
#new_homes #nav-new_homes,
#repairs #nav-repairs,
#products #nav-products, #regulations #nav-regulations{
   	background-position:0% -150px;
 	border-width:0;
}

#about #nav-about a, #contact #nav-contact a,
#new_homes #nav-new_homes a,
#repairs #nav-repairs a,
#products #nav-products a, #regulations #nav-regulations a{
   	background-position:100% -150px;
	padding-bottom:7px;
	color:#3399ff;
}


/*-----------------------------------------------------------------------------*/
#right_pane {
		background-color:transparent;
		font-family: Arial, Helvetica, sans-serif;
		overflow:auto;
        border:none;
        width:880px;
        float:left;
        padding:0 60px 0 60px;      
        /*border:1px solid #339933;*/
}

#right_pane2 {
		background-color:transparent;
		font-family: Arial, Helvetica, sans-serif;
		overflow:hidden;
        border:none;
        width:880px;
        float:left;
        padding:0 20px 0 20px;      
        /*border:1px solid #339933;*/
}

#content{
		padding:40px 40px 20px 40px;
       /* margin-right:15px;*/
        border-left: 1px solid #3399ff;
        border-bottom: 1px solid #3399ff;
        border-right: 1px solid #3399ff;
        min-height:400px; /*make this the height of the contact form?*/
        font-size:1.6em;
        height:100%;
        background-color:black;
}

#content a {
	    color:white;
}	
	
#content a:link, a:visited {
		color:white;
}

#content a:hover, a:active{
		color:#333;	
}

/*---------------------------FORM---------------------------------*/
fieldset {  
		padding:0 150px 0 0;
		margin:0 0 0 0;
		border:none; 
}

fieldset li {  
         width: 100%;
         padding-bottom: 10px; 
} 

label {  
		float:left;
		width:10em; 
		margin:0;
		padding:0 30px 0 0;
		text-align:left;
        /*background-image: url(graphics/gif/main_background.gif); 
        background-repeat: repeat-x;
        background-position:bottom;*/
}

.input {
		margin:0;
		/*padding-left:14px;*/
		border: 1px solid #3399ff;
		width:210px; 
}

.input:hover {
             border:1px solid red;
}

textarea{
	background-image: url(graphics/gif/thankyou.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
	border: 1px solid #3399ff;
	margin-bottom:10px;
}

textarea:hover {
border:1px solid red;
}
 
fieldset.submit {  
		padding:0 0 20px 0;
		border:none;
		background: transparent;
}

fieldset.reject {  
		padding:0 0 0 0;
        float:left;
}

fieldset.captcha {  
		padding:0 0 0 0;
		margin:0;
}

/*.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#000000 !important; //reCaptcha widget background color

 }
 
#recaptcha_table {
   border-color: #339933 !important; //reCaptcha widget border color
 }
 
#recaptcha_response_field {
   border-color: #339933 !important; //Text input field border color
   background-color:#000000 !important; //Text input field background color
 }

#captcha_response{
    padding:0 0 0 0;
	margin:0;
	border:1 px sol #339933;
 } 
 
#recaptcha_image img { 
  width: 300px; 
  height: 57px; 
}  */
 
#incorrect_captcha {
                  /*color:#339933;*/
                  /*font-size:1.2em;*/
        border:1px dashed #3399ff;
        margin:0;
        width:auto;
        text-align:center;
}

form {
        border: 1px dotted #3399ff;
        padding: 10px 10px 10px 65px;
 }
/*------------------------KEYWORDS-----------------------------------------*/

#text {
        background-color: #000000;
		clear: both;/*force below any floated elements above*/
		margin: 0 10px 0 10px;
		color: #666666;
		border-top: 1px dotted #3399ff;
        border-bottom: 1px dotted #3399ff;
	    text-align:center;
        font-family: Arial, Helvetica, sans-serif;
		font-size:1.2em;
        padding: 5px 60px 5px 60px;
}

#cover {
       font-size:1.2em;
       color:#3399ff;
	   margin: 0;
       padding: 5px 60px 5px 60px;
	   text-align: center;
       font-family: Arial, Helvetica, sans-serif;
       clear: both;
       background-color:transparent;
 }
 
 #links {
       font-size:1em;
       border:1px dotted #3399ff;
       color:#3399ff;
       list-style-image:url(bullet.jpg);
       line-height:2em;
 }
 
 #sitemap {
    
       color:#3399ff;
       list-style-image:url(bullet.jpg);
       line-height:2em;
       padding: 15px 40px 15px 40px;
       font-family: Arial, Helvetica, sans-serif;
 }
 
  #sitemap2 {
      text-align:center;
         font-size:1em;
 }
 
 .list { 
       list-style-image:url(bullet.jpg);
       line-height:2em;
 }
 
/*-----------------------FOOTER-------------------------------------------*/
#footer{
		background-color:transparent;
		clear: both;/*force below any floated elements above*/
		margin: 0;
		padding: 5px 60px 5px 60px;
		color: #666666;
		border: none;
		text-align: center;
}


#footer p {
		font-size: 1.2em;
		font-family: Arial, Helvetica, sans-serif;
}

#footer a:link, a:visited {
		color:#666666;
}

#footer a:hover{
		color:white;	
}



