@charset "utf-8";
/* CSS Document */

body{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	background:#dddddd url(/images/bg_site.jpg) repeat-x;
}

body.internal{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333;
	background:#dddddd url(/images/bg_site-internal.jpg) repeat-x;	
}

.imgLeft{
	float:left;
	padding:1px;
	margin:0 20px 30px 0;
	border:#80ba00 solid 1px;
}

.imgRight{
	float:right;
	padding:1px;
	margin:0 0 30px 20px;
	border:#80ba00 solid 1px;
}

h1 {
	font-size:34px;
	line-height:40px;
	color:#8236d9;
	font-family:"Arial Narrow",Arial, Helvetica, sans-serif;
	font-weight:lighter;
	margin:0 0 15px 0;
}


#Wrapper{
	margin:0 auto;
	width:1000px;
}
#Header{
	margin:0px;
	height:552px;
	background:url(/images/bg_header.jpg) no-repeat;
}
#HeaderInt{
	margin:25px 0 0 0;
	height:200px;
	width:986px;
	background:url(/images/internal-banners/rotate.php) no-repeat;
}
#SocialContact{
	float:right;
	margin:30px 10px 0 0;
	height:100px;
	text-align:center;
}
#SocialContactInt{
	clear:both;
	padding:20px 0 0 0;
	height:188px;
	text-align:center;
}
#SocialContact p{
	margin:0;
}
#Navigation {
	position:relative;
	top:27px;
	float:left;
	font-size:30px;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	line-height:57px;
}

#Navigation ul{
	list-style:none;
	margin:0;
	padding:0;
}
#Navigation a{
	color:#669400;	
	text-decoration:none;
}
#Navigation a:hover{
	color:#92d400;	
}
#SubNavigation{
	float:right;
	width:240px;
	font-size:18px;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	line-height:24px;
	border-left:#CCC dotted 1px;
	padding:0 10px 0 0;
}
#SubNavigation ul{
	list-style:none;
	margin:0;
	padding:0;
}
#SubNavigation ul li{
	list-style:none;
	margin:0;
	padding:0 0 0 10px;
	border-bottom:#CCC dotted 1px;
}
#SubNavigation ul li.active{
	list-style:none;
	margin:0;
	padding:0 0 0 10px;
	border-bottom:#CCC dotted 1px;
	background:#F2F2F2 url(/images/bg_subNavigation.jpg) repeat-x;
}
#SubNavigation ul ul li{
	list-style:none;
	margin:0 0 0 20px;
	padding:0;
	border-bottom:none;
	font-size:16px;
}
#SubNavigation ul ul li.active{
	list-style:none;
	margin:0 0 0 20px;
	padding:0;
	border-bottom:none;
	font-size:16px;
}
#SubNavigation a{
	color:#669400;	
	text-decoration:none;
}
#SubNavigation a:hover{
	color:#92d400;	
}


#CalloutWrap{
	clear:both;
	height:156px;
}
#Callouts{
	height:141px;
	width:308px;
	margin:0 5px 0 0;
	padding:0 5px 15px 10px;
	float:left;
	background:#fff url(/images/bg_callouts.jpg) no-repeat;
	overflow:hidden;
	color:#666;
	font-size:12px;
}
#Callouts h3{
	margin:5px 0 10px 0;
	color:#669400;
	font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
	font-size:28px;
	font-weight:lighter;
	text-transform:uppercase;
}
#Callouts a{
	color:#8236d9;
	text-decoration:none;
}
#Callouts a.findoutmore{
	text-transform:uppercase;
	position:relative;
	font-size:14px;
	height:30px;
	line-height:32px;
	padding:0 40px 0 15px;
	float:right;
	bottom:6px;
	background-image:url(/images/bg_findoutmore.jpg);
	background-repeat:no-repeat;
	background-position:right;
}
#Callouts a.findoutmore:hover {
	text-decoration:underline;
	background-image:url(/images/bg_findoutmore_on.jpg);
}

#ContentTop {
	clear:both;
	margin:0;
	height:37px;
	width:971px;
	background:url(/images/bg_contentTop.jpg) no-repeat;
	font-size:11px;
	padding:0 0 0 17px;
}
#ContentTop a{
	color:#666;
	margin:-2px 0 0 0;
	text-decoration:none;
}
#ContentTop a:hover{
	color:#8236d9;
}
.B_currentCrumb{
	color:#8236d9;
}
#ContentBottom{
	clear:both;
	margin:0;
	height:37px;
	width:986px;
	background:url(/images/bg_contentBottom.jpg) no-repeat;
}
#Content{
	clear:both;
	margin:0;
	padding:0 15px 0 15px;
	background:#FFF;
	width:954px;
	border:#fff solid 1px;
}
#ContactForm{
	position:relative;
	top:137px;
	margin:0 195px 0 0;
	font-size:11px;
	float:right;
}
#ContentInt{
	float:left;
	width:700px;
}
.FormTitle{
	font-size:14px;
	font-weight:bold;
	color:#8236d9;
	margin:0 0 15px 25px;
}
.fieldcontainer {
	width: 255px;
	min-height: 20px;
	margin:0 0 3px 10px;

}
.fieldlabel {
	width: 70px;
	color: #333;
	font-weight: bold;
	font-size:11px;
	line-height:18px;
	float:left;
}
.textfield {
	width: 150px;
	border: solid 1px #ccc;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}
.textarea {
	width: 150px;
	border: solid 1px #ccc;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
}
.request-button {
	margin:0 20px 0 0;
	position: relative;
	float:right;
}
#FormFeedBack {
	width:225px;
	margin:0 0 0 50px;
	padding:0 25px 0 0;
	font-size:14px;
}
#FooterWrap {
	clear:both;
	background:#669400;
	height:65px;
}
#Footer {
	margin:0 auto;
	width:980px;
	color:#fff;
	font-size:11px;
	padding:10px;
}
#FooterLeft{
	float:left;	
}
#FooterRight{
	float:right;	
}
#FooterRight ul{
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
}
#FooterRight li{
	display:inline;
	padding:0 5px 0 5px;
	border-right:#fff solid 1px;
}
#FooterRight li.last{
	display:inline;
	border:none;
}
#FooterRight a{
	color:#fff;
	text-decoration:none;
}
#FooterRight a:hover{
	text-decoration:underline;
}
#DesignedBy{
	clear:both;
	position:relative;
	padding:15px 0 0 0;
	text-align:center;
	width:500px;
	margin:0 auto;
}
#DesignedBy a{
	color:#c0caaa;
	text-decoration:none;
	font-size:10px;
}
#VideoPlayer{
	padding:10px;
	background:#333;
	border:#666 dotted 1px;
	width:425px;
	margin:0 0 25px 0;
}
/* styling of the container. */ 
a.myPlayer { 
    display:block; 
    width: 320px; 
    height:240px;  
    text-align:center; 
    margin:0 15px 15px 0; 
    float:left; 
    border:1px solid #999; 
} 
 
/* play button */ 
a.myPlayer img { 
    margin-top:70px; 
    border:0px; 
} 
 
/* when container is hovered we alter the border color */ 
a.myPlayer:hover { 
    border:1px solid #000; 
}