/* 

Blue Biz - CSS File

*/


/*** GLOBAL  ***/
html,body{height:100%}
body {
	font-family:Verdana, Arial, Tahoma;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#333;
	height:100%;
	line-height:18px;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
form{margin:0; padding:0;}
/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:15px;	font-family:Georgia, "Times New Roman", Times, serif;	font-weight:normal;}
h1 {font-size:28px; font-style:italic; line-height:30px; }
h2 {font-size:24px;font-style:italic; line-height:26px;}
h3 {font-size:18px;font-style:italic; line-height:20px;}
h4 {font-size:18px;font-weight:normal; line-height:20px;}
h5 {font-size:12px;font-weight:bold; line-height:14px;}

/* links */
a {color:#0a8ed0;text-decoration:underline;}
a:hover {color:#57bef2;}
a img{border:none}

/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
	color:#333;
}
ul, ol {margin:10px 0 35px 40px;}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol{list-style:decimal;}
blockquote {
	font-style:italic;
	margin:25px 0 25px 0px;
	color:#333;
	padding:10px 20px 10px 35px;
	background-image:url(../images/quoleft.gif);
	background-repeat:no-repeat;
}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
}
/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#main_container{background-image:url(../images/bg_main_container.gif); background-color:#ffffff; background-repeat:repeat-x;min-height:90% !important; height:auto;}
#main_container_inner{background-image:url(../images/bg_main_container_inner.gif); background-repeat:repeat-x;min-height:90% !important; height:auto;}
#bottom_container{background-image:url(../images/bg_bottom_container.gif); background-repeat:repeat-x; background-color:#202020;}
#footer_container{background-image:url(../images/bg_footer_container.gif); background-repeat:repeat-x; height:43px; clear:both;}
/*** END OF CONTAINER ***/

/*** FRAME ***/
#centercolumn{width:944px; margin:0px auto 0px auto; padding-top:7px;}
/*** END OF FRAME ***/

/*** TOP ***/
#top{height:115px;}
#logo{width:290px; float:left;}
#topmenu{width:654px; float:left; padding:0px 0px 0px 0px;}
/* Top Navigation bar menu styling */
#nav {margin:0px; padding:43px 0px 0px 0px; float:right;}
#nav ul{ 
	padding:0;
	margin:0;
	width:auto;
	list-style: none;
	height:30px;
	position: relative;
	float:right;
}
#nav li{
	list-style:none;
	float:left;
	text-align:center;
	padding:0;
	font:normal 16px Georgia;
	line-height:27px;
}
#nav .lavaLamp li a {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 25px;
	color:#333;
	text-decoration:none;
}
#nav .lavaLamp li a:hover {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 25px; 
	color:#fff !important;
}
#nav .lavaLamp li .active {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 25px; 
	color:#333;
	font-style:normal;
}
#nav .lavaLamp li.back {
	background: url(../images/lava.gif) no-repeat right -34px;
	width: 9px; height: 30px;
	z-index: 8;
	position: absolute;
}
#nav .lavaLamp li.back .left {
	background: url(../images/lava.gif) no-repeat top left;
	height: 30px;
	margin-right: 9px; /* 7px is the width of the rounded shape */
}
/*** END OF TOP ***/
		
/*** CONTENT ***/
#content_left{width:664px; float:left;}
#main_text{padding:0px 40px 0px 0px;}
#content_right{width:280px; float:left;}
.clr{clear:both}
.imgleft{float:left; padding-right:15px;}
.imgright{float:right; padding-left:15px;}
/*** END OF CONTENT ***/

/*** SIDEBAR ***/
.side_box{padding:0px 0px 0px 0px;}
.side_box h2{border-bottom:solid 1px #e6e6e6; padding:0px 0px 8px 30px;}
.side_box .pad_box{padding:0px 0px 10px 30px;}
.side_box blockquote{margin:0px !important; padding:0px  !important; font-style:italic; background-image:url(../images/quoleft.gif); background-repeat:no-repeat;}
.side_box blockquote div{background-image:url(../images/quoright.gif) ; background-position:right bottom ; background-repeat:no-repeat; padding:30px 8px 20px 8px;}
.testimonial p{padding-left:12px;}
#sidebar ul li a, #sidebar ul li a:visited, #sidebar ol li a, #sidebar ol li a:visited{text-decoration:none; color:#333;}
#sidebar ul li a:hover, #sidebar ol li a:hover{text-decoration:underline;}
#sidebar ol{padding:0px 0px 0px 0px; margin-bottom:0px; margin-left:20px;}
#sidebar ol li{padding:0px 0px 0px 0px;}
/*** END OF SIDEBAR ***/

/*** CONTENT BOTTOM ***/
#content_bottom{height:215px; width:944px; margin:0 auto;}
.box_bottom{width:206px; float:left; padding:20px 0px 20px 0px}
.separator_box{float:left; width:40px; height:100%;}
.box_bottom h2{color:#fff;}
.box_bottom ul{margin:0px; padding:0px; list-style-type:none;}
.box_bottom ul li{
	background-image:url(../images/list_bottom.gif);
	background-repeat:no-repeat;
	background-position:0px 10px;
	padding:0px 0px 0px 15px;
	border-bottom:solid 1px;
	line-height:24px;
}
.box_bottom, .box_bottom p{color:#a09c9c}
.box_bottom ul li a, .box_bottom ul li a:visited{color:#a09c9c; text-decoration:none;}
ul.bookmark{list-style-type:none; margin:0px; padding:0px;}
ul.bookmark li{background-image:none; padding:0px 4px 0px 0px; border-bottom:none; display:inline; float:left;}
/*** END OF CONTENT BOTTOM ***/

/*** FOOTER ***/
#footer{ width:944px; margin:0 auto; text-align:center; }
#foot{padding:15px 0px 0px 0px; font-size:11px; color:#8d8c8c}
#foot a, #foot a:visited{color:#979696; text-decoration:none;}
#foot a:hover{text-decoration:underline;}
/*** END OF FOOTER ***/

.customerlogo {padding-left:3px;padding-right:3px;padding-top:1px;padding-bottom:1px;}
.highlighted {background-color:#BFF7FB}