@charset "utf-8";
body  {
	font: 100%  Arial, Helvetica, Verdana, sans-serif;
	font-family: 'Francois One', sans-serif;
	background: #F9F9F9;
	/*background:#FFFFFF;*/
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */
background: linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


}

.headings {
	color:#FF791F;
	}
.twoColFixLt #container { 
	width: 1090px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height: 795px;
	margin: 25px auto ; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	/*background-image:url(images/background2.jpg);*/
	background-image:url(images/background_clear.png);
	border:#FF791F solid 1px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px; 
-webkit-box-shadow: 0px 5px 2px 2px rgba(1, 1, 1, 0.1);
-moz-box-shadow: 0px 5px 2px 2px rgba(1, 1, 1, 0.1);
box-shadow: 0px 5px 2px 2px rgba(1, 1, 1, 0.1); 
}


.twoColFixLt a:link{ color: #FF791F; text-decoration:none;}
.twoColFixLt a:visited{ color: #FF791F;}
.twoColFixLt a:hover{ color: #FF791F; text-decoration:underline;}

.twoColFixLt #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 395px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 770px;
	padding-top: 32px;
	padding-left: 20px;
	
}
img { border:0px;}
.twoColFixLt #mainContent { 
	width:624px;
	margin: 0 0 0 413px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	height: 795px;
	padding-left:20px;
	padding-top:30px;
} 
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:739px;
	width: 604px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

#logo1{
width: 553px;
height: 161px;
background-color:#F9F9F9;
margin-top:59px;
/*margin-bottom:20px;
*/margin-left:50px;

}

#logo2{
width: 553px;
height: 161px;
background-color:#F9F9F9;
/*margin-bottom:20px;*/
margin-left:50px;

}

#logo3{
width: 553px;
height: 161px;
background-color:#F9F9F9;
/*margin-bottom:20px;*/
margin-left:50px;

}

#sidecontent {
width: 380px;
padding-top:10px;
}

.pullquote {
color: #FF791F;
font-size: larger;

}


.shadow {
-webkit-box-shadow: 5px 5px 5px 5px rgba(5, 5, 5, 0.1);
-moz-box-shadow: 5px 5px 5px 5px rgba(5, 5, 5, 0.1);
box-shadow: 5px 5px 5px 5px rgba(5, 5, 5, 0.1); 
 

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; 
}


div.tucked-corners {
	    background: #FFEADC;
	    height: 380px;
/*	    margin: 50px auto;
	    padding: 10px;*/
		margin-bottom:10px;
	    position: relative;
	    width: 580px;
	    -webkit-box-shadow: 0 1px 7px hsla(0,0%,0%,.2);
	       -moz-box-shadow: 0 1px 7px hsla(0,0%,0%,.2);
	            box-shadow: 0 1px 7px hsla(0,0%,0%,.2);
	}
	span.tucked-corners {
	    background: #FFEADC;
	    display: block;
	    position: relative;
	    width: 100%;
	    -webkit-box-shadow: inset 0 0 10px hsla(0,0%,0%,.25);
	       -moz-box-shadow: inset 0 0 10px hsla(0,0%,0%,.25);
	            box-shadow: inset 0 0 10px hsla(0,0%,0%,.25);
	}
	
	
	/* Top Corner Effect */
	
	.top-corners:after,
	.top-corners:before {
	    background: #FBFBFB;
	    content: '';
	    height: 50px;
	    position: absolute;
	    top: -25px;
	    width: 100px;
	    z-index: 10;
	    -webkit-box-shadow: 0 6px 9px -8px hsla(0,0%,0%,.5);
	       -moz-box-shadow: 0 6px 9px -8px hsla(0,0%,0%,.5);
	            box-shadow: 0 6px 9px -8px hsla(0,0%,0%,.5);
	}
	.top-corners:after {
	    left: -50px;
	    -webkit-transform: rotate(-45deg);
	       -moz-transform: rotate(-45deg);
	        -ms-transform: rotate(-45deg);
	         -o-transform: rotate(-45deg);
	            transform: rotate(-45deg);
	}
	.top-corners:before {
	    right: -50px;
	    -webkit-transform: rotate(45deg);
	       -moz-transform: rotate(45deg);
	        -ms-transform: rotate(45deg);
	         -o-transform: rotate(45deg);
	            transform: rotate(45deg);
	}
	
	/* Bottom Corner Effect */
	
	.bottom-corners:after,
	.bottom-corners:before {
	    background: #F3F3F3;
	    content: '';
	    height: 50px;
	    position: absolute;
	    bottom: -25px;
	    width: 100px;
	    -webkit-box-shadow: 0 6px 9px -8px hsla(0,0%,0%,.5);
	       -moz-box-shadow: 0 6px 9px -8px hsla(0,0%,0%,.5);
	            box-shadow: 0 6px 9px -8px hsla(0,0%,0%,.5);
	}
	.bottom-corners:after {
	    left: -50px;
	    -webkit-transform: rotate(-135deg);
	       -moz-transform: rotate(-135deg);
	        -ms-transform: rotate(-135deg);
	         -o-transform: rotate(-135deg);
	            transform: rotate(-135deg);
	}
	.bottom-corners:before {
	    right: -50px;
	    -webkit-transform: rotate(135deg);
	       -moz-transform: rotate(135deg);
	        -ms-transform: rotate(135deg);
	         -o-transform: rotate(135deg);
	            transform: rotate(135deg);
	}
	



/* ----------- My Form ----------- */
.myform{
	width:450px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 100px;
	padding-right: 14px;
	padding-bottom: 14px;
	padding-left: 14px;
}
	/* ----------- basic ----------- */
	#basic{
		border:solid 2px #DEDEDE;	
	}
	#basic h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#basic p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #dedede;
		padding-bottom:10px;
	}
	#basic label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#basic .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#basic input{
		float:left;
		width:200px;
		margin:2px 0 30px 10px;
	}
	#basic button{ 
		clear:both;
		margin-left:150px;
		background:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}



	/* ----------- stylized ----------- */
	#stylized{
		/*border:solid 2px #666666;*/
		/*background:#341234;*/

	}
	#stylized h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#stylized .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #CCCCCC;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#stylized button{ 
		clear:both;
		margin-left:160px;
		width:125px;
		height:31px;
		background:#444;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}
	#stylized select {
	margin-left: 10px;
	}
	#stylized textarea {
	margin-left: 10px;
	}