/*  
Pixelscape Design Master Stylesheet - Coded January 2010
 
Theme Name: PS Wisp V7.0
Theme URI: http://pixelscape.net / pixelscapedesign.com
Description: : : Pixelscape Design | we create stuff for the web : :
Version: 1.0
Author: Pixelscape Design LLC
Author Email: mail@pixelscape.net 
*/



/* GENERAL styles */

body {
font-family: 'Arial', verdana, sans-serif;
font-size: 90%;
margin: 0;
padding: 0;
background-color: #7EA151;
color: #666666;
background-image: url(images/wisp_backgrd-simplegreen.jpg);
background-repeat: repeat-x;
text-align: center;

overflow-x: hidden;
}

a img { 
border: none; 
}

img[usemap] { 
border: none; 
}

p {
margin: 0 0 10px 0;
}

hr {
    border: 1px solid #D4E8A3;
}

/* Hides from IE-mac \*/
* html .xx {height: 1%;}
/* End hide from IE-mac */ 






/* TEXT styles */

h1 {
font-size: 1.2em;
}

a {
text-align:left;
text-decoration: none;
}

a:hover {
text-align:left;

}

.lightertext {
color: #FFFFFF;
padding: 30px;
font-size: .9em;
}

.greentext {
color: #A4C16A;
}

.greentext_h {
color: #A4C16A;
}

.greentext_h:hover {
color: #A4C16A;
text-decoration: underline;
}

#inlinemodal_1 {
color: #A4C16A;
}

#inlinemodal_1:hover {
color: #A4C16A;
text-decoration: underline;
}

#inlinemodal_2 {
color: #A4C16A;
}

#inlinemodal_2:hover {
color: #A4C16A;
text-decoration: underline;
}

#inlinemodal_3 {
color: #A4C16A;
}

#inlinemodal_3:hover {
color: #A4C16A;
text-decoration: underline;
}

a#inlinemodal_1 {
overflow-x: hidden;
}

.lightgreentext {
color: #CEDCAC;
font-weight: lighter;
font-size: .9em;
}

.lightgreentext:hover {
color: #CEDCAC;
font-weight: lighter;
text-decoration: underline;
font-size: .9em;
}

.green_heading {
color: #75934B;
font-size: 1.2em;
}

.green_heading2 {
color: #75934B;
font-size: 1.0em;
}

.lightertext2 {
color: #FFFFFF;
font-size: .9em;
}

ul#darkerlist {
color: #666666;
font-size: .9em;
list-style-image: url(images/mini_arrow.png);
}

ul#darkerlist2 {
color: #666666;
font-size: .9em;
list-style-image: url(images/mini_arrow.png);
}

.darkertext {
color: #666666;
padding: 30px;
font-size: .9em;
}

.darkertext_modal {
color: #666666;
padding: 10px;
width: 360px;
font-size: .9em;
text-align: left;
}

.darkertext_modal-sub {
color: #666666;
padding: 10px;
width: 280px;
font-size: .9em;
text-align: left;
}

.darkertext_shift {
color: #fff;
padding: 30px;
font-size: .8em;

position: relative;
left: 0px;
top: 70px;
}

.darkertext_shiftmini {
color: #CEDCAC;
padding: 30px;
font-size: .7em;

position: relative;
left: 0px;
top: 70px;
}

.centered {
text-align:center;
color: #F4A540;
font-size: 1.3em;
text-decoration: none;
font-weight: bold;
}

.headings {
text-align:left;
color: #F4A540;
font-size: 1.4em;
text-decoration: none;
font-weight: bold;
}

.headings2 {
text-align: center;
color: #F4A540;
font-size: 1.4em;
text-decoration: none;
font-weight: bold;
}

.generaltext {
text-align:left;
color: #F4A540;
font-size: 1.1em;
text-decoration: none;
font-weight: bold;
}







/* INTERFACE styles */

#haut {
position: relative;
    left: -65px;
    top: 5px;  
}

#header{
display: block; 
width: 960px; 
height: 100px;
text-align: left; 
margin: 0 auto;
background: url(images/container_top.png) bottom no-repeat; 

position: relative;
left: 0px;
top: 0px;
}

