/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
    background-image:url(../images/grass_sm.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

a img
{
	border:none;
}

.wrap
{	background-image:url(../images/top.gif);
	background-position:top;
	background-repeat:repeat-x;
    margin-left:auto;
    margin-right:auto;
    width:960px;
    padding-bottom:80px;
}

.wrap_contact
{
margin-left:auto;
margin-right:auto;
width:960px;
background-color:#FFFFFF;
padding-bottom:300px;
}
.header
{
padding-top:40px;
height:130px;
width:960px;
margin-left:auto;
margin-right:auto;
background-image:url(../images/headerbg.png);
z-index:500;
	border-bottom:1px dotted;
    border-color:#CAD0DB;

}
.logoTagline
{
margin-top:10px;
height:100px;
float:left;
vertical-align:bottom;
width:320px;
}
.logo
{
padding-left:20px;
padding-top:7px;
text-align:center;
float:left;
}
.tagline
{

float:right;
}
.logoTagline h1
{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#7485A0;
font-weight:normal;
margin-top:50px;

}

.nav
{
padding-top:45px;
float:right;
}


.nav a {
	text-decoration:none;

	
}


#nav {
	list-style:none;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}

#nav li {
	float:left;
	width:120px;
	padding:7px;
	margin:5px;
}

#nav li:hover
{
	background-image:url(../images/nav_bg.gif);
/*	background-color:#F3F3F3;*/
	border-bottom: solid 1px #999;
}

#nav li a
{
	font-size:24px;
	letter-spacing:-1px;
	text-decoration:none;
	color:#FC0;
	display:block;
}
.navtag
{
	font-size:11px;
	letter-spacing:normal;
	color:#333;
}

.home_portfolio
{


/*	padding-bottom:10px;*/
	padding-top:10px;


}

.home_portfolio h1
{

	font-size:16px;
	margin-left:25px;
	color:#999;
	letter-spacing:5px;
	text-transform:uppercase;
	 font-family: "facitweb-1","facitweb-2",sans-serif;	
	font-weight:lighter;
}



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

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

.panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 290px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
text-align:center;
padding:5px;


}
.panel img
{
border:solid 5px;
border-color:#F7FBFB;
}
.stepcarousel img a:hover
{
border:solid 5px;
border-color:#CCDFE3;
}




.left
{
        width:600px;
        float:left;
		font-size: 12px;
		font-weight: normal;
  		line-height: 18px;
  		color: #000;
		padding:20px;
		border-right:1px dotted #CCC;
}

.left h1
{

	font-size:18px;
	font-weight:normal;
	color:#093;
	letter-spacing:5px;
	text-transform:uppercase;
}

.left	a
{
color:#0066CC;
text-decoration:none;
}
.left a:hover
{
	background-color:#ECF5F9;
}

.about
{
        width:680px;
        float:left;
		font-size: 12px;
		font-weight: normal;
  		line-height: 18px;
  		color: #000;
		padding:20px;
		border-right:1px dotted #CCC;
}

.about h1
{
	font-size:14px;
	font-weight:normal;
	color:#093;
	letter-spacing:5px;
	text-transform:uppercase;
}

.about h2
{
	float:left;
	width:130px;
	font-size:14px;
	color:#69F;
	font-weight:normal;
	text-transform:uppercase;
}



.about	a
{
color:#0066CC;
text-decoration:none;
}

.about a:hover
{
	background-color:#ECF5F9;
}


.about hr
{
	height:1px;
	color:#FFF;
	background-color:transparent;
	border: 1px dotted #CCC;
}


.blog
{
        width:665px;
        float:left;
		font-size: 12px;
		font-weight: normal;
  		line-height: 18px;
  		color: #000;
		padding:20px 40px 20px 15px;
		border-right:1px dotted #CCC;
}

.blog h1
{
	font-size:14px;
	font-weight:normal;
	color:#093;
	letter-spacing:5px;
	text-transform:uppercase;
}

.blog h2
{

	font-size:24px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	letter-spacing:-1px;
	color:#69F;
	font-weight:normal;

}



.blog	a
{
color:#0066CC;
text-decoration:none;
}

.blog a:hover
{
	background-color:#ECF5F9;
}


