/* CSS Document */
/***** Global Settings *****/


* {
  margin: 0;
  padding: 0;
}
 
html, body {
     border:0;
     padding:0;
	 margin:0;
     height: auto;
}
 
body {
     font: 100%/1.25 arial, helvetica, sans-serif;
     color: #000000;
	 background-color: #dcdcdc;
}


a:link {color:#5c1cb3}
a:visited {color:#5c1cb3}
a:active {color:#a128ff}
a:hover {color:#a128ff}

a.footer:visited {color:#ccc}
a.footer:link {color:#ddd}
a.footer:active {color:#ddd}
a.footer:hover {color:#5c1cb3}

a.footerpics:visited {color:#191919}
a.footerpics:link {color:#191919}
a.footerpics:active {color:#191919}
a.footerpics:hover {color:#fff}

a.mainpics:visited {color:#f5f5f5}
a.mainpics:link {color:#f5f5f5}
a.mainpics:active {color:#f5f5f5}
a.mainpics:hover {color:#000}

/***** Main Formatting *****/
#wrapper {
	position: static;
	display: block;
	width: 765px;
	height: auto;
	-webkit-box-shadow: 0px 0px 50px #888888; /* Safari */
    box-shadow: 0px 2px 3px #888888;
	-moz-box-shadow: 0px 2px 3px #888888;
	margin: 50px auto;
    padding: 0px;
    border: 1px solid #b0afaf;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    -moz-border-radius-bottomleft: 8px;
    -moz-border-radius-bottomright: 8px;
}


/***** Menu Formatting *****/
#memu { 
	display: block;
    text-align: center;
    font-size: 120%;
    text-decoration: none;
}

#menu ul { 
	width: 766px; /*Menu Width*/
    height: 27px;
	margin: 0 auto;
	padding: 0;
	line-height: 27px; /*Menu Height*/
	text-decoration: none;
}

#menu ul li { 
	width: auto;
	display: inline;
	float: left;
	list-style: none;
	text-align: center;
	text-decoration: none;
	background: #ffffff;
}
			
#menu ul li a { 
	display: block;
	text-decoration: none;
	text-transform: inherit;
	font-weight: bold;
	padding: 0 23px;
	color: #000000;
}

#menu ul li em {
	display: block;
	float: left;
	width: 2px;
	height: 27px;
    background: url(images/menu_sep.jpg) no-repeat left top;
}

/*last separator*/
/*This will add a separator after your last link*/
#menu ul li.sep {
	width: 2px;
    background: url(images/menu_sep.jpg) no-repeat left top;
}
		    
#menu ul li a:hover { 
	background: #3a1d93;
	text-decoration: none;
	Color: white;
}

#menu ul li a.active {
	font-weight: bold;
	cursor: default;
	background: #000000;
	text-decoration: none;
	Color: white;
}

#container 
{ 
   position: relative 
} 

#header{
width: 765px;
height: 196px;
padding: 0;
background: url(images/header_bg.jpg) repeat-x 0 0;
border:0px solid #000000;   position:relative;
z-index:-1;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
}

#bgshadow
{
	position: absolute;
	display: block;
	width: 765px;
	height: 27px;
	top: 107px;
	left: 0px;
	background: url(images/header_sh.jpg) repeat-x 0 0;
}

#logo 
{
	position: absolute;
	top: -106px;
	left: -5px;
	display: block;
	width: 165px;
	height: 193px;
	background: url(images/logo.png) no-repeat left top;
}

#headertitle
{
	position:absolute;
	text-align:right;
	top:15px;
	left:0px;
	width:760px;
	height:50px;
	color:#000;
}

#headerdesc
{
	position:absolute;
	text-align:right;
	top:40px;
	left:0px;
	width:760px;
	height:50px;
	color: #777;
}

#phone
{
	text-align:right;
	color: #ffffff;
	position:absolute;
	top:80px;
	left:0px;
	width:760px;
	height:0px;
	text-shadow: 2px 2px #000;
}

#main{
width: 735px;
float: left;
padding:15px;
background-color: #f5f5f5;
}

#divline{
width: 765px;
height: 2px;
background-color: #000000;
}

#indent{
text-decoration: none;
text-transform: inherit;
float: left;
height: 10px;
width: 40px;
}


#footer{
	width: 745px;
	height: 135px;
	/*background-color: #000;*/
	position: relative;
	float: left;
	padding: 10px 10px 0px 10px;
	background: url(images/footer_bg.jpg) repeat-x 0 0;
}

#footerdiv{
width: 1px;
height: 135px;
position: relative;
top: -110px;
right: -130px;
float: left;
background: url(images/footer_div.png) no-repeat left top;
}

#footerdivtwo{
width: 1px;
height: 135px;
position: relative;
top: -115px;
right: -260px;
float: left;
background: url(images/footer_div.png) no-repeat left top;
}

#footerdivthree{
width: 1px;
height: 135px;
position: relative;
top: -35px;
left: 130px;
float: left;
background: url(images/footer_div.png) no-repeat left top;
}

#copyrightinfo{
	text-align: center;
}

#footernav{
a:visited {color:#000}
a:link {color:#000}
a:active {color:#000}
a:hover {background:#000; color:#fff}
text-decoration: none;
text-transform: none;
text-align: left;
width: 140px;
height: 125px;
position: relative;
top: 0px;
left: 0px;
float: left;
color: #888;
}

#footercompany{
text-decoration: none;
text-transform: inherit;
text-align: left;
width: 250px;
height: 125px;
position: absolute;
top: 0px;
left: 150px;
float: left;
}

#footerconnect{
text-decoration: none;
text-transform: inherit;
text-align: center;
width: 140px;
height: 125px;
position: absolute;
top: 0px;
left: 250px;
float: left;
}

#footercontact{
text-decoration: none;
text-transform: inherit;
text-align: right;
width: 170px;
height: 125px;
position: absolute;
top: 0px;
left: 175px;
float: right;
}


.specialoffers{
width: 150px;
height: 150px;
background: url(images/specialoffers.png) no-repeat left top; 
margin: 0px 50px;
float: right;
text-indent:-9999px;
display: block;
}

.specialoffers:hover {
background-position: 0 -150px;
}

#largelink{
font-size:20px;
}

img.floatLeft { 
    float: left; 
    margin: 4px; 
}

img.floatRight { 
    float: right; 
    margin: 4px; 
}

#menuunderline{
width:765px;
height:2px;
background-color:#000000;
position:absolute;
}

#slideshowbackground{
width:765px;
height:229px;
background-color:#000000;
position:relative;
left:-15px;
top:-15px;
}

/******Slideshow*****/
#slides { position: relative; width: 765px; height: 225px; margin: auto; top:2px;}
#slides img { position: absolute; left: 0; top:0; display: none;}
#slides img.firstslide { display: block;}


/******IE hack******/
[if IE]>
<style type="text/css">
p.iepara{ /*Conditional CSS- For IE (inc IE7), create 1em spacing between menu and paragraph that follows*/
padding-top: 1em;
	left: 447px;
	top: 578px;
}
</style>
<![endif]