@charset "utf-8";

/* 	background:  <image> <position> <repeat> <color> <attachment>;
	border:  <style> <width> <color>;
	font: <font-style> <font-variant> <font-weight> <font-size> <font-family>
	
container {
	position: absolute left top;
	float: right;
	width: 100px;
	height: 100px;
	margin: 10px;
	padding: 10px;
	background: white;
	border: black solid 1px;
	color: black;
*/


* {
	margin: 0px;
	padding: 0px;
}
body {
	height: 100%;
	background: url(../images/gradback.jpg) left top repeat-x #3a3939;
}
#container {
	position: relative;
	width: 950px;
	background-color: #ffffff;
	margin: 0 auto;
	min-height: 100%;
	border:  solid 1px #999999;
	border-top: none;
}


/* Typography =T
----------------------------------------------------------------------------------------- */

body {
	text-align: center;
	font: 80% Arial, Helvetica, sans-serif;
	color: #666666;
}
#container {
	text-align: left;
}
#content h2 {
	color: #18b8f0;
	font: normal bold 115% Arial, Helvetica, sans-serif;
}
#contentbody p {
	line-height: 1.25em;
}
#contentbody .fivem-highlight {
	text-decoration: underline;
}
#footer {
	text-align: center;
	font-size: 12px;
	color: #cccccc;
}
#footer .separator {
	font-size: 16px;
	color: #333333;
}
.emphasize {
	font-size: 100%;
	font-weight: bold;
	color: #333333;
}
.testimonialcat {
	font-size: 100%;
	font-weight: bold;
	color: #333C43;
}
.co_name {
	font-style: italic;
}
.author {
	text-align: right;
	font-size: 90%;
	color: #333333;
}

/* Header =H
----------------------------------------------------------------------------------------- */

#header {
	margin: 0 30px 0 30px;
	width: 890px;
	height: 170px;
	background: url(../images/header.jpg) no-repeat top left;
}


/* Menu =M
----------------------------------------------------------------------------------------- */

#menu {
	position: relative;
	width: 890px;
	margin: 0 30px;
	background: url(../images/menuback_middle.gif) top left repeat-y;
}
#menu #menutop {
	height: 23px;
	background: url(../images/menuback_top.gif) left top no-repeat;
}
#menu #menubottom {
	margin-top: 15px;
	height: 27px;
	background: url(../images/menuback_bottom.gif) left top no-repeat;
	clear: both;
}
#menu #right {
	display: inline;
	float: right;
	width: 566px;
	height: 371px;
	margin: 0 26px 0 0;
	border: solid 2px #333c42;
}
#menu #left {
	display: inline;
	float: left;
	width: 242px;
	height: 375px;
	margin-left: 26px;
}


/* Main Content =MC
----------------------------------------------------------------------------------------- */

#content {
	width: 890px;
	margin: 0 30px 10px 30px;
	background: url(../images/contentback_middle.gif) left top repeat-y;
}
#content #contenttop {
	height: 22px;
	background: url(../images/contentback_top.gif) no-repeat top left;
	clear: both;
}
#content #contentbottom {
	height: 25px;
	background: url(../images/contentback_bottom.gif) no-repeat top left;
	clear: both;
}
#content .navbuttons {
	display: inline;
	float: right;
	width: 270px;
	margin-right: 40px;
	clear: left;
}
#contentbody {
	display: inline;
	float: left;
	width: 553px;
	margin-left: 40px;
	margin-top: 30px;
}
#contentbody ul li {
	margin: 0 0 2px 30px;
	list-style-position: outside;
	list-style-image: url(../images/round-blue.png);
}
#contentbody ol li {
	margin: 0 0 2px 40px;
	list-style-position: outside;
	list-style-type: decimal;
}


/* Sidebar Right =SBR
----------------------------------------------------------------------------------------- */

#sidebar {
	display: inline;
	float: right;
	width: 200px;
	height: 500px;
	margin-top: 100px;
	margin-right: 60px;
	background: right top no-repeat;
}
#sidebar a {
	font-size: 90%;
}


/* Footer =F
----------------------------------------------------------------------------------------- */

#footer {
	width: 536px;
	height: 62px;
	margin: 0 auto 15px;
	padding-top: 18px;
	background: url(../images/footerback.gif) left top no-repeat;
	clear: both;
}


/* Misc =MISC
----------------------------------------------------------------------------------------- */

a:link {
	color: #18b8f0;
}
a:visited {
	color: #339999;
}
a:hover {
	text-decoration: underline;
}
a:active {
	outline: none;
}
a {
	text-decoration: none;
	border: none;
	outline: none;
}
a img {
	border: none;
}
br {
	clear: both;
}
img.border {
	display: inline;
	float: right;
	margin: 10px;
	padding: 5px;
	border: solid 1px #999999;
}
.last {
	padding-bottom: 50px;
	background-repeat: no-repeat;
}
.testimonial {
	margin-left: 40px;
	margin-top: 15px;
	margin-bottom: 15px;
}
.top {
	float: right;
	margin-top: 10px;
}
.listtopic {
	margin-top: .75em;
	margin-bottom: 0.5em;
}
.services {
	margin-top: 10px;
	margin-bottom: 20px;
}
.divider {
	padding-bottom: 20px;
	border-bottom: solid 2px #cccccc;
}