#container {
display: block; 
width: 960px; 

background: url(images/container_center.png) top repeat-y; 
text-align: left; 
margin: 0 auto;

position: relative;
left: 0px;
top: 0px;
}

#content {
display: block; 
width: 960px; 
text-align: left; 
margin: 0 auto;
}


#container_sub-box_head {
position: relative;
left: 108px;
top: 110px;

width: 874px;

z-index: 20;
}

#container_sub-box_head-shift {
position: relative;
left: -12px;
top: -4px;
}

#container_sub-box_mid {
position: relative;
left: 130px;
top: 60px;

width: 830px;

background: url(images/);
text-align: left;
}

#container_sub-box_mid2 {
position: relative;

width: 830px;

background: #75934A;
text-align: left;
}

#container_sub-box_mid2-shift {
position: relative;
left: 29px;
top: 0px;
}

#container_sub-box_mid2-shift1 {
position: relative;
	left: 90px;
	top: 20px;

width: 590px;
height: 100px;
}

#container_sub-box_mid2-shift1_1 {
position: absolute;
	left: -12px;
	top: -10px;
}

#container_sub-box_mid2-shift1_2 {
position: absolute;
	left: 200px;
	top: 8px;
}


#container_sub-box_bottom {
position: relative;
left: 108px;
top: 97px;

height: 102px;
width: 874px;

background: url(images/);
text-align: left;
}

.home_box1 {
position: absolute;
left: 420px;
top: 463px;

width: 400px;
}

.home_box1_pre {
position: relative;
left: 0px;
top: 10px;

height: 80px;
}

.home_box1_1 {
position: absolute;
left: 4px;
top: -40px;
}

.about_box1 {
position: relative;
left: 30px;
top: -25px;

width: 500px;
}

.home_box1_2 {
position: absolute;
left: 200px;
top: -40px;
}

.home_box2 {
position: relative;
left: 0px;
top: -10px;

width: 400px;
}

#home_box3_1 {
position: relative;
left: 0px;
top: 0px;

width: 230px;
}

#home_box3_2 {
position: absolute;
left: 200px;
top: 81px;

width: 230px;
}

#home_box3_3 {
position: absolute;
left: 400px;
top: 81px;

width: 230px;
}

#home_box3_4 {
position: absolute;
left: 600px;
top: 81px;

width: 230px;
}

#footer-shift {
position: absolute;
left: 90px;
top: 0px;
}

#footer-shift2 {
position: absolute;
left: 280px;
top: 12px;
}

#footer-shift2_1 {
position: absolute;
left: 260px;
top: -5px;
}

#footer {
clear: both; 
display: block; 
width: 960px; 
height: 65px;
background: url(images/container_foot.png) bottom no-repeat;  
text-align: center;

position: relative;
top: 65px;
left: 0px; 
}

#footer_contact {
clear: both; 
display: block; 
width: 960px; 
height: 65px;
background: url(images/container_foot-contact.png) bottom no-repeat;  
text-align: center;

position: relative;
top: 65px;
left: 0px; 
}








/* HEADER styles */

#position_logo {
position: absolute;
    left: 156px;
    top: -18px;
    
    z-index: 20;
}

#position_nav {
position: relative;
    left: 110px;
    top: 200px;
    
    z-index: 20;
}

#position_subheader {
position: absolute;
    left: 550px;
    top: 260px;
    
    z-index: 20;
}

#position_panelslide {
position: relative;
    left: 20px;
    top: -58px;
}

#position_upcoming-events {
position: absolute;
    left: 865px;
    top: -10px;
    
    z-index: 20;
}

#position_navfoot {
position: relative;
    left: 110px;
    top: -10px;
    
    z-index: 20;
}

#position_nav_sub {
position: relative;
    left: 110px;
    top: 15px;
    
    z-index: 20;
}

#position_navmenu {
position: absolute;
    left: 460px;
    top: -45px;
   
    z-index: 22;
}






/* FancyBox - MODAL styles */

#ourwork_modal {
position: relative;
    left: 0px;
    top: 0px;  
    
    width: 750px;
}

