/*----------------------------------------------
* Filename: styles.css
* Version: 1.0.0 (2008-12-03)
* Website: http://www.futurz.com
* Author: futurz
* Description: Handles the site layout.
   ---------------------------------------------*/
   
/*---------------------------------------------
  				Global Reset
  --------------------------------------------*/	
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	outline: 0; 
	font-weight: inherit; 
	font-style: inherit; 
	font-size: 100%; 
	font-family: inherit;  
}

div,img {
behavior:url(iepngfix.htc);
border:none;
}
body{
	font:normal  11px/20px Tahoma, Helvetica, sans-serif;
	color: #6b7c7f;
	margin: auto;
	background:#b8e3e9 url(../images/header.jpg) top center no-repeat;
	border-top:0px solid #85abbd;
}


form input {
	font:normal  11px/20px Tahoma, Helvetica, sans-serif;
	vertical-align:middle;
}

a:link, a:visited, a:active
{
	color: #6b7c7f;
	text-decoration:none;
}
a:hover
{
	color: #0096a3;
	text-decoration:none;
}

ul.listitems
{
margin:0 0 0 20px;
padding:0;
}

ul.listitems li
{
margin:0;
padding: 3px 10px;
list-style:circle;
}




/*--------------------------------------------
  				page structure
  --------------------------------------------*/
.header	{
	width:auto;
	height:240px;
	padding:0 0 0 0px;	
}

.logo	{
	margin-left:0px;
	padding:8% 0 0 7%;
}		
	
	
#total	{
	width:980px;
	height:auto;
	margin:auto;
}

#middlepart
{
background:#ffffff;
padding:0 20px;
overflow:auto;
height:100%;
}

#leftpart	{
	width:600px;
	float:left;
	padding:30px 20px;
	height:auto;
}
#leftpart p {
	padding:0 0 20px 0px;
}

		
#rightpart	{
	width:245px;
	background:url(../images/leftbg.gif) top left no-repeat;
	float:left;
	margin:auto;
	height:auto;
	padding:30px 20px;	
}



.featured	{
	background:url(../images/featuredbg.jpg) no-repeat;
	height:244px;

}


.bordermain
{
border:1px solid #dbd6d2;
background:#FFFFFF;
padding:8px;
}


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width:980px; /*Width of Carousel Viewer itself*/
height: 244px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .belt  h1
{
font:normal bold 2.2em Arial, Helvetica, sans-serif;
margin:0;
padding:0 0 10px 0;
color:#5e5e5e;
letter-spacing:-1px;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 8px 10px 0px 20px; /*margin around each panel*/
width: 940px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
height:auto;
padding:10px;
}
.panel .stepbottom
{
float:right;
width:450px;
}

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

.featuredcorner {
	background:url(../images/featuredcorner.png) 0 0 no-repeat;
}
.websitecorner {
	background:url(../images/websitecorner.png) 0 0 no-repeat;
}
.logocorner {
	background:url(../images/logocorner.png) 0 0 no-repeat;
}
.testimonialcorner {
	background:url(../images/testimonialcorner.png) 0 0 no-repeat;
}



a.readmore:link,a.readmore:visited, a.readmore:active
{
background:url(../images/readmore.png) 0% 100% no-repeat;
padding:0 15px;
color:#55787b;
text-transform:uppercase;
float:right;
font:normal 10px 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:#55787b;
text-transform:uppercase;
float:right;
font:normal 10px Tahoma, "Times New Roman", Times, serif;
text-decoration:none;
}
/*--------------------------------------------
  				navigation
  --------------------------------------------*/
.menu	{
height:42px;
background: url(../images/menutop.png) repeat-x top center;
margin:0px 0 0px 0;
}
.menu ul {
padding:11px 0 0 0;
margin:auto;
text-align:center;
}

.menu ul li {
	display:inline;
	border-radius:5px;
	-moz-border-radius:5px;	
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;	
	}
	
.menu ul li a {
	font:normal bold 11px Arial, "Book Antiqua", Helvetica, sans-serif;
	margin:0 1px 0 0;
	padding:8px 10px;
	text-decoration:none;
	text-align:center;
	color:#fff;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;	
	text-transform:uppercase;
}
	
