/*	BrightFuture HTML/CSS Template
	Created by system32
	Copyright 2009 All rights Reserved
	seo4milwaukee.com
--------------------------------------------------------------------------------------------*/

/* General Content
--------------------------------------------------------------------------------------------*/
body	{
		font:normal 11px/21px Verdana, Arial, Helvetica, sans-serif;
		color:#777;
		margin:0;
		padding:0;
		}

cite   {
		font-weight:bold;
		font-size:14px;
		color:#333333;
		}


.clearfix:after {
		content : ".";
		display : block;
		clear : both;
		visibility : hidden;
		line-height : 0;
		height : 0;
		}
.clearfix {
		display : inline-block;
		}
html[xmlns] .clearfix {
		display : block;
		}
* html .clearfix {
		height : 1%;
		}

a	{
	color: #a2a2a2;
	text-decoration:none;
	}
a:hover	{
	color: #02b5e4;
	text-decoration:none;
	}

small {
	font:normal 11px/10px Arial, Helvetica, sans-serif;
	letter-spacing:normal;
	}

.leftalign 		{float:left}
.rightalign		{float:right}

/*	Header
--------------------------------------------------------------------------------------------------*/

.header		{
		background:url(/images/head_bg.jpg) repeat-x;
		height:109px;
		}

	.logo	{
			margin:0px 0 0 0;
			}
	.logosmall	{
			margin:20px 0 0 0;
			}

.homepage	{
		background:#FFF url(/images/headerbg.gif) repeat-x;
		width:100%;
		margin:0;
		padding:0;
		}


.slogan	{
		color:#fff;
		margin:40px 0 0px 40px;
		padding:0;
		text-align:right;
		}

	.slogan h3 {
			color:#FFFFFF;
			margin:0;
			font-style:italic;
			padding:0;
			}
	
	.slogan p {
		font:italic 12px/13px georgia, Helvetica, sans-serif;
			color:#fff;
			letter-spacing:0;
			}

/*	News List
--------------------------------------------------------------------------------------------------*/
.newsletterpage	{
		width:700px;
		margin:0;
		padding:0;
		background:#FFF url(/images/headerbg.gif) repeat-x;
		}

.newstitle {
		color:#CCCCCC;
		font:normal 200% Arial, Helvetica, sans-serif;
		}

/*	Menu BG
--------------------------------------------------------------------------------------------------*/
.topmenu {
		background: url(/images/menubg.gif) repeat-x;
		width:100%;
		padding-top:3px;
		height:38px;
		}

/*	Gallery
--------------------------------------------------------------------------------------------------*/
.gallerypart	{
		height:auto;
		margin:0;
		padding:0;
		}

/*	Box
--------------------------------------------------------------------------------------------------*/
.box	{
	padding:10px;
	}

/*	Headings
--------------------------------------------------------------------------------------------------*/
h1	{
	font:bold 25px Arial, Helvetica, sans-serif;
	color:#000;
	letter-spacing:-1px;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	background: url(/images/hrline.gif) bottom left no-repeat;
	}

h2	{
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#02b0de;
	margin:0 0 5px 0;
	}

h3	{
	font:bold 20px Arial, Helvetica, sans-serif;
	color:#777777;
	margin:0 0 5px 0;
	}

h4	{
	font:bold 18px Arial, Helvetica, sans-serif;
	color:#777777;
	margin:0 0 5px 0;
	}

h5	{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#777777;
	margin:0 0 5px 0;
	}

h6	{
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#777777;
	margin:0 0 5px 0;
	}
	
	
p	{
	margin:10px 0;
	}

.icontxt	{
	padding-left:10px;
	}

/*	Testimonial
--------------------------------------------------------------------------------------------------*/
a.read {
		font-size:13px;
		padding:5px 0;
		text-decoration:none;
		font-weight:bold;
		float:right;	
		}

	a.read:hover {
			padding:5px 0;
			float:right;
			}

