@charset "utf-8";
/* CSS Document */

/* GLOBAL OVER RIDES
=====================*/

*				{
	margin: 0;
	padding: 0;
}

input {
	padding: 5px;
	margin-bottom: 5px;
}

/* LINKS AND TYPE
==================*/
body			{
	font-family: 'lucida grande', helvetica, verdana, arial, sans-serif;
	font-size: 100%;
	background: url(img/bg2.png) repeat-x #f4f4f4;
	line-height: 25px;
}

a:link, a:active, a:visited	{
	text-decoration: none;
	color: #232323;
}
a:hover			{
	color: #232323;
	text-decoration: underline;
}

h1	{
	font-family: 'trebuchet ms', verdana, arial;
	font-size: 38px;
	padding-bottom: 10px;
	color: #025185;
	
}
h2	{
	font-family: 'trebuchet ms', verdana, arial;
	padding: 10px 0 10px 0;
	color: #025185;
	}
h3	{
	font-family: 'trebuchet ms', verdana, arial;
	padding: 0 0 10px 0;
	color: #025185;
	}
h4	{
	font-family: 'trebuchet ms', verdana, arial;
	padding: 0 0 10px 0;
	color: #025185;
}
.head-letter		{
	font-family: 'trebuchet ms', verdana, arial;
	font-size: 38px;
}
.tag-line			{
	color: #266e90;
	font-weight: bold;
	font-style:italic;
}
ul	{
	padding-bottom: 10px;
}
li	{
	list-style: none;
	padding-bottom: 10px;
}
	
/* UTILITIES
============*/
img				{
	border: none;
}
.clear			{
	clear: both;
}
p				{
	padding-top: 10px;
}
.prod-range		{
	border-top: 1px solid #266e90;
	padding-top: 10px;
	}
	.prod-range li	{
		padding: 10px;
		display: inline;
	}
.prod-range2		{
	border-top: 1px solid #266e90;
	padding-top: 10px;
	}
td		{
	padding-left: 5px;
}

#home #main-menu li.home-nav,
#products #main-menu li.prod-nav,
#services #main-menu li.serv-nav,
#about #main-menu li.about-nav,
#contact #main-menu li.contact-nav	{
	
	color: #fff;
	text-decoration: underline;
	
}

/* ACCORDIAN
===============*/
/*ul#accordion { border-bottom: 1px solid #000E2E; }*/
/*ul#accordion li { border: 1px solid #000E2E; border-bottom: none; }*/
ul#accordion ul li { border: none; color: #000; padding: 5px 10px; }
ul#accordion ul li:last-child { border-bottom: none; }
ul#accordion a.heading { 
	background: #F4FFF9;
	color: #266e90;
	display: block;
	font-size: 18px;
	line-height: 18px;
	padding: 10px 5px;
	text-decoration: none;
}
ul#accordion a.heading:hover { background: #5a84e5; color: #fff; }
ul#accordion li.ui-accordion-selected a.heading, ul#accordion li.current a.heading { background: #266e90; color: #fff; }
ul#accordion li ul a { border-bottom: 1px solid #00B9D2; color: #025185; text-decoration: none; }
ul#accordion li ul a:hover { border-bottom: none; }
ul#accordion li ul .date { padding-right: 10px; }
ul#accordion li ul .count { padding-left: 10px; }

/*ul#accordion2 { border-bottom: 1px solid #000E2E; }*/
/*ul#accordion2 li { border: 1px solid #000E2E; border-bottom: none; }*/
ul#accordion2 ul li { border: none; border-bottom: 1px dotted #ccc; color: #000; padding: 5px 10px; }
ul#accordion2 ul li:last-child { border-bottom: none; }
ul#accordion2 a.heading { 
	background: #F4FFF9;
	color: #266e90;
	display: block;
	font-size: 18px;
	line-height: 18px;
	padding: 10px 5px;
	text-decoration: none;
}
ul#accordion2 a.heading:hover { background: #5a84e5; color: #fff; }
ul#accordion2 li.ui-accordion-selected a.heading, ul#accordion2 li.current a.heading { background: #266e90; color: #fff; }
ul#accordion2 li ul a { border-bottom: 1px solid #00B9D2; color: #025185; text-decoration: none; }
ul#accordion2 li ul a:hover { border-bottom: none; }
ul#accordion2 li ul .date { padding-right: 10px; }
ul#accordion2 li ul .count { padding-left: 10px; }

/* LAYOUT
==========*/
#container		{
	margin: 0 auto;
	width: 960px;
	
}
#main-menu		{
	list-style: none;
	float: left;
	padding: 6px;
	}
	#main-menu li	{
		display: inline;
		
	}
	#main-menu	a	{
		padding: 10px;
		color: #266e90;
		
	}
	#main-menu a:hover	{
		background: #227496;
		color: #fff;
		-moz-border-radius: 5px 5px 0 0;
		-webkit-border-radius: 5px 5px 0 0;
	}
#header			{
		background: url(images/header.png) no-repeat top left;
		height: 215px;
	}
	#main-title span{
		display: none;
	}
	#header-logo	{
		
	}