.menu li a:link,.menu li a:visited {
	text-decoration:none;
	text-align:center;
	color:#fff;
}	
	
.menu li a:hover {
	background:#ea5f02;
	color:#fff;
	text-align:center;
	text-decoration:none;	
}


/*--------------------------------------------
  				headings
  --------------------------------------------*/
h1 { font:normal 2.5em Arial, Verdana, Arial, Helvetica, sans-serif; letter-spacing:-0.2px; padding-bottom: 5px;}
h2 { font:normal 220% Arial, Verdana, Arial, Helvetica, sans-serif; letter-spacing:-1px;margin:0;}
h3 { font:normal 180% Arial, Verdana, Arial, Helvetica, sans-serif; margin:5px 0 0 0;}
h4 { font:normal 150% Arial, Verdana, Arial, Helvetica, sans-serif; }
h5 { font:normal 120% Arial, Verdana, Arial, Helvetica, sans-serif; }

h1.titles 		{ font:normal 2em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;  color:#848484; letter-spacing:-1px;padding-bottom: 10px;}
h1.titles  img	{ padding-right: 15px;vertical-align:middle;}


blockquote		{border-left:6px solid #afd5d9;color:#999999;padding: 5px 15px; margin:10px 0;  }

h3 img
{
vertical-align:middle;
}
/*--------------------------------------------
  				miscellaneous
  --------------------------------------------*/
	


a.more:link,a.more:visited, a.more:active
{
background:url(../images/readmore.gif) 0% 50% no-repeat;
padding:0 0 0 16px;
color:#6b7c7f;
float:right;
font:normal 11px/18px Tahoma, "Times New Roman", Times, serif;
text-decoration:none;
}
a.more:hover
{
background:url(../images/readmore.gif) 0% 50% no-repeat;
padding:0 0 0 16px;
color:#0096a3;
float:right;
font:normal 11px/18px Tahoma, "Times New Roman", Times, serif;
text-decoration:none;
}
		
a:focus { outline:none; }
		
img { border: 0 }

.date	{
	color:#ef5c0c;
	font-size:10px;
	font-weight:bold;
	float:left;
}

.newslist {
line-height:16px;
overflow:auto;
padding:10px 0;
}
.newslist p	{
line-height:16px;

}


h4.titles { 
	font:normal 1.4em Arial, Helvetica, sans-serif;  
	color:#848484; 
	letter-spacing:-1px;
}
hr.hrbar
{
clear:both;
border:none;
width:100%;
border-bottom:1px solid #ccc;
}


address	{
	color:#333333;
	padding:0px;
	margin:0;

}

/*--------------------------------------------
  				footer
  --------------------------------------------*/
#footerpart	{
	width:100%;
	background:url(../images/footerbg.gif) top center repeat-x;
	float:left;
	height:auto;
	margin:0;
	padding:50px 0;

}


.footerleft	{color:#868f97;padding:0px 0px 10px 20px;margin:0; float:left;}

.footerright	{color:#868f97;padding:0px 20px 10px 0;margin:0; float:right; text-align:right;}




/*--------------------------------------------
  				form
  --------------------------------------------*/

.contacts img {
vertical-align:middle;
padding:2px 0;
}


.portfolioitem .details
{
float:right;
line-height:16px;
width:320px;
padding-left:20px;
}
.portfolioitem h3
{
color:#54a1ac;
}

.portfolioitem 
{
float:left;
position: relative;
margin:10px 0;
}
.portfolioitem .corner {
	position:absolute;
	top:-2px;
	left:-2px;
	width:85px;
	height:85px;
}
.bordersub
{
border:1px solid #dbd6d2;
background:#FFFFFF;
padding:8px;
}
/* ================================================= */
/* 	 INPUT FIELD CSS                                 */
/* ================================================= */

form input {
	background-color: #FAFAFA; background-image: url("../images/bg_box.gif");color: #484848;padding: 2px; 
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-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;
	-webkit-border-radius:5px;
	-khtml-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;
}