.blog hr
{
	height:1px;
	color:#FFF;
	background-color:transparent;
	border: 1px dotted #CCC;
}




.answer
{
		width:400px;
	float:left;
}

.testimonials
{
	width:100%;
	border-top:1px dotted #CCC;
	padding-top:10px;
}
.testimonials h1
{
	color:#F99;
	font-size:14px;
	font-weight:normal;
	letter-spacing:5px;
	text-transform:uppercase;
		
}

.quoteleft
{
background-image:url(../images/leftquote.gif);
background-repeat:no-repeat;
background-position:top;
margin-right:10px;
width:50px;
height:100px;
float:left;
}

.quoteright
{
background-image:url(../images/rightquote.gif);
width:50px;
height:100px;
background-repeat:no-repeat;
background-position:bottom;
margin-left:10px;
float:right;

}
.quote
{
	width:480px;
	float:left;
}

.middle
{
width:300px;
float:left;
		font-size: 12px;
		font-weight: normal;
  		line-height: 18px;
  		color: #000;
		padding:20px;
		border-right:1px dotted #CCC;
}

.middle h1
{
	color:#39C;
	font-size:14px;
	font-weight:normal;
	letter-spacing:5px;
	text-transform:uppercase;
	
}

.right
{
        width:230px;
        float:left;
		font-size: 11px;
		font-weight: normal;
  		line-height: 16px;
  		color: #000;
		padding:20px;
}


.right h1
{
	color:#FC3;
	font-size:14px;
	font-weight:normal;
	letter-spacing:5px;
	text-transform:uppercase;
	
}


.right a
{
color:#0066CC;
text-decoration:none;
}

.right a:hover
{
	background-color:#ECF5F9;
}

.right ul
{
list-style:none;
margin:0;
padding:0;
}
.right li
{
padding-bottom:10px;
}

.right h2
{
	font-size:12px;
	color:#036;
	text-transform:uppercase;
		font-weight: normal;
	letter-spacing:2px;
}

.sidebar
{
width:200px;
float:right;
		font-size: 11px;
		font-weight: normal;
  		line-height: 16px;
  		color: #000;
		padding:15px;
}


.sidebar h1
{
	color:#FC3;
	font-size:14px;
	font-weight:normal;
	letter-spacing:5px;
	text-transform:uppercase;
	
}


.sidebar a
{
color:#0066CC;
text-decoration:none;
}

.sidebar a:hover
{
	background-color:#ECF5F9;
}

.sidebar ul
{
list-style:none;
margin:0;
padding:0;
}
.sidebar li
{
padding: 0px;
}

.sidebar h2
{
	font-size:12px;
	color:#036;
	text-transform:uppercase;
	font-weight: normal;
	letter-spacing:2px;
	margin:0px;
	padding:0;
}

.sidebar p
{
	margin:0px;
	padding:0;	
}


.work
{
        width:920px;
        float:left;
		font-size: 12px;
		font-weight: normal;
  		line-height: 18px;
  		color: #000;
		padding:20px;
}

.work h1
{
		 font-family: "facitweb-1","facitweb-2",sans-serif;	
	font-weight:lighter;
	font-size:14px;

	color:#093;
	letter-spacing:5px;
	text-transform:uppercase;
}

.work h2
{
	float:left;
	width:130px;
	font-size:14px;
	color:#69F;
	font-weight:normal;
	text-transform:uppercase;
}



.work a
{
color:#0066CC;
text-decoration:none;
}

.work hr
{
	height:0px;
	color:#FFF;
	background-color:transparent;
	border: 1px dotted #CCC;
}
.portfolio
{
	width:410px;
	height:400px;
	padding:10px;
	margin:15px;
	float:left;
	border-bottom:8px  #E6F0F9 solid;
	text-align:center;
}
.portfolio:hover
{
	background-color:#FCFCFC;

}

.portfolio h3
{
	font-size:20px;
	font-style:italic;
	color:#666;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:0px;
	font-weight:normal;

}

.portfolio p
{
	margin:0px;
	padding:0px;
	
}

.footer
{
margin-left:auto;
margin-right:auto;
width:900px;
padding:30px;
		font-family: arial, helvetica, sans-serif;
		font-size: 11px;
		font-weight: normal;
  		line-height: 13px;
		color:#FFFFFF;
}