/* -------------------------------------------------------------- /







	Description: Webspigot - Let it flow



	Designer/Developer: Jason A. Vestidas (jasonkyllerei@gmail.com) | www.jasonvestidas.com



	Version: Beta 1.0







/ -------------------------------------------------------------- */







/**********GLOBAL**********/



body {
	margin:0;
	background-color:#000;
}
#wrapper {
	width:100%;
	height:100%;
}
/**********Header**********/



#outer-header {
	float:left;
	width:100%;
	height:147px;
	background:url(../images/header-bg01.png) top left repeat-x;
}
#header-wrapper {
	width:1024px;
	height:147px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/header-bg02.jpg) top center no-repeat;
}
#header {
	width:960px;
	height:147px;
	margin-left:auto;
	margin-right:auto;
}
#logo {
	float:left;
	width:400px;
	height:147px;
}
#header-right {
	float:left;
	width:560px;
	height:147px;
}
#phone {
	float:left;
	width:510px;
	height:96px;
	font:normal 26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:right;
	padding-top:20px;
	padding-right:50px;
}
#navs {
	float:left;
	width:560px;
	height:31px;
}
#navs ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#navs ul li {
	margin: 0;
	padding: 0;
	float: right;
}
#navs ul li a {
	margin: 0;
	padding: 0;
	color: #fff;
	background: #1a4e76;
	text-decoration: none;
	font-family: "Trebuchet MS", "Arial";
	font-size: 13px;
	font-weight: bold;
	display: block;
	height:25px;
	padding: 7px 20px 0 20px;
	margin: 0 5px 0 0;
	filter:alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;
}
#navs ul li a:hover,  #navs ul li a.active {
	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity:1.0;
}
/**********Content**********/



#outer-content {
	float:left;
	width:100%;
	background-color:#1a4e76;
}
#content {
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/content-bg.png) top center no-repeat;
	padding-top:10px;
}
#mailing-panel {
	float:left;
	width:240px;
	height:60px;
	margin-left:9px;
	color:#EA4037;
	text-align:center;
	padding-top:5px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: left top;
}
#sidebar {
	float:left;
	width:260px;
	margin-bottom:20px;
	background:url(../images/sidebar-bg.png) top left no-repeat;
}
#sidebar-nav {
	float:left;
	width:260px;
	height:150px;
}
#sidebar-nav ul {
	padding: 0;
	margin: 20px 25px;
	list-style-type: none;
}
#sidebar-nav ul li {
	text-align: right;
}
#sidebar-nav ul li a {
	font-family: "Trebuchet MS";
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}
#sidebar-nav ul li a:hover {
	color:#EA4037;
}
#content-right {
	float:left;
	width:682px;
	margin-left:18px;
	margin-bottom:10px;
}
#viewer {
	float:left;
	width:672px;
	height:467px;
	padding:5px;
	background-color:#59595a;
}
.panel01 {
	float:left;
	width:662px;
	height:256px;
	background:url(../images/content-bg2.png) top center no-repeat;
	margin-top:10px;
	padding:5px 10px 10px 10px;
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	line-height:18px;
}
.panel02 {
	float:left;
	width:660px;
	background:url(../images/content-bg2.png) top center no-repeat;
	padding:5px 10px 10px 10px;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	line-height:18px;
	margin-bottom:5px;
}
#testimonial {
	float:left;
	width:240px;
	height:500px;
	border-top:solid 1px #26709b;
	margin-left:10px;
	margin-right:10px;
	margin-top:20px;
	font:normal 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	padding-top:10px;
}
#diy-button{
	float:left;
	width:240px;
	height:52px;
	text-align:center;
	margin-left:9px;
	margin-bottom:5px;
	margin-top:10px;
}
/**********Footer**********/



#outer-footer {
	float:left;
	width:100%;
	height:130px;
	background:url(../images/footer-bg01.png) top left repeat-x;
}
#footer {
	width:960px;
	height:129px;
	margin-left:auto;
	margin-right:auto;
	font:bold 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-align:center;
}
#footer ul {
	margin-top:7px;
	padding:0px 0px 0px 0px;
	list-style:none;
}
#footer li {
	float:right;
	height:25px;
	list-style:none;
	display:block;
	padding:0;
	margin:0 12px 0 12px;
}
#footer a:link, #footer a:visited {
	font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration: none;
}
#footer a:hover, #footer a:active {
	height:25px;
	font:bold 13px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#26709b;
	border-bottom:solid 2px #26709b;
}
#footer .on:link, #footer .on:visited {
	color: #999999;
}
/**********Classes**********/



.clearfix {
	clear:both;
}
.fontstyle01 {
	float:left;
	width:662px;
	height:25px;
	border-bottom:solid 1px #FFF;
	font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
	font-style:italic;
	margin-bottom:10px;
}
.fontstyle02 {
	color:#A5E6FF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.fontstyle03 {
	font:bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFF;
}
.fontstyle04 {
	color:#E94037;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
/*********** slider styles ********/



/************ Slider styles **********/

.stepcarousel {
	position:relative; /*leave this value alone*/
	overflow:scroll; /*leave this value alone*/
	width:200px; /*Width of Carousel Viewer itself*/
	height:500px; /*Height should enough to fit largest content's height*/
	padding:0;
	margin-left:20px;
}
.stepcarousel .belt {
	position:absolute; /*leave this value alone*/
	margin-top:5px;
	left:0;
	top:0;
}
/**** slides ***/

/**** ul li ***/

.belt ul {
	margin:0;
	padding:0;
}
.belt li.panel {
	float:left;
	width:200px;
	list-style:none;
	text-align:left;
	display:inline;
	padding-top:20px;
}
.belt li.panel a {
	color:#093d72;
	text-decoration:none;
	display:block;
	font-weight:bold;
	text-decoration:underline;
}
.belt li.panel a:hover {
	text-decoration:none;
}



/***** end slides **/

/************ end slider styles *********/