/* CSS Document */

body {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#container {
display:table;
height:100%;
}

#header, #footer, #main {
width:950px;
margin-left:auto;
margin-right:auto;
}

#logo {
float:right;
}

a.toplink:hover {
font-weight:bold;
}

/* Left Nav Styles (START) */

#nav a {
text-decoration:none;
margin:0;
}

#nav a.selected {
margin-left:-35px;
font-weight:bold;
}

#leftnav a {
display:block;
text-decoration:none;
line-height:21px;
margin-left:-99px;
color:#cccccc;
}

/* Left Nav Styles (END) */

/* Left Sub Nav Styles (START) */

#subnav a {
text-transform:lowercase;
}

#subnav a#selected {
font-weight:bold;
}

/* Left Sub Nav Styles (END) */

/* Who (START) */

#who, #text a.who {
color:#EE2D1F;
}

#nav.who a.selected, #subnav div.who a#selected {
color:#F26357;
}

#subnav div.who a {
color:#F58B83;
}

/* Who (END) */

/* What (START) */

#what, #text a.what {
color:#786E96;
}

#what, #nav.what a.selected, #subnav div.what a#selected {
color:#9F9EB4;
}

#subnav div.what a {
color:#B1B0C4;
}

/* What (END) */

/* With Whom (START) */

#withwhom, #text a.withwhom, p.withwhom, p.error a.withwhom {
color:#0B808A;
}

#withwhom, #nav.withwhom a.selected, #subnav div.withwhom a#selected {
color:#0EA2AD;
}

#subnav div.withwhom a {
color:#7CBBC1;
}

/* With Whom (END) */

/* So What (START) */

#sowhat, #text a.sowhat {
color:#E7A55F;
}

#sowhat, #nav.sowhat a.selected, #subnav div.sowhat a#selected {
color:#E7A55F;
}

#subnav div.sowhat a {
color:#ECB980;
}

/* So What (END) */

/* Where (START) */

#where, #text a.where {
color:#1D5F83;
}

#where, #nav.where a.selected, #subnav div.where a#selected {
color:#1D5F83;
}

#subnav div.where a {
color:#ECB980;
}

/* Where (END) */

#footer, #footer a {
font-size:11px;
color:#999999;
text-decoration:none;
text-align:center;
}

#leftnav, #text, #images {
vertical-align:top;
padding-top:30px;
padding-bottom:0px;
}

#leftnav {
width:175px;
padding-right:20px;
overflow:hidden;
}

#text {
width:280px;
color:#808286;
line-height:20px;
padding-left:20px;
}

#imgholder {
color:#808286;
line-height:20px;
}

#text p {
margin:0;
padding:0;
padding-bottom:15px;
}

#images {
text-align:right;
}

#images.squares img {
border:1px solid #E7E8E9;
margin-bottom:10px;
margin-left:20px;
margin-right:0px;
margin-top:0;
}

#text a {
text-decoration:none;
}

#text a:hover {
text-decoration:underline;
}

#images.squares #who img {
margin-left:10px;
}


#images.squares a {
border:0px;
text-decoration:none;
}
* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { 
	min-height:468px;/* for good browsers*/
	min-width:552px;/* for good browsers*/
	padding-top:30px;
}
#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#xcontainer {
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 468px;
}	
#xinner {
	width: 950px;
	height: 468px;
	margin-left:auto;
	margin-right:auto;
}
/* - */
td#imgholder {
padding-top:30px; 
padding-bottom:30px;
}
.pics {  
    height:  350px;  
    width:   950px;  
	padding-top:0;
    margin:  0; 
	display:none; 
	cursor:pointer; 
} 
 
.pics img {  
    padding: 0px;  
    border:  0;
    width:  668px; 
    height: 350px; 
	float:left;
	display:block;
    top:  0; 
    left: 0 
} 
.pics p {
    padding: 0px;  
    border:  0;
    width:  249px; 
    height: 350px; 
	margin-right:22px;
	padding-left:11px;
	float:left;
	display:block;
    top:  0; 
    left: 0 
}
.spics {  
    height:  278px;  
    width:   375px;  
	padding-top:0;
    margin:  0; 
	cursor:pointer; 
} 
 
.spics img {  
    padding: 0px;  
    border:  0;
    width:  375px; 
    height: 278px; 
    top:  0; 
    left: 0;
} 

.slidemenu {  
    height:  300px;  
    width:   175px;  
	padding-top:0;
    margin:  0; 
	display:none; 
	cursor:pointer; 
} 
 
.slidemenu div {  
    padding: 0px;  
    border:  0;
    width:  175px; 
    height: 300px; 
    top:  0; 
    left: 0 
} 

td.singleimage {
vertical-align:top;
padding-top:33px;
width:375px;
padding-left:55px;
padding-right:0px;
}

td.singleimage img {
float:right;
}

.highlight {
color:#EE958E;
}

.higlightyellow {
color:#E7A55F;
}

.highlightblue {
color:#1B6084;
}

#links a.sowhat {
color:#808286;
text-decoration:none;
}

#links a.sowhat:hover {
color:#E7A55F;
text-decoration:underline;
}

#formtable {
width:400px;
color:#808286;
}

#formtable td {
padding-bottom:3px;
}

#formtable input, #formtable textarea {
border:1px solid #cccccc;
width:290px;
line-height:25px;
height:27px;
background-image:url(../Images/inputbg.jpg);
text-indent:5px;
color:#808286;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

#formtable textarea {
background-position:bottom;
background-repeat:repeat-x;
}

#formtable input, #formtable textarea {
background-image:none;
border:1px solid white;
border-bottom:1px solid #cccccc;
}

#formtable input:hover, #formtable textarea:hover {
border:1px solid #1D5F83;
}

#formtable .submitbtn, #formtable.contact input.submitbtn {
color:#1D5F83;
text-decoration:none;
border:0;
width:60px;
text-indent:0;
text-align:left;
background-image:url(../Images/spacer.gif);
cursor:pointer;
font-size:12px;
}

#formtable .submitbtn:hover, #formtable.contact .submitbtn:hover {
text-decoration:underline;
border:0;
}

#forgot {
color:#7FC1C6;
text-decoration:none;
}

#forgot:hover {
text-decoration:underline;
}

.oversized {
font-size:60px;
vertical-align:sub;
}

.quote {
font-size:20px;
color:#7CBBC1;
width:700px;
line-height:25px;
}

.quotep {
color:#7CBBC1;
}

.smallemph {
font-size:11px;
font-style:italic;
}

.error {
color:#CC0000;
padding-bottom:10px;
}

.clientarea h4 {
font-weight:normal;
color:#0B808A;
font-size:36px
}

#clientfiles a {
display:block;
background-color:#E1F0E2;
color:#0B808A;
text-decoration:none;
width:450px;
margin-bottom:2px;
height:30px;
line-height:28px;
text-indent:10px;
}

#clientfiles a:hover {
background-color:#0B808A;
color:#E1F0E2;
}

#joinus {
float:left;
position:relative;
*position:absolute;
bottom:0;
margin-top:260px;
*margin-top:0;
*margin-bottom:43px;
border:0;
display:none;
z-index:1000;
}