#ourwork_box {
position: absolute;
    left: 0px;
    top: 100px;  
    
}

#ourwork_browser {
position: relative;
    left: 200px;
    top: 0px;   
}

#ourwork_browser2 {
position: relative;
    left: -150px;
    top: 0px;    
}

#ourwork_browser3 {
position: relative;
    left: -160px;
    top: 0px;    
}

#ourwork_box2 {
position: absolute;
    left: 600px;
    top: 90px;  

width: 120px;    
}

#ourwork_box3 {
position: absolute;
    left: 600px;
    top: 35px;  

width: 120px;    
}






/* JQUERY BUTTON ANIMATION styles */

ul#menu {
   	width: 406px;
	height:102px;

	list-style:none;
	margin:0;
	padding:0;
	padding-top:20px;
}

ul#menu li {
	float:left;
}

ul#menu li a {
	background:url(images/wisp_navsprite.png) no-repeat scroll top left;
	display:block;
	height:40px;
	position:relative;
}

ul#menu li a.home {
	width:65px;
}
ul#menu li a.about {
	width:87px;
	background-position:-65px 0px;
}
ul#menu li a.work {
	width:79px;
	background-position:-152px 0px;
}
ul#menu li a.blog {
	width:75px;
	background-position:-231px 0px;
}
ul#menu li a.contact {
	width:100px;
	background-position:-306px 0px;
}

ul#menu li a span {
	background:url(images/wisp_navsprite.jpg) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
}

ul#menu li a.home span {
	background-position:0px -40px;
}
ul#menu li a.about span {
	background-position:-65px -40px;
}
ul#menu li a.work span {
	background-position:-152px -40px;
}
ul#menu li a.blog span {
	background-position:-231px -40px;
}
ul#menu li a.contact span {
	background-position:-306px -40px;
}

ul#menu li a span:hover {
	cursor:pointer;
}


ul#button_seework {
position: relative;
left: 30px;
top: -18px;
	
	height:30px;

	list-style:none;
	margin:0;
	padding:0;
	
	z-index:20;

}

ul#button_seework li {
	float:left;
}

ul#button_seework li a {
	background:url(images/b_seework.jpg) no-repeat scroll top left;
	display:block;
	height:30px;
	position:relative;
}

ul#button_seework li a.seework {
	width:93px;
}

ul#button_seework li a span {
	background:url(images/b_seework.jpg) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
}

ul#button_seework li a.seework span {
	background-position:0px -30px;
}

ul#button_seework li a span:hover {
	cursor:pointer;
}

ul#button_moreabout {
position: relative;
left: 30px;
top: -18px;
	
	height:30px;

	list-style:none;
	margin:0;
	padding:0;
	
	z-index:20;

}

ul#button_moreabout li {
	float:left;
}

ul#button_moreabout li a {
	background:url(images/b_moreabout.jpg) no-repeat scroll top left;
	display:block;
	height:30px;
	position:relative;
}

ul#button_moreabout li a.moreabout {
	width:105px;
}

ul#button_moreabout li a span {
	background:url(images/b_moreabout.jpg) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
}

ul#button_moreabout li a.moreabout span {
	background-position:0px -30px;
}

ul#button_moreabout li a span:hover {
	cursor:pointer;
}


ul#button_getstarted {
position: relative;
left: 30px;
top: -18px;
	
	height:75px;

	list-style:none;
	margin:0;
	padding:0;
	
	z-index:20;

}

ul#button_getstarted li {
	float:left;
}

ul#button_getstarted li a {
	background:url(images/getstarted.jpg) no-repeat scroll top left;
	display:block;
	height:75px;
	position:relative;
}

ul#button_getstarted li a.getstarted {
	width:590px;
}

ul#button_getstarted li a span {
	background:url(images/getstarted.jpg) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
}

ul#button_getstarted li a.getstarted span {
	background-position:0px -75px;
}

ul#button_getstarted li a span:hover {
	cursor:pointer;
}




ul#button_send {
position: relative;
left: 0px;
top: 0px;
	
	height:30px;

	list-style:none;
	margin:0;
	padding:0;
	
	z-index:20;

}

ul#button_send li {
	float:left;
}

