/*.Article {
  background: 
	url(graphics/png/topleft.png)
  		top left no-repeat;}
  
.Article h1 {
  background: 
	url(graphics/jpeg/contentshadow.jpg) 
  		top right no-repeat;
 }



 .ArticleBody {
background: 
	url(graphics/png/rightborder.png) 
  		top right repeat-y; }
  
.ArticleFooter {
   	background: 
	url(graphics/png/bottomleft.png) 
  		bottom left no-repeat; } 
  
#number {
background:
  	url(graphics/png/bottomright.png) 
  		bottom left no-repeat; }



@font-face {
	font-family:Walkway Expand UltraBold;
	src: url('Walkway Expand UltraBold.ttf');*/



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



body { 
	background-image:url(graphics/jpeg/sand.jpg);
	margin:0;
	padding-top:5px;
	font-size:62.5%;
}

#container {
	width:1000px;
	margin:auto;
  
   	background-image:url(graphics/jpeg/middlebg.jpg);
    background-repeat:repeat-y;
	/*border:1px solid #339933;*/
	line-height:2em;
	padding:0;
    height:100%;
}

#banner{
	
	padding:0;
	margin:0;
    border:none;
}

#title {
	line-height:0;
	margin:0;
	padding:0;
	vertical-align:bottom;
	height:35px; }

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



a:focus {
	outline: none; 
}

/*h2, h1 { font-family: Walkway Expand UltraBold, sans-serif; }*/



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

#sitelink {
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	line-height:normal;
	padding-right:10px;
	padding-top:5px;
	border:none;
	margin:0;
	background-image:url(graphics/jpeg/headerbg.jpg);
	padding-left:510px;
	height:30px;
        color:black;
    }

#sitelink a:link,#sitelink  a:visited {
 	color:#3399ff;
 }
 
 #sitelink a:hover,#sitelink  a:active{
 	color:black;
 }

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

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

#menu ul {
    margin:0;
    padding:0; /*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 5px;
}

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

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

#menu a {
	color:black;
	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:3px;
	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:#2a7fd1;
}



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

#left_pane {
    float:left;
	width:325px;
	padding:23px 10px 0 10px;/*move #slideshow away from edge*/
	
    margin:0;
    border:none;
    height:100%;
   	min-height:100%;
   	vertical-align:top;
    border-left:2px solid #3399ff;
	/* border:1px solid #339933;*/
}

#left_pane p { 
    font-family: Helvetica, Arial, sans-serif;
    text-align:center;
    padding:0;
   	margin:0;
    
}

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

#number1 {
	padding:0 20px 0 25px;
 }

#slideshow {
    border:none;
	padding:9px 0 0 10px;
	margin:0;
    vertical-align:top;
   	height:100%;
   	min-height:100%;
   	
}

#slideshow2 {
	/*border:1px solid gray;*/
	border:none;
	margin:0;
    vertical-align:top;
   	height:100%;
    min-height:100%;
    padding:0 0 0 10px;
    background-color:white;
}

#slideshow p, #slideshow2 p{
    font-size:1.2em;
    padding:10px;
}

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

#right_pane {
	background-color:white;
	font-family: Arial, Trebuchet MS, sans-serif;
	overflow:auto;
    border:none;
    width:620px;
    float:left;
    padding:0;
    margin:0;      
        /*border:1px solid #339933;*/
}

#right_pane2 {
	background-color:white;
	font-family: Arial, Trebuchet MS, sans-serif;
	overflow:hidden;
    border:none;
    width:620px;
    float:left;
    padding:0;
    margin:0;      
        /*border:1px solid #339933;*/
}

#content{
	padding:20px 60px 0 10px;
    
    border-left: 1px solid #3399ff;
        /*border-bottom: 1px solid #3399ff;*/
    margin-top:-4px;
    background:url(graphics/jpeg/contentshadow.jpg) 
  		        top right no-repeat;
        /*min-height:440px; /*make this the height of the contact form?*/
    font-size:1.4em;
    height:100%;
        /*background-color:white;*/
        /*background-image:url(graphics/jpeg/logo.jpg);*/
}



#articlebody {   
	background:url(graphics/jpeg/contentshadowmid.jpg)
		top right repeat-y;
    margin:0;
    width:589px;
    padding:0 10px 0 10px;
 }
 
#articleft  {   
	background:url(graphics/jpeg/contentshadowbtm.jpg)
		bottom right no-repeat;
   	 padding:0 15px 0 30px;
   	 width:574px;
   	 height:32px;
   	 text-align:right;
   	 font-size:1em;
   	 color:gray;
   	 margin-top:-10px;}
    

 
#content a {
	 color:#3399ff;
}	
	
#content a:link,#content a:visited {
	color:#3399ff;
}

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



#content h1 {
	padding:20px 0 0 10px;
	color:#2a7fd1;
	font-size:1.6em;
	font-weight:bold;
    font-family: Trebuchet MS, Arial, sans-serif;
            }

#content h2 {
	color:#2a7fd1;
    font-size:1.4em;  
             }

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

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

label {  
	float:left;
	width:10em; 
	margin:0;
	padding:0 20px 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;
        float:left;
}

fieldset.captcha {  
	padding: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-----------------------------------------*/
/*.gradient {
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
    /* fallback (Opera) */
    /*background: #008800;
    /* Mozilla: */
   /* background: -moz-linear-gradient(top, #00FF00, #000000);
    /* Chrome, Safari:*/
   /* background: -webkit-gradient(linear,
                left top, left bottom, from(#00FF00), to(#000000));
    /* MSIE */
   /* filter: progid:DXImageTransform.Microsoft.Gradient(
                StartColorStr='#00FF00', EndColorStr='#000000', GradientType=0);
  } */







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

#cover {
    font-size:1.2em;
    color:#3399ff;
	margin: 0 10px 0 2px;
    padding: 10px 30px 5px 15px;
	text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    clear: both;
    border-top: 1px dotted #3399ff;

 }
 
 #links {
        font-size:1em;
        border:1px dotted #3399ff;
       color:#3399ff;
	padding-right:5px;
	line-height:2em;
    
 }
 
 #site_list{
           padding: 15px 40px 15px 80px;
  }
 
 #sitemap {
	font-size:1.6em;
	color:black;
	list-style-image:url(bullet.jpg);
	line-height:2em;
	font-family: Arial, Helvetica, sans-serif;
 }
 
  #sitemap2 {
	text-align:center;
	border-top:dotted 1px #3399ff;
	line-height:normal;
 }

#sitemap a:link, a:visited {
	color:#3399ff;
}

#sitemap a:hover{
		color:#3399ff;	
}
 
 .list { 
       list-style-image:url(bullet.jpg);
       line-height:2em;
 }
 
/*-----------------------FOOTER-------------------------------------------*/
#footer_links{
	
	clear: both;/*force below any floated elements above*/
	margin: 0 10px 0 2px;
    border-bottom: 1px dotted #3399ff;
	text-align:center;
    font-family: Arial, sans-serif;
	font-size:1.2em;
    padding: 5px 20px 5px 10px;
    color: #3399ff;
}

#footer_links a:link,#footer_links a:visited{
              color:#3399ff;
}

#footer_links a:hover,#footer_links a:active{
              color:black;
}



#footer{
	
        background-image:url(graphics/jpeg/bgfooter.jpg);
	clear: both;/*force below any floated elements above*/
	margin: 0;
	/*padding: 5px;*/
	color: #666666;
	border: none;
	text-align: center;
        height:45px;
        /*padding-right:2px;*/
}



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

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

#footer a:hover{
	color:white;	
}