@charset "utf-8";
body {
	background-image:url(../images/bkgd.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	background-color: #333333;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	
}
body, html {
	height:101%;
}
* {
	margin:0;
	padding:0;
}
#wrapper {
	width:775px;
	background-repeat:repeat;
	margin:0 auto 1.5em auto;
	padding:1.5em 0 1.5em 1.5em;
	text-align:left;
}
#header {
	width:775px;
	background:url(../images/world.gif) top left no-repeat;
	margin-bottom:0px;
}	
#header h1 {
	position:relative;
	overflow:hidden;
	padding:5px 0px 5px 10px;
	margin-bottom:0px;
	font-family:"Comic Sans MS";
}
#catchline {
	position:relative;
	width:250px;
	top:-10px;
	left:140px;
	font-size:15px;
	margin-bottom:-30px;
}
#quote {
	position:relative;
	width:150px;
	top:-35px;
	left:620px;
	font-size:15px;
}
#nav {
	/*width:auto;*/
	height:25px;
	background:transparent;
	margin:0px auto 10px auto;
}
#nav ul {
	list-style:none;
}
#nav li {
	float:left;
	height:25px;
	display:inline;
}
#nav a {
	margin:0;
	padding:3px 10px 3px 10px;
	width:auto;
	text-decoration:none;
}
*html #nav a {
	display:block;
	width:auto;
	padding:0px 10px 1px 10px;
	text-align:center;
}
#nav a:link, #nav a:visited {
	background-color:#FFFFFF;
	color:#000000;
	border:1px solid #dddddd;
}
#nav a:hover, #nav a:active {
	background-color:#EDD2A5;
	color:#990000;
}
#thispage a:link, #thispage a:visited, #thispage a:hover, #thispage a:active {
	background-color:#edd2a5;
	color:#990000;
}
h2 {
	margin-bottom:20px;
}
h1 {
	color:#990000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:3.3em;
}
h2, h3, h4 {
	color:#990000;
	font-family:"Comic Sans MS";
}
h5 {
	margin-left:15px;
	margin-bottom:3px;
}
h6 {
	font-size:10px;
}
p {
	margin: 0;
	line-height: 1.5em;
	margin-bottom: 1em;
	text-align:justify;
}
p.small {
	margin: 0;
	font-size: 0.8em;
	line-height: 1.2em;
	text-align:justify;
}
a {
	color:#990000;
	text-decoration:none;
}
a:hover {
	color:#770000;
	text-decoration:underline;
}
#main {
	margin:-30px 0 0 220px;
	background:url(../images/keyboard.gif) top right no-repeat;
	background-color:#FFFFFF;
	width:530px;
}
#main2 {
	padding: 10px 15px;
}
*html #main {
	width:530px;
}
#menu {
	float:left;
	margin-top:69px;
	width:210px;
	background:#FFFFFF url(../images/bottom.jpg) no-repeat bottom left;
	padding:0;
}
#menu img {
	border:0;
}
#menu h6 {
	background:url(../images/top.jpg) no-repeat;
	margin:0;
	padding-bottom:10px;
}
#main h6 {
	background:url(../images/top_left.jpg) no-repeat top left;
}
#clients {
	position:relative;
	top: 69px;
	left:10px;
	width:105px;
}
table {
	border-collapse: collapse;
	width:170px;
	margin:0 18px 20px;
}
table img {
	padding-botton:5px;
}
#main table {
	width:95%;
}
#main table td {
	padding:5px;
}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	letter-spacing:-11;
	font-size: 45px;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 28px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 20px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 15px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain its child floats */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#footer {
	padding:5px;
	margin-top:5px;
}
.tiny {
	font-size:1em;
	vertical-align:text-top;
	text-align:center;
}
blockquote {
	font-size: .75em;
	font-style: italic;
	font-weight: bold;
	background-color: #F0E68C;
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	padding: 10px 10px;
	margin: 0 60px 1em 60px;
}
.b {
	font-weight:bold;
}
#main ul {
	font-size: 1em;
	width: 400px;
	margin: 0 auto 10px auto;
}
#main li {
	list-style: url(../images/submenu.gif);
}
table.terms {
	border-collapse:collapse;
	padding:0;
}
table.terms td {
	font-size:0.7em;
	vertical-align:top;
}
/*Styles for contact form*/
form {
	margin:10px 25px 0 50px;
}
#name, #email {
	width:200px;
}
#message {
	width:400px;
	height:150px;
}
label, .warning {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:.85em;
}
.warning {
	color:#ff0000;
}