/*	Testimonial
--------------------------------------------------------------------------------------------------*/
.testimonial p {
		font:italic 12px/20px Georgia, "Times New Roman", Times, serif;
		margin-left:50px;
		}
blockquote		{
		border-top:6px solid #a0a0a0;
		padding: 5px 15px; 
		margin:10px 0; 
		border-right:1px solid #e3e3e3; 
		border-bottom:1px solid #e3e3e3; 
		border-left:1px solid #e3e3e3;  
		}


/*	Seperator Line
--------------------------------------------------------------------------------------------------*/
.linebg	{
	height:1px;	
	margin:20px 0;
	border-bottom:1px solid #e3e3e3;
	}

/*	Seperator Line 2
--------------------------------------------------------------------------------------------------*/
.grayline	{
	height:3px;
	clear:both;
	margin:10px 0;
	background: url(/images/grayline.gif) bottom left no-repeat;
	}

/*	Breadcrumb
--------------------------------------------------------------------------------------------------*/
.breadcrumb a {
	font:normal 12px Arial, Helvetica, sans-serif;
	font-size:10px;
	}

.breadcrumb {
	border-bottom:1px solid #ddd;
	padding:10px 0;
	}

/*	Layout Columns
--------------------------------------------------------------------------------------------------*/
.content {
		margin:30px 0;
		overflow:hidden;
		height:100%;
		}

.sidebar	{
		padding:30px 0;
		}

/*	Footer
--------------------------------------------------------------------------------------------------*/
.footer	{
		background:#eeeeee;
		overflow:hidden;
		height:100%;
		border-top:1px solid #ddd;
		font-size:12px;
		padding:0;
		width:100%;
		}
	
/* Featured Slider 
-------------------------------------------------------------------------------*/
#featured	{
		width:960px;
		margin-left:auto;
		margin-right:auto;
		height:244px;
		padding:0px;
		}
	
