/*
Theme Name: American Tennis Courts, Inc.
Theme URI: http://www.americantenniscourtsinc.com
Author: Mark Burrier, Enforme Interactive
Author URI: http://www.enforme.com
*/

body {
	background-color: #000;
	margin: 0px;
}
a, a:visited {
	color: #CCCC66;
	text-decoration: none;	
}
a:hover {
	color: #CCCC66;
	text-decoration: underline;	
}
h1 {
	font-size: 26px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 25px;
	margin-top: 0px;
	color: #DAD3B8;
	line-height: normal;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCC;
}
h3 {
	margin-bottom: 0px;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
#wrapper {
	width: 900px;
	margin: 0px auto;
}
hr {
	border: 1px dotted #333;
	margin: 5px 0px 5px 0px;
}
.field {
	background-color: #333;
	padding: 5px;
	width: 300px;
	border: 1px solid #666;
	color: #FFF;
}
.button {
	background-color: #DAD3B8;
	display: block;
	padding: 6px;
	border: 1px solid #FFF;
	font-size: 12px;
}
.trail {
	font-size: 11px;
	width: 100%;
	text-align: right;
	margin: 0 0 10px 0;
}
.small {
	font-size: 11px;
	color: #999;
}


/* Header
-------------------------------- */
#header {
	width: 900px;
	margin: 18px 0px 15px 0px;
}
.header-logo {
	float: left;
	width: 584px;
}
.header-address {
	float: right;
}


/* Content Area Home
-------------------------------- */
#content-area-home {
	margin: 0px;
	background-image: url(../images/home/bg_texture.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	overflow: visible;
}


/* Content Area Interior
-------------------------------- */
#content-area-interior {
	margin: 0px;
	overflow: auto;
}


/* Home Nav Sprite Map
-------------------------------- */
#nav {
	width: 242px;
	height: 279px;
	margin-top: 20px;
	padding: 0;
	float: left;
}
#nav-row1, #nav-row2, #nav-row3 {
	width: 242px;
	height: 85px;
	margin: 0 0 12px 0;
	padding: 0;
	position: relative;
	clear: both;
}
#nav-row1 li, #nav-row2 li, #nav-row3 li {
    margin: 0;
	padding: 0;
	list-style: none;
    position: absolute;
	top: 0;
}
#nav-row1 li, #nav-row2 li, #nav-row3 li, #nav-row1 li a, #nav-row2 li a, #nav-row3 li a {
    height: 85px;
	display: block;
}
.box1a {background: url(../images/ui/nav_home.jpg) 0 0 no-repeat; left: 0; width: 115px;}
.box2a {background: url(../images/ui/nav_home.jpg) -115px 0 no-repeat; left: 127px; width: 115px;}
.box3b {background: url(../images/ui/nav_home.jpg) -230px 0 no-repeat; left: 0px; width: 115px;}
.box4b {background: url(../images/ui/nav_home.jpg) -345px 0 no-repeat; left: 127px; width: 115px;}
.box5c {background: url(../images/ui/nav_home.jpg) -460px 0 no-repeat; left: 0px; width: 115px;}
.box6c {background: url(../images/ui/nav_home.jpg) -575px 0 no-repeat; left: 127px; width: 115px;}
.box1a a:hover {background: url(../images/ui/nav_home.jpg) 0 -85px no-repeat;}
.box2a a:hover {background: url(../images/ui/nav_home.jpg) -115px -85px no-repeat;}
.box3b a:hover {background: url(../images/ui/nav_home.jpg) -230px -85px no-repeat;}
.box4b a:hover {background: url(../images/ui/nav_home.jpg) -345px -85px no-repeat;}
.box5c a:hover {background: url(../images/ui/nav_home.jpg) -460px -85px no-repeat;}
.box6c a:hover {background: url(../images/ui/nav_home.jpg) -575px -85px no-repeat;}


