/* -----------------------------------------------------------------
Basic Style Sheet for Maple Valley Apartments.

version: 1.0
author: Dave Densley
email: dave@densley.us
website: http://www.densley.us
--------------------------------------------------------------------*/

/* Layout
------------------------------------------------------------------- */

body {
text-align: center;
min-width: 760px;
font-family: Georgia, "Times New Roman", Times, serif;
background: #000 url(../i/towtruck_repeating.jpg);
}

#wrapper {
width: 779px;
margin: 0 auto;
text-align: left;
background-image: url(../i/bg_sidebar.jpg);
background-repeat: repeat-y;
}

#branding {
background-color: B8AEA5;
}

.right {
float: right;
}

#content {
display: inline; /* Double Margin bug in IE 6.0*/
margin: 15px 15px 15px 45px;
width: 400px;
float: left;
}

#sideBar {
display:inline; /*Double Margin Bug in IE 6.0*/
margin: 25px 35px 0 5px;
float: right;
width: 275px;
}

#footer {
height: 60px;
color: #ccc;
background-image:url(../i/bg_footer.jpg);
background-repeat: no-repeat;
background-position: bottom;
clear: both;
margin: 0;
padding: 0;
text-align:center;
font-size: 10px;

}

#footer p {
	margin: 0 30px;
	padding: 7px 0px;
	width: 718px;
	/*background: url(../i/mainNavBg.jpg) repeat-x;
	background:url(../i/below_menu_gradient.jpg) repeat-x bottom;*/
}
/* Navigation
------------------------------------------------------------------- */

#mainNav {
/*background-color:#64302F;*/
margin: 0 0 0 30px;
}

#mainNav ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding: 0;
margin: 0;
list-style: none;
width: 720px;
float: left;
background: url(../i/mainNavBg.jpg) repeat-x;
}

#mainNav ul a {
display: block;
float: left;
padding: 0 1.38em;
line-height: 2.1em;
background: url(divider.gif) repeat-y left top;
text-decoration: none;
color: #000;
font-weight:bold;
}

#mainNav ul .first a {
background: none;
}

#mainNav ul a:hover {
color: #333;
}

#mainNav li {
float: left;
white-space:nowrap;
}

/* Page Styles
------------------------------------------------------------------- */

#content ul {
	margin: 5px 0 0 0;
	padding: 0;
}

#content ul li {
	margin: 0 0 0 25px;
}

#content ul li ul li {
list-style-image:url(../i/sub_bullet.gif);
}

a img {
border:none;
}

#sideBar {
font-size:12px;
}

#sideBar h3 {
font-family: Georgia, "Times New Roman", Times, serif;
}

/* Link Styles
------------------------------------------------------------------- */

a:link {color: #64302F}     /* unvisited link */
a:visited {color: #996600}  /* visited link */
a:hover {color: #64302F}   /* mouse over link */
a:active {color: #FFCC00}   /* selected link */


/* Headings
------------------------------------------------------------------- */

#content h1, #content h2, #content p {
padding-right: 20px;
}

h1 {
	color: #000;
	font-family:"Times New Roman", Times, serif;
	font-size:25px;
	font-weight: bold;
	margin: 0;
}
h2 { 
	padding:0; 
	margin:0 0 10px 0;
	font-family: Georgia; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 24px; 
	line-height: 30px; 
	border-bottom: 1px dotted #999999;
}
h3 {
	color: #000;
	font-size:15px;
	font-weight: bold;
	padding: 8px 0 0 0;
	margin:0;
}

.text3 {
	padding:0; 
	margin:0 0 10px 0;
	font-family: Georgia; 
	font-style: normal; 
	font-variant: normal; 
	font-weight: normal; 
	font-size: 24px; 
	line-height: 30px; 
	border-bottom: 1px dotted #999999;
}

.text4 {
padding:0; margin:0 0 10px 0; font-family: Georgia; font-style: normal; font-variant: normal; font-weight: normal; font-size: 20px; line-height: 30px; border-bottom: 1px dotted #999999;
}

.text5 {
margin:15px 0 5px 0;
}

p {
margin: 0;
padding:0;
}

/* Icons Home Page */

#services_home td {
vertical-align:middle;
height: 40px;
}

/* Icon for Collision Repair Page */

#collision td {
text-align:center;
font-size:12px;
vertical-align:top;
}

#repair p {
font-size:12px;
}
#repair div {
height:70px;
clear:left;
}
#repair img {
padding: 0 5px 5px 0;
float:left;
}
#repair h3 {

}

/* Easy Drop Shawdow
------------------------------------------------------------------- */

.img-wrapper {
  background: url(i/shadow.gif) no-repeat bottom right;
  float:left;
  line-height:0;
}
 
.img-wrapper img {
  background:#fff;
  padding:6px;
  border:1px solid #a9a9a9;
  position:relative;
  left:-5px;
  top:-5px;
}


/* Contact Form Styles
------------------------------------------------------------------- */

fieldset {
margin: 1em 0;
padding: 1em;
border: 1px solid #ccc;
/*background: #f8f8f8;*/
}

legend {
font-weight: bold;
}

label {
display:block;
}

input {
width: 200px;
}

textarea {
width: 300px;
height: 100px;
}

input:focus, textarea:focus {
background: #ffc;	
}

input[type="text"], textarea {
border-top: 2px solid #999;
border-left: 2px solid #999;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
}

.required {
font-size: 0.75em;
color:#760000;	
}


/* Slide Show Styles
------------------------------------------------------------------- */
.slideshow {
float: left;
border: 1px solid #ccc;
padding: 10px;
font-size:10px;
text-align:center;
}
.slideshow img {
border:none;
}