.stepcarousel{
		position: relative; /*leave this value alone*/
		overflow: scroll; /*leave this value alone*/
		width: 940px; /*Width of Carousel Viewer itself*/
		margin-left:10px;
		height: 244px; /*Height should enough to fit largest content's height*/
		}

	.stepcarousel .belt{
		position: absolute; /*leave this value alone*/
		left: 0;
		top: 0;
		}

	.stepcarousel .panel{
		float: left; /*leave this value alone*/
		overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
		margin:0px; /*margin around each panel*/
		padding-top:10px;
		width: 940px; 
		/*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
		}
		.panel h1 {
			font:normal 28px Georgia, "Trebuchet MS", Tahoma, "Times New Roman", Times, serif;
			color:#0094c4;
			background:none;
			padding-bottom:10px;
			}

		.panel .stepbottom	{
			float:right;
			width:450px;
			padding:20px 0;
			color:#666666;
			font:normal 16px Georgia, Tahoma, "Times New Roman", Times, serif;
			}

	.stepcarousel .corner {
		position:relative;
		top:7px;
		left:7px;
		width:85px;
		height:85px;
		}

		.centeralign  {
			 text-align:center;
			 }

/* Readmore Link
--------------------------------------------------------------------------------------------*/

a.readmore:link,
a.readmore:visited, 
a.readmore:active 		{
			background:url(/images/readmore.png) 0% 100% no-repeat;
			padding:0 15px;
			float:right;
			font:normal bold 12px Arial, Tahoma, "Times New Roman", Times, serif;
			text-decoration:none;
			}

	a.readmore:hover {
				background:url(/images/readmore.png) 0% 100% no-repeat;
				padding:0 15px;
				color:#000;
				float:right;
				font:normal bold 12px Arial, Tahoma, "Times New Roman", Times, serif;
				text-decoration:none;
				}

/*	Homepage News List
--------------------------------------------------------------------------------------------------*/
.date	{
	color:#000;
	font-size:12px;
	line-height:normal;
	letter-spacing:2px;
	font-family:"Times New Roman", Times, serif;
	text-transform:uppercase;
	float:left;
	text-align:right;
	border-right:1px solid #ccc;
	width:70px;
	padding-right:10px;
	}

ul.newslist {
		padding:0;
		margin:10px 0;
		}

	ul.newslist li	{
			border-bottom:1px solid #ccc;
			padding:10px 0;
			margin:0;
			}

	ul.newslist li p {
			margin:0;
			padding:0;
			margin-left:90px;
			line-height:normal;
			}

/*	Sidebar Menu
--------------------------------------------------------------------------------------------------*/
.submenu {
		margin:10px 0;
		}

.submenu ul {
		margin:0;
		padding:0 0 0 20px;
		list-style:url(/images/circle.gif);
		}

	.submenu ul li a {
			font:normal 12px Arial, Helvetica, sans-serif;
			voice-family:inherit;
			margin:0;
			height:100%;
			background:url(/images/s2.gif) bottom left no-repeat;
			text-decoration:none;
			padding:10px 10px;
			}
		
	.submenu ul li a:link, .submenu ul li a:visited {
			color:#a5a5a5;
			display:block;
			}

	.submenu ul li.current a {
			color:#02B5E4;
			font-weight:bold;
			}

			.submenu ul li a:hover {
					color:#808080;
					}

/*	Services Box
--------------------------------------------------------------------------------------------------*/
.servicebox {
		width:100%;
		overflow:auto;
		height:100%;
		}

	.rightpara 	{
			margin-left:250px;
			padding:0 0 0 20px;
			}

	.rightpara2 {
			margin-left:120px;
			padding:0 0 0 20px;
			}


/*	List Items
--------------------------------------------------------------------------------------------------*/
ul.listitems {
	margin:0;
	padding:0;
	}

	ul.listitems li		{
			font:normal 12px Arial, Helvetica, sans-serif;
			voice-family:inherit;
			margin:0;
			background:url(/images/circle.gif) 0% 50% no-repeat;
			text-decoration:none;
			padding:3px 10px 3px 20px;
			}

/*	Portfolio Page
--------------------------------------------------------------------------------------------------*/
.portfolioitem 	{
		margin:20px 0;
		}

	.portfolioitem .details	{
			float:right;
			margin-bottom:10px;
			width:410px;
			}
	
	.portfolioitem h2	{
			color:#000;
			font-style:normal;
			padding-bottom:5px;
			border-bottom:1px solid #e3e3e3;
			}

.description	{
		background:#f6f6f6;
		border-left:3px solid #d1d1d1;
		padding:5px 10px;
		width:100%;
		margin:0 0 1px 0;
		}

.description2	{
		background:#e5f7fc;
		border-left:3px solid #bce6f2;
		padding:5px 10px;
		width:100%;
	    margin:0 0 1px 0;
		}

ul.logoslist {
		margin:0;
		padding:0;
		display:inline;
		}

ul.logoslist li {
		display: inline;
		}

/*	rightalign
--------------------------------------------------------------------------------------------------*/
	a.rightalign	{
		color:#006b87;
		font-size:12px;
		text-decoration:underline;
	}

	a.rightalign:hover	{
		color:#333333;
		text-decoration:none;
	}

/*	Image Border
--------------------------------------------------------------------------------------------------*/

.bordersub	{
		border:1px solid #bce6f2;
		background:#e5f7fc;
		padding:8px;
		margin:10px;
		}

.borderimg	{
		border:1px solid #ddd;
		background:#fff;
		padding:10px;
		}
	

/*	Input Fields
--------------------------------------------------------------------------------------------------*/

form input {
		background-color: #FAFAFA; background-image: url("/images/bg_box.gif");
		color: #484848;
		padding: 2px; 
		border-radius:5px;
		-moz-border-radius:5px;
		}
form textarea {
		vertical-align:top;
		}

form input[type=radio],
form input[type=checkbox] {
			border: none;
			}

input[type=text],
input[type=password],
textarea 			{	
		border-radius:5px;
		-moz-border-radius:5px;
		background: #fff url('/images/bg_box.gif') repeat-x top left;
		border: 1px solid #b8b8b8;
		padding: 5px 8px;
		margin: 2px 0px;
		}

input[type=text]:focus,
input[type=password]:focus
{
	background: #fff url('/images/bg_box.gif') repeat-x top left;
}
input[type=submit],
input[type=button],
input[type=image],
input[type=reset],
textarea:focus 
					{
					background:none;
					}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio 
					{ width: auto;margin: 2px 10px;}

* input[type=image] {
	background:none;
	}

p label {width:100px; display:block}

/*	Blog Page
--------------------------------------------------------------------------------------------------*/

.blogbox {
		width:auto;
		margin:1px;
		background:#ffffff url(/images/blogbg.gif) top left repeat-x;
		padding:20px;
		border-top:1px solid #ccc;
		height:100%;
		}

	.blogbox p {
			width:auto;
			margin:10px 0 0 0;
			padding:0;
			}
	
	.blogbox h3 {
			margin:10px 0;
			padding:0 0 0 0px;
			text-align:left;
			font:normal 200% Arial, Helvetica, sans-serif;
			color:#191919;
			letter-spacing:-1px;
			line-height:inherit;
			}
	
	.blogbox b {
			margin-bottom:3px;
			color:#000;
			}
	
	.blogbox img {
			margin-left:5px;
			}

	.blogbox span.details {
			font:normal 12px/10px Arial, Helvetica, sans-serif;
			background:#eaeaea;
			color:#484848;
			width:auto;
			padding:5px 15px;
			}

a.blogread:link,a.blogread:visited, a.blogread:active {
			background:#02b5e4;
			padding:3px 15px;
			color:#ffffff;
			font:normal 9px Arial, "Times New Roman", Times, serif;
			float:right;text-decoration:none;
			}

	a.blogread:hover {
				background:#000;
				padding:3px 15px;
				color:#fff;
				float:right;
				font:normal 9px Arial, "Times New Roman", Times, serif;
				text-decoration:none;
				}


.bottombar {
		height:auto;
		font-size:9px;
		margin:0 0 10px 0;
		padding:8px 10px;
		background:#e5f7fc;
		border-top:3px solid #bce6f2;
		}

.comment {
		font-size:12px;
		font-weight:bold;
		}


/*	Input Fields
--------------------------------------------------------------------------------------------------*/
.pagelink {
		width:10px;
		color:#333;
		background:#ffffff url(/images/pagebg.gif) bottom left repeat-x;
		border:1px solid #c9c9c9;
		clear:both;
		line-height:35px;
		text-decoration:none;
		}

a.pagelink:active,a.pagelink:visited,a.pagelink:link {
		width:10px;
		border:1px solid #c9c9c9;
		background:#ffffff url(/images/pagebg.gif) bottom left repeat-x;
		color:#9c9c9c;
		padding:6px;
		}

	a.pagelink:hover {
			width:10px;
			background:#ffffff url(/images/pagebg.gif) bottom left repeat-x;
			border:1px solid #9c9c9c;
			color:#484848;
			padding:6px;
			}
		
.pagecurrent {
		width:10px;
		background:#ffffff url(/images/pagebg.gif) bottom left repeat-x;
		border:1px solid #9c9c9c;
		color:#000;
		padding:6px;
		}

/*******************************************************
  				Error / Success / Notice	
*******************************************************/

.notes 	{background: #f0f0f0;border: 1px solid #b8b8b8;}
.success 	{background: #ccfcd1;border: 1px solid #60a400;}
.error	{background: #f9e3e3;	border: 1px solid #e79e9e;}
.notice 	{background: #fcf0cc;border: 1px solid #ecc735;}
	.notes, .notice, .success, .error 
		{font-size: 100%;color:#484848;padding:10px;width:auto;margin: 0 0 20px 0px; text-align:left}
	.notes span, .notice span, .success span, .error span 
		{font-weight: bold;font-size: 1.2em;padding: 2px 40px;}
	.notes p, .success p, .error p, .notice p 
		{margin: 0px;padding: 0px 40px;}