/* Interior Nav Sprite Map
-------------------------------- */
#nav-interior {
    width: 900px;
	height: 60px;
    margin: 0;
	padding: 0;
    position: relative;
}
#nav-interior li {
    margin: 0;
	padding: 0;
	list-style: none;
    position: absolute;
	top: 0;
}
#nav-interior li, #nav-interior a {
    height: 60px;
	display: block;
}
.box1 {background: url(../images/ui/nav_interior.jpg) 0 0 no-repeat; left: 0; width: 140px;}
.box2 {background: url(../images/ui/nav_interior.jpg) -140px 0 no-repeat; left: 152px; width: 140px;}
.box3 {background: url(../images/ui/nav_interior.jpg) -280px 0 no-repeat; left: 304px; width: 140px;}
.box4 {background: url(../images/ui/nav_interior.jpg) -420px 0 no-repeat; left: 456px; width: 140px;}
.box5 {background: url(../images/ui/nav_interior.jpg) -560px 0 no-repeat; left: 608px; width: 140px;}
.box6 {background: url(../images/ui/nav_interior.jpg) -700px 0 no-repeat; left: 760px; width: 140px;}
.box1 a:hover {background: url(../images/ui/nav_interior.jpg) 0 -60px no-repeat;}
.box2 a:hover {background: url(../images/ui/nav_interior.jpg) -140px -60px no-repeat;}
.box3 a:hover {background: url(../images/ui/nav_interior.jpg) -280px -60px no-repeat;}
.box4 a:hover {background: url(../images/ui/nav_interior.jpg) -420px -60px no-repeat;}
.box5 a:hover {background: url(../images/ui/nav_interior.jpg) -560px -60px no-repeat;}
.box6 a:hover {background: url(../images/ui/nav_interior.jpg) -700px -60px no-repeat;}
#selectedbox1 {background: url(../images/ui/nav_interior.jpg) 0 -60px no-repeat;}
#selectedbox2 {background: url(../images/ui/nav_interior.jpg) -140px -60px no-repeat;}
#selectedbox3 {background: url(../images/ui/nav_interior.jpg) -280px -60px no-repeat;}
#selectedbox4 {background: url(../images/ui/nav_interior.jpg) -420px -60px no-repeat;}
#selectedbox5 {background: url(../images/ui/nav_interior.jpg) -560px -60px no-repeat;}
#selectedbox6 {background: url(../images/ui/nav_interior.jpg) -700px -60px no-repeat;}


/* Home Middle Column
-------------------------------- */
#home-text-area {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.6em;
	color: #DAD3B8;
	padding: 20px 270px 0px 270px;
}


/* Right Column
-------------------------------- */
#right {
	margin: 0px;
	width: 240px;
	float: right;
	padding-top: 20px;
}
#right p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
}
.address {
	width: 210px;
	padding: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: left;
	background-image: url(../images/home/bg_gradientAddress.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.address a, .address a:visited {
	color: #FFF;
	text-decoration: none;
}
.address a:hover {
	color: #FFF;
	text-decoration: underline;
}


/* Interior Main Column
-------------------------------- */
#interior-text-area {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.6em;
	color: #FFF;
	margin-top: 20px;
	padding: 20px 20px 0px 0px;
	width: 625px;
	float: left;
	background-image: url(../images/interior/bg_texture_interior.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#interior-text-area p, #interior-text-area ul, #interior-text-area li {
	color: #FFF;
	line-height: normal;	
}
#interior-text-area h3 {
	margin-bottom: 0px;
}
#interior-text-area a, #interior-text-area a:visited {
	color: #CCCC66;
	text-decoration: none;	
}
#interior-text-area a:hover {
	color: #CCCC66;
	text-decoration: underline;	
}


/* Ads
-------------------------------- */
#ad {
	width: 240px;
	height: 100px;
	display: block;
	margin: 0 0 12px 0;
	padding: 0;
	position: relative;
}
#ad li {
	margin: 0;
	padding: 0;
	list-style: none;
    position: absolute;
	top: 0;
}
#ad li, #ad a {
	height: 100px;
	display: block;
}
.estimate {background: url(../images/ui/ad_requestEstimate.gif) 0 0 no-repeat; left: 0; width: 240px;}
.color {background: url(../images/ui/ad_courtColor.jpg) 0 0 no-repeat; left: 0; width: 240px;}
.estimate a:hover {background: url(../images/ui/ad_requestEstimateOV.gif) 0 0 no-repeat;}
.color a:hover {background: url(../images/ui/ad_courtColorOV.jpg) 0 0 no-repeat;}


/* Flash 
-------------------------------- */
#flashcontent {
	width: 900px;
	height: 275px;
	margin: 0px;
	background-color: #000;
	color: #999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	display: block;
}
#courtcolor {
	margin: 0px;
	background-color: #000;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}


/* Footer
-------------------------------- */
#footer {
	width: 900px;
	clear: both;
	text-align: center;
	margin: 20px 0px 10px 0px;
}
.footer-nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.footer-nav a, .footer-nav a:visited {
	color: #FFF;
	text-decoration: none;
}
.footer-nav a:hover {
	color: #D7D3B3;
	text-decoration: none;
}
.footer-copyright {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	margin-top: 15px;
}
.footer-copyright a, .footer-copyright a:visited {
	color: #666;
	text-decoration: none;
}
.footer-copyright a:hover {
	color: #FFF;
	text-decoration: none;
}