@charset "utf-8";
/* CSS Document */

/* standard elements */

body {margin:0; background-color:#FFFFFF; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; text-decoration: none; font-size: 90%; text-align: left; color: #333; text-align: left;}

a 	{color: #34aeb1;text-decoration: underline; overflow:hidden;}

a:hover {text-decoration: none;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#34aeb1;margin: 15px 0px 0px 10px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}

	h2	{font-size:1.3em;margin-bottom:20px;}
	h3	{font-size:1.1em;margin-bottom:12px; color:#333; font-weight: bold; }
	h4	{font-size:1.1em;margin-bottom:6px;}
 	h5	{font-size:1.1em;margin-bottom:10px;color:#4a351a;}

ul, ol {margin: 0 0 1.5em; padding: 0;	list-style:none;}

/* general */

#flash { margin: 0 auto; width: 980px;}

#wrapper { margin: 0px auto; width: 980px; }
#container { margin-top:0px; width: 980px; background:transparent url(../img/bg.jpg) no-repeat top left; height:731px; }
#container2 { margin-top:0px; width: 980px; background:transparent url(../img/bg_3.jpg) no-repeat top left; height:731px; }
#container3 { margin-top:0px; width: 980px; background:transparent url(../img/bg_2.jpg) no-repeat top left; height:731px; }

#bodyContent {margin:0px; height: 731px; width:100%; }
#logo { margin:0px; float:left; width: 970px; }
#logo h1		{float:left; margin-top:40px; margin-left: 25px;}
#logo h1 a   	{background: transparent url(../img/logo.jpg) no-repeat top left; width: 400px; height: 121px; text-indent: -999px; display:block;}

#textContainer {float: left; margin-left: 25px; margin-top:10px; background:#fff; /* for IE */ filter:alpha(opacity=90); /* CSS3 standard */ opacity:0.9; /* no border border:1px solid #ddd; */ height: 400px; width: 480px;}

#textContainer ul {padding-left:10px;}

 p { font-size: 1em; margin: 5px 10px 15px 10px; color:#333; line-height: 20px;}
 p ul {list-style:disc; float:left; margin:0; padding:0;}
 p li { margin-bottom:10px;}
 .contact { font-size: 1em; margin: 5px 10px 5px 10px; color:#333; line-height: 20px;}
 .social { font-size: 1em; margin: 5px 10px 5px 10px; color:#333; line-height: 20px;}
#text h1 {}

.slider {position:relative; overflow:hidden; height:365px; margin-bottom:5px}
.textcontent {position:absolute;width:100%;}

#arrows h2 { width: 480px; float: left; margin-top: 5px; margin-left: 430px; }

.line { border-bottom:1px dotted #ddd; width:435px; margin-left:10px; height:10px;}

.clear {
	clear:					both;
	height:					10px;
	margin:					0;
	padding:				0;
	display:				block;
}

strong { font-weight:bold;}
em { font-style:italic; color:#7fbaba; font-weight:bold;}

.textLeft {float:left; width:225px; min-height:200px; margin-top:0px;}
.textRight {margin-left:230px; width:230px; min-height:200px; padding-top:1px;}


.clientLeft {float:left; width:250px; min-height:200px; margin-top:0px;}
.clientRight {margin-left:235px; width:230px; min-height:200px; padding-top:1px;}


/*navigation*/

#nav	{float:left;display:inline; font-size:.85em; padding-left:5px;margin-left:0px; background:transparent; margin-top:15px; width:500px;   }

#nav ul {float: left;background:transparent;text-align:left;text-transform:uppercase;letter-spacing:1px;padding:0 20px;margin:0; }

	#nav ul li {float:left;}

	#nav ul li:hover, #nav ul li.sfhover {}
	
	#home #nav .home a.bucketLink,
	#about #nav .about a.bucketLink,
	#clients #nav .clients a.bucketLink,
	#contact #nav .contact a.bucketLink, {color: #333;}
	
	#nav a {display: block;color:#333;padding:16px 10px 0px;text-decoration:none;}

	#nav ul li a:hover	{color:#34aeb1; display: block;}

	#nav ul li.active a	{color:#34aeb1; display: block;}
	

/* dropdowns */

#nav ul ul {position: absolute; left: -999em; padding: 0px; padding:0 0 10px; background:#fff; /* for IE */ filter:alpha(opacity=90); /* CSS3 standard */ opacity:0.9; z-index:99;}

#nav ul li:hover	{visibility:inherit;  /* fixes IE7 'sticky bug' */}

#nav ul li:hover ul, #nav ul li.sfhover ul {left: auto; z-index:100;}

#nav ul li ul li {float:none; clear:both; background:#fff; /* for IE */ filter:alpha(opacity=90); /* CSS3 standard */ opacity:0.9; width:130px}/* set width otherwise IE wraps text*/


#nav ul li ul a {float:none; margin: 0; padding: 10px 15px 5px; display: block;}

#nav ul li ul a:hover, #nav ul li.sfhover ul li.sfhover {} 

	
/* footer */

#footer	{width:980px;background:url(../img/bottom.gif) no-repeat;text-transform:none;color:#7fbaba;letter-spacing:.25px; height:69px;}
#footer a	{}
#footer a:hover	{}
#footer p	{
	float:left;
	width:600px;
	text-align:right;
	font-size:.9em;
	letter-spacing:0;
	color:#7fbaba;
	margin-top: 30px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 5px;
}


/* form */

form { width:225px; margin:0; float:left;}

input { background:#fff; width:200px; height:23px; border: 1px solid #999; font-size:1em; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}

#submit { border:1px solid #fff; text-transform: uppercase; width:105px; background:#e79de8; /* for IE */ filter:alpha(opacity=70); /* CSS3 standard */ opacity:0.7; color:#fff; letter-spacing:1px; font-size:1.1em; font-weight: bold; height:25px; margin-top:10px; float:right;}



/* stroll */

.checkboxScroller {background:transparent; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 1em; overflow: auto; margin-top:15px; width:100%;}

.checkboxScroller h2{margin-top:0px;}
.height400 {height: 400px;}
.height300 {height: 300px;}
.height350 {height: 350px;}
.height370 {height: 370px;}


.footertext {
	font-family: Helvetica Neue, Arial, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #000000;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.footertext A:link {
	COLOR: #006600;
	TEXT-DECORATION: none;
	font-weight: bold;
	font-size: 14px;
}
.footertext A:visited {
	COLOR: #006600;
	TEXT-DECORATION: none;
	font-weight: bold;
	font-size: 14px;
}
.footertext A:hover {
	COLOR: #0066FF;
	TEXT-DECORATION: none;
	font-weight: bold;
	font-size: 14px;

}