/* CSS Document */

/*GENERIC STYLES*/


body {
	font:0.7em Arial, Helvetica, Sans-Serif;
	color:#333;
	background:#fff;
	padding:0px;
	margin:0px;
	text-align:center;
}
a{
text-decoration:underline;
color:#333333;
}
a:hover {
text-decoration:underline;
color:#f573c0;
}
.clear{
	clear:both;
}

p{
line-height:14px;
}
li {
list-style-image: url(../images/bullet.gif);
}
ul{
padding-left:0;
margin-left:1.5em;
}
ul.email{
text-align:center;
padding:0;
margin:0;
}
.wh td{
color:#333;
line-height:20px;
}

td{
color:#FFFFFF;
line-height:20px;
}
td.alt{
color:#666;
line-height:20px;
}
#home h2{
	text-transform:uppercase; color:#999999; font-size:12px; text-align:center;
}

#home h3{
	color:#FF66CC;
}
#home h4{
	font-size:15px;
}

#container {
	position:relative;
	width: 900px;
	text-align:left;
	margin: 0px auto;
	min-height: 100%;
	height: auto !important;
	height: 100%; /*stoopid ie*/
}
	
h1#header {
	float:left;
	margin:28px;
	padding:0;
	width:167px;
	height:51px;
	background:url(../images/logo.gif) no-repeat
}
h1#header span {
	display:none
}

#topdivider { 
	 width: 880px;
	 background: url(../images/division.gif) 0px 0px repeat-x;
	 margin: 0px 0px 10px 0px;
	 padding: 3px;
}
#bottomdivider { 
	 width: 880px;
	 clear: both;
	 background: url(../images/bottom_div.gif) 0px 0px repeat-x;
	 margin: 0px 0px 10px 0px;
	 padding: 3px;
}
#leftcolumn { 
	 margin:0;
	 padding: 0 10px 10px 45px;
	 width: 357px;
	 float: left;
}
#rightcolumn { 
	 float: right;
	 margin: 0;
	 padding: 0 28px 10px 0px;
	 width: 460px;
	 display: inline;
}
#footer { 
	 width: 880px;
	 margin: 0px 0px 10px 0px;
	 padding: 10px;
	 font-size:10px;
}
.footerlinks {
	float:left;
}
.siteby {
	float:right;
}
#map{
	width:459px;
	height:363px;
}
	
/*NAVIGATION*/	
	
ul#nav {

float:right;
margin:45px 30px 0 0;
padding:0;
list-style:none;
font-size:12px;
font-weight:bold;
}
#nav a{
text-decoration:none;
color:#666;
}
#nav a:hover{
color:#999;
}
#nav a.selected{
color:#f573c0;
}
#nav li {
display:inline;
padding:15px;}

/*HOME CONTENT*/

h2#homeIntro{
 background: url(../images/hometext.gif) 0px 0px no-repeat;
 width:322px;
 height:229px;
}

/*LOCATION CONTENT*/

h2#locationIntro{
 background: url(../images/location_text.gif) 0px 0px no-repeat;
 width:327px;
 height:70px;
}

/*PLANS CONTENT*/
h2#plansIntro{
 background: url(../images/plans_text.gif) 0px 0px no-repeat;
 width:476px;
 height:96px;
 float:left;
}
h2#officeIntro{
 background: url(../images/floorareas.gif) 0px 0px no-repeat;
 width:211px;
 height:20px;

}
#plansleft { 
 margin: 0;
 padding: 0;
 width: 211px;
 float: left;
}
#planspics { 
 float: right;

 margin: 0;
 padding: 10px 0 0 0;
 width: 594px;
 display: inline;
}

#planspics img{
padding:2px;
}

#planspics img:hover{
padding:1px;
border: 1px solid #f573c0;
}
.officetext{
color:#FFFFFF;
}
.plansbutton {
float:right;
color:#FFFFFF;
}

.plansbutton a{

color:#FFFFFF;
}
.plansbutton a:hover{
color:#f573c0;
}

#planscontent{
background:#231f20;
margin:0;
padding: 5px 10px 10px 45px;
width: 810px;
height:400px;
}
#planscontentwhite{
background:#fff;
margin:0;
padding: 5px 10px 10px 45px;
width: 810px;
height:400px;
}
li.planstext{
	width:250px;
}

.planstext{
clear:both;
width:450px;
color:#FFFFFF;
}


#planspic{
position:absolute;
top:230px;
width:488px;
left:340px;
z-index:1;
}
#plansfront{
position:absolute;
width:780px;
z-index:5;
}

/*GATEWAY CONTENT*/

#gatewaycontent{
 margin:0;
 padding: 5px 10px 10px 45px;
 width: 900px;
 height:400px;
}

.gatewaytext{
width:450px;
}

h2#gatewayIntro{
 background: url(../images/gateway_intro.gif) 0px 0px no-repeat;
 width:451px;
 height:70px;
}

h2#download{
 background: url(../images/download.gif) 0px 0px no-repeat;
 width:267px;
 height:20px;
}
#gatewaypics{
position:absolute;
margin:0;
padding:0;
top:140px;
}
#pic1{
position:absolute;
margin:0;
padding:0;
top:188px;
width:273px;
z-index:1;
}
#pic2{
position:absolute;
margin:0;
padding:0;
top:188px;
left:290px;
width:283px;
z-index:1;
}
#pic3{
position:absolute;
top:0px;
margin:0;
padding:0;
left:473px;
width:175px;
z-index:1;
}
#pic4{
position:absolute;
top:0px;
margin:0;
padding:0;
left:659px;
width:174px;
z-index:1;
}

/*CONTACT CONTENT*/

h2#contactTitle{
 background: url(../images/contact_title.gif) 0px 0px no-repeat;
 width:90px;
 height:20px;
}
h2#misrepTitle{
 background: url(../images/misrep.gif) 0px 0px no-repeat;
 width:125px;
 height:25px;
}

#contacttop { 
 margin:0;
 padding:10px;
 width:880px;

}
#contactbottom { 
 margin: 0;
 padding: 10px;
 width:880px;
 clear:left;
}
#contactcolumn1 { 
 margin: 3px;
 text-align:center;
 background-color:#f2f2f2;
 padding: 10px;
 width: 265px;
 height:140px;
 float: left;
}
#contactcolumn2 { 
 margin: 3px;
 text-align:center;
  background-color:#f2f2f2;
 padding: 10px;
 width: 265px;
  height:140px;
 float: left;
 display: inline;
}
#contactcolumn3 { 
 margin: 3px;
 text-align:center;
  background-color:#f2f2f2;
 padding: 10px;
 width: 265px;
  height:140px;
 float: left;
 display: inline;
}

/*GALLERY CONTENT*/
h2#galleryIntro{
 background: url(../images/gallerytext.gif) 0px 0px no-repeat;
 width:267px;
 height:75px;
}

#galleryleft { 
 margin: 0;
 padding: 0 10px 10px 45px;
 width: 300px;
 float: left;
}
#gallerypics { 
 float: right;
 margin: 0;
 padding: 0 28px 10px 0px;
 width: 517px;
 display: inline;
}

#gallerypics img{
padding:2px;
}

#gallerypics img:hover{
padding:1px;
border: 1px solid #f573c0;
}


h2 span{
display:none;
}