/* CSS Document */

body {
	margin:0;
	padding:0;
	background:#D2D3C1;
}

/* LAYOUT */

#main {
	width:985px;
	margin:0px auto;
	background:url(../images/bg.gif) repeat-y #FFFFFF;
}

#head {
	background:url(../images/banner.gif) no-repeat;
	width:985px;
	height:125px;
}

#hmenu {
	width:735px;
	height:26px;
	background:#234090;
	padding-left:250px;
	float:left;
}

#vmenu {
	width:188px;
	float:left;
}

#bluespace {
	background:#7575A8;
	width:100%;
	height:18px;
	float:left;
}

#whitespace {
	background:#F0F7FF;
	width:100%;
	height:165px;
	float:left;
}

#bluespace2 {
	background:#234090;
	width:100%;
	height:485px;
	float:left;
}

#vmenucontact {
	float:left;
	display:inline;
	width:129px;
	height:165px;
	margin-top:11px;
	margin-left:28px;
	background:url(../images/contact_girl.jpg) no-repeat;
}

#contact_us {
	width:125px;
	height:30px;
	margin-top:135px;
	margin-left:2px;
}

#form {
	float:left;
	display:inline;
	margin-top:24px;
	margin-left:25px;
}

#bluespace3 {
	background:#7575A8;
	width:100%;
	height:145px;
	float:left;
}

#content {
	width:720px;
	float:left;
	margin-left:40px;
	margin-top:35px;
	margin-bottom:40px;
}

#footer {
	height:36px;
	width:100%;
	background:#234090;
	float:left;
	clear:both;

}

#designby {
	width:100%;
	height:40px;
	clear:both;
	background:#D2D3C1;
}

/* TEXT */

h1, h2, h3, h4, h5, h6, a, ul, li, ul li, p {
	margin:0;
	padding:0;
}

a {
	color:#234090;
}

span.bold {
	font-weight:bold;
}

#whitespace ul {
	list-style-type:none;
	margin-top:10px;
	margin-left:30px;
}

#whitespace ul li {
	margin-bottom:6px;
}

#whitespace ul li a {
	font-family:Tahoma, Arial, sans-serif;
	font-size:12px;
	font-weight:bold;
}

#whitespace ul li a:hover {
	color:#ED9F19;
}

#vmenu p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin-left:28px;
	margin-right:28px;
	margin-top:10px;
	color:#FFFFFF;
}

#contact_us a {
	display: block;
	width: 125px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	line-height:30px;
	vertical-align:middle;
	text-align:center;
	background:#ED9F19;
}

#form p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	margin:2px 0 2px 0;
}

#bluespace3 p {
	margin-right:0;
	margin-left:20px;
	margin-top:15px;
	font-family:Tahoma, Arial, sans-serif;
	line-height:16px;
}

a.mailto {
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-left:20px;
	color:#FFFFFF;
	text-decoration:none;
}

* html #bluespace3 {
	margin-right:-20px;
}

a.mailto:hover {
	text-decoration:underline;
}

#content h1 {
	font-family:Tahoma, Arial, sans-serif;
	font-weight:bold;
	font-size:20px;
	font-style:normal;
	color:#234090;
	margin-bottom:15px;
}

#content h2 {
	font-family:Tahoma, Arial, sans-serif;
	font-weight:bold;
	font-size:18px;
	font-style:italic;
	color:#234090;
	margin-bottom:25px;
}

#content h4 {
	font-family:Tahoma, Arial, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#234090;
	margin-top:15px;
	margin-bottom:25px;
}

#content p {
	font-family:Tahoma, Arial, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#000000;
	margin-top:10px;
	line-height:140%;
}

#content p.list {
	margin-top:5px;
}

#content ul li {
	font-family:Tahoma, Arial, sans-serif;
	font-weight:normal;
	font-size:14px;
	color:#000000;
}

#content ul li p {
	margin:0 !important;
}

#content ul {
	margin-top:20px;
	margin-left:40px;
	margin-bottom:20px;
}

#content a.thumb {
	float:left;
	display:inline;
	margin-left:17px;
	margin-top:20px;
}

#content a.thumb2 {
	float:right;
	display:inline;
	margin-left:10px;
}

#content img.big {
	float:left;
}

#content img.leftbig {
	float:left;
	margin-right:10px;
}

#footer p, #footer a {
	font-family:Tahoma, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	color:#FFFFFF;
}

#footer p {
	position:relative;
	top:5px;
}

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

#designby p, #designby a {
	color:#234090;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
}

#designby p {
	position:relative;
	top:5px;
}

/*suckerfish menu*/

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 26px;
}

#nav a {
	display: block;
	width: 150px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:14px;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	margin:0px;
	padding-left:10px;
	height:26px;
	background:#234090;
}

#nav a:hover {
	color:#ED9F19;
	background:#234090;
}

#nav li { /* all list items */
	margin:0px;
	float: left;
	width: 150px; /* width needed or else Opera goes nuts */
	vertical-align:middle;
	height:24px;
	line-height:24px;
	
}

#nav li:hover {
	background:#234090;
	color:#ED9F19;
}

#nav ul:hover {
	color:#ED9F19;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 162px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-left:5px;
	border:1px solid #333333;
}

#nav li ul li, #nav li ul li a { /* second-level lists */
	font-size:12px;
	height:20px;
	line-height:20px;
	border:1px solid #333333;
	margin-top:-1px;
	position:relative;
	top:1px;
	left:-1px;
}

* html #nav li ul li, #nav li ul li a {
	margin-top:-2px !important;
	position:relative;
	top:0px;
	left:0px;
}

* html #nav li ul li.firstproduct {
	border-top:2px solid #333333;
}

* html #nav li ul {
	border:0px !important;
	margin-top:2px !important;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -24px 0 0 160px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

.home {
		width:90px !important;
		padding:0px !important;
}

.products {
		width:114px !important;
		padding:0px !important;
}

.services {
		width:110px !important;
		padding:0px !important;
}

.contact {
		width:130px !important;
		padding:0px !important;
}

.leftspace{
		width:28px;
		height:24px;
		float:left;
		display:inline;
}

* html .leftspace{
		width:21px;
}