#col-tag		{
	float: left;
}
#main-content {
	background: #fff;
	margin-top: 5px;
	-moz-box-shadow: 1px 1px 5px #B5B5B5;
	-webkit-box-shadow: 1px 1px 5px #B5B5B5;
}
#featured {
	height: 282px;
	margin-top: 30px;
	padding: 20px;
	border-bottom: 1px solid #B5B5B5;
}

.feat-block-text {
	width: 40%;
	float: left;
	padding-left: 20px;
	text-align: justify;
	height: 100%;
}
.feat-block-text p {
	margin-bottom: 20px;
}

.feat-block-text h1 {
	color: #025185;
	text-shadow: 1px 1px 1px #fff;
}
.feat-block {
	background: #D2D2D2;
	width: 50%;
	height: 270px;
	border: 1px solid #B5B5B5;
	float: right;
	padding: 5px;
}
.feat-block-prod {
	background: #fff;
	border: 1px solid #B5B5B5;	
}
.feat-block-prod li {
	display: inline;
	padding-left: 30px;
}
a.button {
	background: #007de2;
	padding: 5px 5px 5px 5px;
	color: #fff;
	text-decoration: none;
	border: 1px solid #007de2;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 25px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: right;
}
a.button:hover {
	background: #32312f;
	border-color: #32312f;
}
#col-a			{
	padding: 10px;
	float: left;
	width: 590px;
}

/* WEB PACKAGE STUFFS
+++++++++++++++++++++ */
#web-box	{
}

#web-img	{
	height: 200px;
	
}

.web-pack	{
	float: left;
	width: 185px;
	padding: 5px;
}

.pack-desc	{

}

#col-b			{
	margin-top: 10px;
	padding: 10px;
	float: right;
	width: 250px;
	border-left: 1px solid #266e90;
}
#col-c			{
	padding: 10px;
	float: left;
	width: 350px;
}
#col-d			{
	padding: 10px;
	float: right;
	width: 450px;
}

#footer			{
	border-top: 1px solid #266e90;
	padding-top: 10px;
}
	#footer-contact {
		float:right;
		}
		#footer-contact	li {
			list-style: none;
			line-height: 50%;
			font-size: 10px;
		}
		#footer-contact li a	{
			text-decoration: none;
			color: #266e90;
		}
	#footer-shortnav	{
		padding-left: 20px;
		float: left;
		}
		#footer-shortnav li	{
			list-style: none;
			line-height: 50%;
			font-size: 10px;
			display: inline;
		}
		#footer-shortnav li a	{
			text-decoration: none;
			color: #266e90;
		}
	
/* WIDGETS
===========*/
.widget {
	width: 550px;
	margin: 10px 0 15px 0;
	padding: 10px;
	background: #f3f1eb; /*f3f1eb */
	border: 1px solid #232323; /* dedbd1 */
	margin-bottom: 15px;
	}
.widget a {
color: #222;
text-decoration: none;
}

.widget a:hover {
color: #009;
text-decoration: underline;
}

.tabnav li {
display: inline;
list-style: none;
padding-right: 5px;
}

.tabnav li a {
text-decoration: none;
text-transform: uppercase;
color: #222;
font-weight: bold;
padding: 4px 6px;
outline: none;
}

.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
background: #dedbd1;
color: #222;
text-decoration: none;
}

.tabdiv {
margin-top: 2px;
background: #fff;
border: 1px solid #232323;
padding: 5px;
}

.tabdiv li {
list-style-image: url("star.png");
margin-left: 20px;
}

.ui-tabs-hide {
display: none;
}


/* FORM STYLING */

form li {
	margin:0;
	padding:6px 1% 9px 1%;
	clear:both;
}
form li:after, form li div:after {
	content:"."; 
	display:block;
	height:0; 
	clear:both; 
	visibility:hidden;
}
form li span{
	margin:0 .3em 0 0;
	padding:0;
	float:left;
	color:#444;
	
}
label.desc{
	font-size:80%;
	font-weight:bold;
	color:#222;
	line-height:150%;
	margin:0;
	padding:0 0 3px 0;
	border:none;
	display:block;
	color: #025185;
}
span.small {
	font-size: 12px;
	margin: 0;
	padding: 0 0 3px 0;
	border: none;
	color: #4F4C3A;
	text-shadow: 1px 1px 2px #C5B36B;
}
span.green {
	background: url(../img/status-green.png) no-repeat;
	width: 24px;
	height: 24px;
		
}
span.red {
	background: url(../img/status-red.png) no-repeat;
	width: 24px;
	height: 24px;
}
form li div label, form li span label{
	margin:0;
	padding-top:3px;
	clear:both;
	font-size:85%;
	line-height:160%;
	color:#444;
	display:block;
}
span.left {
	width: 110px;
	padding-left: 15px;
	float: left;
}
span.right {
	width: 48%;
	float: right;
}
.error {
	line-height: 1.6em;
	color: red;
}
select {
	padding: 5px;
}
option {
	padding: 5px;
}