ul#button_send li a {
	background:url(images/b_send.jpg) no-repeat scroll top left;
	display:block;
	height:30px;
	position:relative;
}

ul#button_send li a.send {
	width:93px;
}

ul#button_send li a span {
	background:url(images/b_send.jpg) no-repeat scroll bottom left;
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:100;
}

ul#button_send li a.send span {
	background-position:0px -30px;
}

ul#button_send li a span:hover {
	cursor:pointer;
}







/* TWITTER FEED styles */

ul#twitter_update_list { 
list-style: none; 
}

ul#twitter_update_list li { 
list-style: none; 

font-size: 12px;
padding: 5px; 
margin: 0px 0px 0px 0px; 
}

ul#twitter_update_list li a { 
font-size: 9px; 
}
   
   
   
   
   

/* JQUERY BUBBLE styles */

#position_twitter {
	position: absolute;
		left: 905px;
		top: -14px;
	z-index: 24;
	cursor:pointer;
}

#position_twitter-shifttop {
	position: relative;
		left: -42px;
		top: -60px;
	width: 170px;
}

#position_twitter-shift {
	position: absolute;
		left: -42px;
		top: -38px;	
	width: 170px;
	background: url(images/bubble_mid.png);	
}

#position_twitter-shiftbottom {
	position: relative;
		left: 0px;
		top: 30px;
	width: 170px;
}


.bubbleInfo {
	position: absolute;
		left: 0px;
	
}
        
.trigger {
	position: absolute;
	
}

.popup {
	position: absolute;
	width: 170px;	
	display: none;
	border-collapse: collapse;
	
	z-index: 50;
}

#twitter_update_list {
	position: relative;
            top: 15px;
            left: -30px;
            width: 150px;
	color: #666666;
	font-size: .7em;
	list-style: none;
}

#twitter_update_list a {
	color: #666666;
}








/* JQUERY Gallery Caption Effect */

.photo {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
		font-family:arial;	
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		width:246px;
		height:246px;
		
	}	
	
		.photo .heading, .photo .caption {
			/* position inside the container */
			position:absolute;
			background:#ffffff;
			height:50px;
			width:246px;
			
			/* transparency for different browsers */
			/* i have shared this in my CSS tips post too */
			opacity:0.9;
			filter:alpha(opacity=90);  
		     -moz-opacity:0.9;    
			-khtml-opacity: 0.9;  

		}
		
		.photo .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			top:-50px;
		}

		.photo .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			bottom:-50px;		
		}
		

		/* styling of the classes*/
		.photo .heading span {
			color:#75934B;	
			top:-50px;
			font-size: 1.2em;
			display:block;
			padding:5px 0 0 10px;
		}
		
		.photo .caption span{
			color:#666;	
			font-size: 1.0em;
			display:block;
			padding:5px 10px 0 10px;
		}





.photo2 {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
		font-family:arial;	
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		width:181px;
		height:181px;
		

	}	
	
		.photo2 .heading, .photo2 .caption {
			/* position inside the container */
			position:absolute;
			background:#ffffff;
			height:40px;
			width:181px;
			
			/* transparency for different browsers */
			/* i have shared this in my CSS tips post too */
			opacity:0.9;
			filter:alpha(opacity=90);  
		     -moz-opacity:0.9;    
			-khtml-opacity: 0.9;  

		}
		
		.photo2 .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			top:-40px;
		}

		.photo2 .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			bottom:-40px;		
		}
		

		/* styling of the classes*/
		.photo2 .heading span {
			color:#75934B;	
			top:-40px;
			font-size: 1.1em;
			display:block;
			padding:5px 0 0 10px;
		}
		
		.photo2 .caption span{
			color:#666;	
			font-size: .9em;
			display:block;
			padding:5px 10px 0 10px;
		}
		




