#header {position: relative; height: 100px; width: 1000px; margin: 0 auto;}

#header h1 {position: absolute; left: 10px; top: 35px; margin: 0;}
#tagline {position: absolute; right: -21px; top: 25px; height: 30px; width: 350px; margin: 0; background: url(images/tagline.png) 0 0 no-repeat; text-indent: -10000px;}

#wrapper-inner {background: transparent url(images/bg-content.png) no-repeat; width: 1002px; height: 23px;}

#banner-long {position: relative; height: 250px; width: 1002px; background-image: url(images/bg-test.jpg); background-repeat: repeat-y; z-index: -1;}

#long {position: relative; margin-left: 23px; height: 250px; width: 1002px; background: url(images/mandala2-banner-long.jpg) 0 0 no-repeat; z-index: 1;}
#success {position: relative; margin-left: 23px; height: 250px; width: 1002px; background: url(images/success-banner-long.jpg) 0 0 no-repeat; z-index: 1;}
#home {position: relative; margin-left: 23px; height: 250px; width: 1002px; }
#about {position: relative; margin-left: 23px; height: 250px; width: 1002px; background: url(images/about-banner-long.jpg) 0 0 no-repeat; z-index: 1;}
#team {position: relative; margin-left: 23px; height: 250px; width: 1002px; background: url(images/team-banner.jpg) 0 0 no-repeat; z-index: 1;}
#contact-banner {position: relative; margin-left: 23px; height: 250px; width: 1002px; background: url(images/contact-banner-long.jpg) 0 0 no-repeat; z-index: 1;}
#different {position: relative; margin-left: 23px; height: 250px; width: 1002px; background: url(images/different-banner.jpg) 0 0 no-repeat; z-index: 1;}




#main-test { 
	
	padding-top: 5px;
	padding-bottom: 35px;
	background-image: url(images/bg-test.png);
	background-repeat: repeat-y;
	background-position: top;
	height: auto;
	width: 1010px;
	margin-left: auto;

}

/* Navigation
----------------------------------------------- */

#nav {list-style-type: none; position: absolute; right: 18px; top: 75px; width: 500px; margin: 0; text-align: right;}
#nav li {display: inline; margin: 0; padding: 3px 14px 3px 12px; background: url() 100% 50% no-repeat; text-transform: uppercase;}
#nav li.last {padding: 0 0 0 12px; background: transparent;}
#nav a {color: #999; text-decoration: none;}
#nav a:hover {color: #4d4e4e;}

#nav li.selected {padding-left: 6px;}
#nav .selected a {padding: 0 0 0 6px; background: url() 0 50% no-repeat; color: #4d4e4e;}


/* Structure
----------------------------------------------- */

body { 
	
	padding: 0;
	width: 1010px; 
	height: auto;
	font-family: Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif;
	font-size: 12px; 
	color: #000;
	text-align: left; 
	margin-top: 0; 
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-color: #fff;
	
	
}

.txtbox {

	margin-left: 14px;
	margin-bottom: 200px;
}

#main { 
	
	width: 1010px;
	
}

#bio { 
	
	height: 330px;

	
}


#footer { 

	clear: both;
	height: 108px;
	width: 1008px;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;

	
}



/* Lists
----------------------------------------------- */

ul.contact  {

	list-style: none;
	margin-left: -25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	
}

ul.contact li  {

	line-height: 2.2em;
	
}

ul.contact li a:link  {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.6em;
	color: #e30303;
	text-decoration: underline;
	
}

ul.contact li a:hover {

	text-decoration: none;
	color: #e30303;
}

ul.contact li a:active {

	text-decoration: none;
	border: none;
	color: #e30303;
	
}

ul.contact li a:visited  {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #e30303;
	
	
}


#footer li { 

	
	display: inline;
	padding-left: 20px;
	
}

#footer ul { 

	
	float: right;
	margin-top: 0px;
	
}

#footer-test li { 

	
	display: inline;
	padding-left: 20px;
	
}

#footer-test ul { 

	
	float: right;
	margin-top: 0px;
	margin-right: 80px;
	
}

