﻿/*Divs - Controls the pages' layout.*/
#wrapper {
	width: 1000px;
	margin-left: 20px;
	border: 0;
}

#logo {
	float: left;
	width: 359px;
	height: 303px;
	background-image:url('images/logo.gif');
}

#virtual_tour {
	float: left;
	width: 641px;
	height: 106px;
}

/*Begin Menu Section*/
#menu { /*Establishes the space for the entire menu.*/
	float: left;
	width: 641px;
	height: 197px;
	background-image:url('images/menu.gif');
}

#menu_home { /*Space for the home hyperlink*/
	float: left;
	width: 70px;
}

#menu_services { /*Space for the services hyperlinks*/
	float: left;
	width: 120px;
}

#menu_company { /*Space for the company hyperlinks*/
	float: left;
	width: 120px;
}

#menu_partners { /*Space for the partners hyperlinks*/
	float: left;
	width: 120px;
}
/*End Menu Section*/


#header {	
	float: left;
	width: 1000px;
	height: 183px;
	background-image:url('images/content_top.gif');
}

#stamp {
	width: 326px;
	height: 278px;
	position: absolute;
	left: 801px;
	top: 150px;
	z-index: 10;
}

#content_wrapper { /*This creates the background for the middle of the content area*/
	float: left;
	width: 1000px;
	background-image:url('images/content-bg.png');
}


/*
Begin Left Column.
This contains the main content of the page.
*/

#main_content {
	float: left;
	width: 600px;
	border-right: 1px;
	border-right-color: #cccccc;
	border-right-style: dotted;
}

#sets_us_apart_content {
	float: left;
	width: 325px;	
}

#end_to_end_content {
	float: left;
	width: 600px;	
}
/*End Left Column.*/


/*
Begin Right Column.
This contains the contact form, Twitter widget, and PDF download.
*/
#right_side { 
	float: left;
	width: 350px;
	padding-left: 10px;
}

#quote {
	float: left;
	width: 350px;
	padding: 0px;	
}

#contact_form {
	float: left;
	width: 350px;
	padding: 0px;
}

#twitter_widget {
	float: left;
	width: 350px;
	padding: 0px;
}

#pdf_download {
	float: left;
	width: 350px;
	padding: 0px;
}
/*End Right Column.*/

#bottom {
	float: left;
	width: 999px;
	height: 35px;
	background-image:url('images/content-bottom.png');
}

#footer {
	clear: both;
	height: 1px;
}

/*Classes - They define how text, links, and images should look.*/
body {
	background-image:url('images/bg.gif');
	background-repeat:repeat-x;
	background-color: #F0F0F0;
	margin: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;
}

li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
}

a {
	text-decoration: none;
	color: #0000FF;
}

a:link {
	text-decoration: none;
	color: #0000FF;
}

a:active {
	text-decoration: none;
	color: #008000;
}

a:visited {
	text-decoration: none;
	color: #800000;
}

img {
	text-decoration: none;
	border: 0px;
}

img.content1 {
	float: right;
	padding: 10px;
}

img.content2 {
	float: left;
}

p {
	padding-left: 25px;
	padding-right: 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;
}

p.twitter-title {
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #333333;	
}

h1 {
	padding-top: 60px;
	padding-left: 25px;
	font-family: "Times New Roman", Times, serif;
	font-size: 2.8em;
	color: #444444;
}

h2 {
	padding-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #000000;
}

h3 {
	padding-left: 25px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	color: #333333;
}

h4 {
	padding-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #333333;
	text-decoration: underline;
}

.menu {
	color: white;
	padding: 0px;
	font-size: 1.2em;
}

.menu a:link {
	color: white;
}

.menu a:hover {
	color: white;
	text-decoration: underline;
}

.menu a:visited {
	color: white;
}

.notice {
	color: green;
	font-size: .75em;
}