.photo3 {
		/* relative position, so that objects in it can be positioned inside this container */
		position:relative;
		font-family:arial;	
		
		/* hide those extra height that goes beyong the size of this container */
		overflow:hidden;
		width:142px;
		height:142px;
		
	}	
	
		.photo3 .heading, .photo3 .caption {
			/* position inside the container */
			position:absolute;
			background:#ffffff;
			height:35px;
			width:142px;
			
			/* transparency for different browsers */
			/* i have shared this in my CSS tips post too */
			opacity:0.9;
			filter:alpha(opacity=90);  
		     -moz-opacity:0.9;    
			-khtml-opacity: 0.9;  

		}
		
		.photo3 .heading { 
			
			/* hide it with negative value */
			/* it's the height of heading class */
			top:-40px;
		}

		.photo3 .caption { 		
			/* hide it with negative value */
			/* it's the height of bottom class */
			bottom:-30px;		
		}
		

		/* styling of the classes*/
		.photo3 .heading span {
			color:#75934B;	
			top:-40px;
			font-size: 1.0em;
			display:block;
			padding:5px 0 0 10px;
		}
		
		.photo3 .caption span{
			color:#666;	
			font-size: .8em;
			display:block;
			padding:5px 10px 0 10px;
		}









/* JQUERY FancyBOX styles (v1.3.0) */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	background: transparent;
	z-index: 1104;
	display: none;
}

* html #fancybox-loading {	/* IE6 */
	position: absolute;
	margin-top: 0;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('images/fancybox/fancy_loading.png') no-repeat;
}

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}

* html #fancybox-overlay {	/* IE6 */
	position: absolute;
	width: 100%;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 20px;
	z-index: 1101;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #FFF;
}

#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 32px;
	height: 32px;
	background: url('images/fancybox/fancy_close.png') top left no-repeat;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox_error {
	color: #444;
	font: normal 12px/20px Arial;
}

#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}

#fancybox-frame {
	position: relative;
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-title {
	position: absolute;
	bottom: 0;
	left: 0;
	font-family: Arial;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding: 10px 0;
	text-align: center;
	color: #333;
}

.fancybox-title-outside {
	padding-top: 5px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
}

.fancybox-title-over {
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background: url('images/fancybox/fancy_title_over.png');
	display: block;
}

#fancybox-title-wrap {
	display: inline-block;
}

#fancybox-title-wrap span {
	height: 32px;
	float: left;
}

#fancybox-title-left {
	padding-left: 15px;
	background: transparent url('images/fancybox/fancy_title_left.png') repeat-x;
}

#fancybox-title-main {
	font-weight: bold;
	line-height: 29px;
	background: transparent url('images/fancybox/fancy_title_main.png') repeat-x;
	color: #FFF;
}

#fancybox-title-right {
	padding-left: 15px;
	background: transparent url('images/fancybox/fancy_title_right.png') repeat-x;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background-image: url('images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background: transparent url('images/fancybox/fancy_nav_left.png') no-repeat;
}

#fancybox-right-ico {
	background: transparent url('images/fancybox/fancy_nav_right.png') no-repeat;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible;    /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

div.fancy-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 1001;
}

div#fancy-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('images/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy-bg-ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('images/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy-bg-se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('images/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy-bg-sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('images/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy-bg-nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('images/fancybox/fancy_shadow_nw.png') no-repeat;
}








/* JQUERY SLIDESHOW styles */

	/** 
	 * Slideshow style rules.
 	*/
#slideshow {
	position: absolute;
		left: 28px;
		top: 166px;
		
	margin:0 auto;
	width:774px;
	height:294px;
	background:transparent url(img/bg_slideshow_plain.jpg) no-repeat 0 0;
	
	z-index: 20;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:774px;
  height:294px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:754px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:294px;
}

	/** 
	 * Slideshow controls style rules.
 	*/

.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(img/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(img/control_right.jpg) no-repeat 0 0;
}


	/** 
	 * Style rules for Demo page
	 */

#pageContainer {
  margin:0 auto;
  width:774px;
}
#pageContainer h1 {
  display:block;
  width:774px;
  height:114px;
  background:transparent url(img/bg_pagecontainer_h1.jpg) no-repeat top left;
  text-indent: -10000px;
}
.slide h2, .slide p {
  margin:15px;
}
.slide h2 {
  font:italic 24px Georgia, "Times New Roman", Times, serif;
  color:#ccc;
  letter-spacing:-1px;
}
.slide img {
  float:right;
  margin:0 0px;
}

