/* CSS Document */

BODY
{
  background: #63737A url(../images/bg.png) repeat-x scroll;
  font: normal normal x-small 'Trebuchet MS', Helvetica, 'Liberation Sans', sans-serif;
	margin: 0;
	padding: 0;
  text-align: center;
  font-size/* */:/**/small;
  font-size/**/:small;
}

#wrap
{
	font-size: 100%;
  line-height: 1.6;
	margin: 0 auto;
  text-align: left;
  width: 731px;
}

P 
{
	margin: 1.6em 0;
}

.header
{
/*  background-image:url(../images/header.gif); */
	background: #344 url('../images/bg-header-gradient.gif') repeat-x left bottom;
  border-bottom: 2px #cf0 solid;
  height:69px;
  width:731px;
}

#mid_column
{
	margin: 0;
  padding: 0;
	/* width:730px */;
}
#mid_column a
{
/*  border-left: 1px #c2f203 solid; */
	border-left: 1px #9c9c9c solid;
	display: block;
  float: left;
  height: 201px;
  width: 182px;
}
#mid_column a.first
{
	border-left: none;
}

.img-blocks
{
	background-color: #088;
  background-repeat: no-repeat;
}


#block1 { background-image: url('../images/main_area/iSTOCK_TableSetting_cropsm.jpg'); }
#block2 { background-image: url('../images/main_area/iSTOCK_Crowd_cropsm.jpg'); }
#block3 { background-image: url('../images/main_area/iSTOCK_Limo_cropsm.jpg'); }
#block4 { background-image: url('../images/main_area/iSTOCK_Employees_cropsm.jpg'); }

#block_btm
{
	background: #333 url('../images/bg-block_btm.png') repeat-y left top;
  float:left;
  margin: 0; 
  padding: 0;
}

.caption-blocks
{
  background-color: transparent;
  border-left: 1px #9c9c9c solid;
  /* color:#C2F203; */
  color: #fff; 
  float:left;
  padding:5px 15px;
  font-weight:bold;
  font-size: 0.846em;
  width:152px; 
}
.caption-blocks-first
{
	border-left:none;
}
.caption-blocks a:link,
#footer a:link,
.caption-blocks a:visited,
#footer a:visited
{
	border-bottom: 1px #66c solid;
	color: #C2F203;
  text-decoration: none;
}
.caption-blocks a:hover,
#footer a:hover,
.caption-blocks a:active,
#footer a:active
{
	color: #fff;
}
#content-outer {
  background: #fff url('../images/bg-main_content_area.png') repeat-y left top;
  float: left;
  margin:0;
  padding:0;
}
#main_content_area
{
	min-height: 42.538em;
	margin: 1px 200px 0px 200px;
	/*padding: 1px 200px 15px 200px;*/
}
#content-bottom-cap {
	background: transparent url('../images/btm.gif') no-repeat center top;
	clear: both;
	height: 16px;
  width: 731px;
}
#footer
{
	background-color: transparent;
  color: #fff;
  font-size: 0.846em; 
  padding: 1em 0;
  text-align: center;
}

.clear 
{ 
	clear:both;
	margin:0;
  padding:0;
}

.title
{
	color:#FFFFFF;
	padding-top: 15px;
	float:left;
	width:200px;
	height:50px;
	font-weight: bold;
	text-align: center;
	font-size: 24px;
}

.navigation
{
  float:right;
  padding-top:35px;
  padding-right:15px;
  color:#FFFFFF;
}

.content_area
{
  width:547px;
  float:left;
}

#sub_content
{
	width:163px;
	float:right;
	display: inline;
	margin-right:8px;
}
#sub_content div {
  margin:1.6em 0pt;
  padding:0pt 10px;
}

.sub_nav
{
  width:163px;
  padding: 0 10px;
  color:#49555B;
	float:left;
}
.sub_nav ul
{
	list-style: none;
  margin: 1.6em 0;
  padding: 0;
}
.sub_nav ul li
{
	font-size: .846em;
  line-height: 1.891;
}

h2
{
  font-size: 1.23em;
  line-height: 1.3;
  margin: 1.3em 0;
}

.content_area2
{
  float:right;
  padding: 0 5px;
  width:350px;
}


a:link,   
a:visited {color: #6666CC}
a:hover {color: #006699}  
a:active {color: #6666CC} 

.scroller
{
  overflow:auto;
  width:150px;
  height:200px;
  border: solid 1px #CCCCCC;
  list-style:none;
}

.nav
{
  text-decoration:none;
  color:#FFFFFF;
  color:#FFFFFF;
  font-weight:bold;
  font-size: .846em;
}

.nav:visited
{
  text-decoration:none;
  color:#FFFFFF;
}

.nav:hover
{
  text-decoration:none;
  color:#FFFFFF;
}

ul.menu
{
  margin:0px;
  padding:5px;
  list-style:none;
  width:110px;
}

img.screenshot
{
  width:60px;
  height:50px;
  float:right;
}

/* Contact form formatting */
.contact-form {
	width: 330px;
}
.contact-form label {
  margin-top:.75em;
}
.contact-form legend {
	color: #66c;
  font-weight:bold;
}
/* .contact-form input[type='text'] */
/* Use an explicit class; IE6 is too stupid to understand attribute selectors */
.contact-form input.text-box { 
	display: block;
	margin-bottom: .5em;
	width: 250px;
}
.contact-form textarea {
	width: 305px;
}