
/* CSS website easzy Document */
h1,h2,h3,h4,h5,h6,p,ul,li,a,td{font-family:Verdana, Arial, Helvetica, sans-serif;}
/* html5 stuff */
header,nav,footer{display:block;}
nav{background-color:#FCC}
footer{height:100%;
	text-align:center;
	padding-bottom:10px;
	padding-top:10px;
	clear:both;
	margin-top:30px;
	margin-bottom:20px;
	background-color:#FFC;
}
footer a{text-decoration:none;font-size:0.7em;}
footer a:link{color:#CCCCCC}
footer a:visited{color:#CCCCCC}
footer a:hover{
	color:#CCCC00;
}
footer a:active{color:#CCCCCC}
h1{text-align:center;font-size:1.1em;color:#666666;padding-top:5px;}
h2{font-size:0.9em;padding-left:40px;color:#999999;}
h3{font-size:0.9em;padding-left:40px;color:#999999;text-align:center;}
h4{font-size:0.9em;color:#FF3333;text-align:center;}
p{padding-left:50px;padding-right:50px;font-size:0.8em;text-align:justify;}
td{font-size:0.8em;}
html {padding:0;margin:0;overflow-y:scroll;}
body {padding:0;margin:0; background:url(../images/back.gif) repeat;}
form{width:80%;margin-bottom:50px;margin-left:auto;margin-right:auto;padding-top:10px;padding-bottom:10px;background-color:#FFfc66;border:solid 2px #cccc00;-moz-border-radius: 15px;
border-radius: 15px;}
#wrap{width:980px;margin-right:auto;margin-left:auto;border:solid 2px #666;height:auto;background:#FFFFFF;}
#header{margin-bottom:20px}
#index ul,li{
	text-align:center;
	font-size:0.9em;
	list-style:inside;
}
/*tab nav*/
ul#tabnav  li{-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px; font-size:1em;list-style:none;text-decoration:none;height:22px;margin:0px 10px 0 10px;display:block;padding-left:20px;padding-right:20px;float:left;padding-top:2px;}
	ul#tabnav a {}
ul#tabnav{margin:0;/*padding-left:40px;*/padding-bottom:25px;border-bottom:solid 1px #666;}
ul#tabnav li{background-color:#ccff00;color:#fff;border:solid 1px #666;}
ul#tabnav a:link, ul#tabnav a:visited{color:#666;background-color:transparent;text-decoration:none;}
ul#tabnav a:hover {/*background-color:#cccc00;*/color:#ff0000;}
/* below tab changes in line with body id*\*/
body#home li.home, body#services li.services, body#portfolio li.portfolio, body#terms li.terms, body#contact li.contact{
	border-bottom:solid 1px #fff;
	color:#666;
	background-color:#fff;
}
body#home li.home a:link, body#home li.home a:visited, body#services li.services a:link, body#services li.services a:visited, body#portfolio li.portfolio a:link, body#portfolio li.portfolio a:visited, body#prices li.prices a:link, body#prices li.prices a:visited, body#terms li.terms a:link, body#terms li.terms a:visited, body#contact li.contact a:link, body#contact li.contact a:visited {
	color:#666;
	background-color:#fff;
}
/*finished need to add body class and li class to each page*/
#nav ul{margin:0;padding:0;list-style:none;padding-left:40px;padding-bottom:24px;border-bottom:solid 1px #711515;}
#nav li{list-style:none;white-space:nowrap;display:block;float:left;margin-left:30px;line-height:30px; }
#nav a{text-decoration:none;font-size:1.0em;white-space:nowrap;padding:5px 25px 5px 25px;background-color:#CCFF00;
-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;}
/*commented backslash hack hides rule from ie5-mac\*/
#nav a {float:none;} /*end ie5-mac hack*/
#nav a:link{
	color:#666666;border-top:1px solid #fff;border-left:1px solid #fff;border-bottom:1px solid #999;border-right:1px solid #999;
}
#nav a:visited{
	color:#666666;border-top:1px solid #fff;border-left:1px solid #fff;border-bottom:1px solid #999;border-right:1px solid #999;
}
#nav a:hover{
	color:#FF0000;background-color:#CCCC00;border-top:1px solid #999;border-left:1px solid #999;border-bottom:1px solid #fff;border-right:1px solid #fff;
}
#footer{text-align:center;padding-bottom:10px;padding-top:10px;clear:both;margin-top:30px;margin-bottom:20px;}
#footer a{text-decoration:none;font-size:0.7em;}
#footer a:link{color:#CCCCCC}
#footer a:visited{color:#CCCCCC}
#footer a:hover{
	color: #666666;
}
#footer a:active{color:#CCCCCC}
.red{color:#FF0000}
.textarea{border-top:solid 1px #666;border-left:solid 1px #666;border-right:solid 1px #ccc;border-bottom:solid 1px #ccc;margin-bottom:2px;}
.center{text-align:center;}
.submit{font-weight:bold;color:#FF0000;margin-left:50px;}
/*photo portfolio css */
/*div.thumb {
	margin-left: 18px;
	border: 1px solid #A0ACC0;
	height: auto;
	float: left;
	text-align: center;
	}	
.thumb img{
	display: block;
	margin: 5px;
	border: 1px solid #A0ACC0;
	}
.thumb a:hover img {border: 1px solid black;}
.photocattitle {text-align: center; font-weight: bold;} 
.phototitle {font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 0 3px 3px 3px;
  }
  .pcenter{padding-right:100px;padding-left:100px;}
  /*photo alternative css */
  
  .albumlist ul{list-style:none;}
  .albumlist li {float:left;margin-right:8px;margin-bottom:10px;list-style:none;}
  .albumlist a{text-decoration:none;font-size:0.8em;font-family:Verdana, Arial, Helvetica, sans-serif;color:#666666;}
  .albumlist a:link{color:#666;}
  .albumlist a:hover{color:#ff6600;}
  albumlist a:visited{color:#666;}
.albumlist img{display:block;border:solid 2px #999999;}
#info{width:565px;height:auto;margin-left:auto;margin-top:20px;margin-right:auto;border:solid 1px #999;background-color:#fff;padding-bottom:10px;}
.form1{padding:50px;}
/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
border: 1px solid #000;
background: #fff; 
width: 738px; 
height: 27px; 
margin: 0; 
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 8px;
width: 718px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 750px;
font: bold 10px Verdana;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #fff;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
} 
.gnb {
width: 740px; 
margin: 20px 0 3px 0; 
background: #f0f1f1  
}
.testback{background-color:#0FF;}