/* Typography & Colors
----------------------------------------------- */

p { 

	margin-top: 0px;
	margin-bottom: 20px;
	font-size: 12px;
	line-height: 1.7em;
	text-align: justify;
	color:#666;
	
}

a.contact { color: #666; font-size: 11px;}

#main-test p { 

	
	margin-left: 40px;
	margin-right: 40px;
	
	
}

blockquote  {

	font-size: 13px;
	text-align: justify;
	color: #666;
	margin-left: 70px;;
	margin-right: 8px;

}

/* Headings
----------------------------------------------- */

h2 { 

	font-size: 18px;
	color: #666;
	font-weight: bold;
	margin-left: 40px;
	margin-top: 30px;
	margin-bottom: 30px;
	
	
}

h3 { 

	color: #666;
	font-size: 14px;
	font-weight: boild;
	margin-left: 40px;
	margin-top: 30px;
	margin-bottom: 30px;

	
	
}


/* Links
----------------------------------------------- */




/* Success
----------------------------------------------- */

#side-menu {
margin-left: 40px;
margin-top: 20px;
}

#side-menu h4 {
padding: 10px;
background: url(images/side-menu/bg_titles.jpg) repeat-x bottom left;
border: 1px solid #C8C8C8;
border-top: 0;
margin: 0;
font-size: 15px;
width: 900px;
margin-bottom: 20px;
}

#side-menu h4 a {
display: block;
background: url(images/bgArrowUp.png) no-repeat center right;
text-decoration: none;
border-bottom: 0;
color: #333;
font-variant: small-caps;

}

#side-menu h4 a:hover, #side-menu h4 a:focus { border: none; }

#side-menu h4 a:visited, #side-menu h4 a:active { text-decoration: none; border: none; }

#side-menu h4.selected a { 
background: url(images/bgArrowDown.png) no-repeat center right;

}

#side-menu div {

padding: 0;
background: #fff;
width: 900px;

}

#menu ul { list-style: none; }

#menu ul li { margin-bottom: 20px; margin-left: -36px;  margin-right: 0px; line-height: 1.7em; text-align: justify; color:#666; }

#menu ul li a { color: #333;  }

#menu ul li img { margin-right: 15px;}
#menu ul li a {font-weight: bold; text-decoration: none;}
#menu ul li a:link { color: #333;}
#menu ul li a:visited { color: #333;}
#menu ul li a:hover { color: #333; text-decoration: underline;}
#menu ul li a:active { color: #333;}

#menu ul li a.underline { text-decoration: underline;}

/* Images
----------------------------------------------- */

img.bio {

	
	margin-right: 20px;
}


/* Contact Form
----------------------------------------------- */
			
#wrapper {
	
	width:600px;
	margin:0;
}

#alert {
	
	margin-left: 100px;
	
}
.message {color:#000;display:none;width:460px;padding:0px;}
.contact {text-align:left;}
.contact ul {list-style-type:none;width:auto;}
.contact li { list-style-type:none; font-family: font-family: palatino, georgia, times new roman, serif; font-size: 12px; margin-bottom: 20px;}
.contact li.special { display: none;}
.contact input {width:260px;}
.contact input.button {width:60px; background-color: #6C9D31; color: #fff; font-size: 15px;}
.contact textarea {width:265px;}

/* home javascript
----------------------------------------------- */

#our_work { padding-left:60px; font:16px Myriad,'Trebuchet MS',Helvetica,sans-serif; overflow:hidden; }
#our_work li { float:left; width:270px; height:203px; margin:0 23px 23px 0; overflow:hidden; }
#our_work a { color: #fff; display:block; width:270px; height:246px; background:#fff; text-decoration:none; border: none; }
#our_work a span { display:block; width:270px; height:43px; line-height:36px; text-align:center; color:#999; }
#our_work a:hover { margin-top:-43px; text-decoration: none; border: none; }
#our_work a:active { text-decoration: none; border: none; }
#our_work a:visited { text-decoration: none; border: none; }
.js #our_work a:hover { margin-top:0; }
#our_work li.loaded, #our_work li.endpage { display:none; }