#slideIndex
{
	left: 620px;
	bottom: -22px;
	position: absolute;
}

.numbers
{
	width: 28px;
	height: 28px;
	display: inline-block;
	text-align: center;
	margin: -2px;
	cursor: pointer;
	color: #D7E8B2;
	font-size: 0em;
	padding: 5px;
	
	background:transparent url(images/index_passive.png) no-repeat;
}

.active
{
	color: #75934A;
	font-size: 0em;
	padding: 5px;
	
	background:transparent url(images/index_active.png) no-repeat;
}







/* SUB-PAGE CONTENT styles */


	/* ABOUT */
	
.subpage_box1 {
position: relative;
left: 0px;
top: -40px;

width: 580px;
}

.subpage_box1_sub {
position: absolute;
left: 596px;
top: 0px;

width: 230px;
}

#subpage_servicesul {
position: relative;
left: 30px;
top: 0px;


width: 770px;
height: 135px;
}

#subpage_servicesul_sub1 {
position: absolute;
left: 0px;
top: 0px;
}

#subpage_servicesul_sub2 {
position: absolute;
left: 335px;
top: 0px;
}

#subpage_servicesul_sub3 {
position: absolute;
left: 550px;
top: 0px;
}

/*.darkertext_captions {
position: relative;
left: 130px;
top: 10px;

color: #666666;
font-size: .9em;

width: 280px; 
text-align: left;
}
*/

	/* WORK */

.subpage_boxwork {
position: relative;
left: 0px;
top: -40px;

color: #666666;
padding: 30px;
font-size: .9em;

width: 780px;
}

.work_gallery_caption {
position: relative;
left: 0px;
top: 0px;

height: 590px;
}

#work_gallery1 {
position: absolute;
left: 0px;
top: 0px;
}

#work_gallery2 {
position: absolute;
left: 263px;
top: 0px;
}

#work_gallery3 {
position: absolute;
left: 525px;
top: 0px;
}



#work_gallery4 {
position: absolute;
left: 0px;
top: 278px;
}

#work_gallery5 {
position: absolute;
left: 197px;
top: 278px;
}

#work_gallery6 {
position: absolute;
left: 393px;
top: 278px;
}

#work_gallery7 {
position: absolute;
left: 590px;
top: 278px;
}



#work_gallery8 {
position: absolute;
left: 0px;
top: 491px;
}

#work_gallery9 {
position: absolute;
left: 158px;
top: 491px;
}

#work_gallery10 {
position: absolute;
left: 315px;
top: 491px;
}

#work_gallery11 {
position: absolute;
left: 472px;
top: 491px;
}

#work_gallery12 {
position: absolute;
left: 629px;
top: 491px;
}








	/* CONTACT */

.subpage_boxcontact {
position: relative;
left: 0px;
top: -40px;

color: #666666;
padding: 30px;
font-size: .9em;

width: 780px;
}

.subpage_boxcontact-sub {
position: absolute;
left: 30px;
top: 30px;

width: 350px;
}







/* CONTACT styles */

#contact_form_holder { 
	position: relative;
		left: 428px;
		top: 30px;
	
	width: 330px;
}

#contact_form_holder input, #contact_form_holder textarea { 
    width:100%; 
    font-family:inherit;
    padding:5px;
    border: 1px solid #D4E8A3;
    color: #666;
    font-size: .9em;
    
}

#contact_form_holder input:focus, #contact_form_holder textarea:focus { 
    width:100%; 
    font-family:inherit;
    padding:5px;
    border: 1px solid #75934A;
    color: #666;
    font-size: .9em;
    
}

#contact_form_holder textarea { 
    height:150px; /* i never liked small textareas, so make it 100px in height */ 
    color: #666;
    font-size: .9em;
}

#cf_submit_p { text-align:right; } /* show the submit button aligned with the right side */

.error { display: none; padding:10px; color: #D8000C; font-size:12px;background-color: #FFBABA;}
.success { display: none; padding:10px; color: #044406; font-size:12px;background-color: #B7FBB9;}

#contact_logo { vertical-align: middle; }
.error img { vertical-align:top; }