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

@import url("wysiwyg_contentstyles.css");

body{
	background:url(../../images/bg.jpg) no-repeat;
	background-position: center top;
	background-color:#3596cd;
}


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

#wrapper{
	width:980px;
	margin:0px auto 0 auto;
	background:url(../../images/wrapper.jpg) no-repeat;
}

#wrapper_header{
	position:relative;
	width:970px;
	height:305px;
	margin:0px 5px 0px 5px;
}

#top_section_wrapper{
	position:relative;
}

#top_section{
	width:970px;
	margin:0px 5px 0px 5px;
	padding:0px 0px 10px 0px;
	min-height:140px;
	height:140px;
	height:auto!important;
	position:relative;
	display:inline;
	}
#content_wrapper {
	width:970px;
	margin:0px 5px 0px 5px;
	padding:0px 0px 0px 0px;
	min-height:500px;
	height:500px;
	height:auto!important;
	position:relative;
	
}

#top_section_full{
	margin:0px 40px 0px 40px;
}

#top_section_col1{
	float:left;
	width:430px;
	padding:0px 34px 10px 40px;
}

#top_section_col2{
	float:left;
	width:426px;
	padding:0px 0px 10px 0px;
}
	
	
.topsection_intro{
	display:block;
	padding:10px 0px 20px 0px;
	}
	
.envelope{
	position:absolute;
	top:135px;
	left:40px;
	}	

#text_box_03{
	width:359px;
	position:absolute;
	top:137px;
	left:40px;
	}
	
#text_box_03 a.txt3link {
	display:block;
	background:url(../../images/envelope.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:30px;
	color:#1463a4;
	text-decoration:none;
	}
#text_box_03 a:hover.txt3link {
	display:block;
	background:url(../../images/envelope_f1.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:30px;
	color:#6e50a1;
	}
	
#text_box_03 p{
	font-size:12px;
	color:#3596cd;
	}		

#text_box_04{
	width:412px;
	position:absolute;
	top:110px;
	right:53px;
	color:#3596cd;
	}	

#text_box_04 p{
	font-size:11px;
	color:#3596cd;
	}	

#wrapper_bottom_section_inner #text_box_03{
	top:10px;
	left:30px;
}

#wrapper_bottom_section_inner #text_box_04{
	top:10px;
	right:10px;
}
	
#wrapper_bottom_section{
	background:url(../../images/wrapper_bottom_section.jpg) no-repeat;
	position:relative;
	width:970px;
	height:190px;
	margin:0px 5px 0px 5px;
	}
	
#wrapper_bottom_section_inner{
	position:relative;
	width:890px;
	height:100px;
	margin:0px 45px 0px 45px;
	clear:both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a4d7f2;	
}

#wrapper_footer {
	position:relative;
	background:url(../../images/wrapper_footer_inner.jpg) no-repeat;
	margin:auto;
	width:980px;
	height:100px;
	color: #fff;
	clear:both;
}
#wrapper_footer p {
	color: #fff;
	font-size:10px;
	}
	
#wrapper_footer a{
	color: #fff;
	text-decoration: none;
}

#wrapper_footer a:hover{
	text-decoration: underline;
}

#footer_links{
	position:absolute;
	left:40px;
	top: 23px;
	width: 199px;
}

#footer_links a{
	font-weight:normal;
}

.fraynework {
	position:absolute;
	top: 30px;
	right:40px;
}

/** navigation **/

#nav_home{
	position:absolute;
	top:242px;
	left:36px;
}

#nav_moreinfo{
	position:absolute;
	top:242px;
	left:80px;
}

#nav_video{
	position:absolute;
	top:242px;
	left:237px;
}

#nav_contributors{
	position:absolute;
	top:242px;
	left:343px;
}
#nav_publishes{
	position:absolute;
	top:242px;
	left:497px;
}

/** moreinfo**/

div.resources_pod_left{
	float:left;
	position:relative;
	width:430px;
	padding:0px 0px 0px 460px;
	margin:0px 0px 20px 0px;
	display:inline;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a4d7f2;	
	font-size:0.9em;
	min-height:330px;
	height:330px;
	height:auto!important;
}

div.resources_pod_left img{
	position:absolute;
	top:0px;
	left:0px;
}

div.resources_pod_right{
	float:left;
	position:relative;
	width:430px;
	padding:0px 460px 0px 0px;
	margin:0px 0px 20px 0px;
	display:inline;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a4d7f2;	
	font-size:0.9em;
	min-height:330px;
	height:330px;
	height:auto!important;
}

div.resources_pod_right img{
	position:absolute;
	top:0px;
	right:15px;
}

div.resources_pod_last{
	float:left;
	position:relative;
	width:430px;
	padding:0px 460px 0px 0px;
	margin:0px 0px 20px 0px;
	display:inline;
	font-size:0.9em;
	min-height:330px;
	height:330px;
	height:auto!important;
}

div.resources_pod_last img{
	position:absolute;
	top:0px;
	right:15px;
}



/** video **/

#videobox{
	float:left;
	width:640px;
	height:360px;
	margin:0px 45px 0px 170px;
	padding:11px 0px 30px 0px;
	display:inline;
}

#videobox_highlight1{
	position:absolute;
	top:-12px;
	right:191px;

}
#videobox_highlight2{
	position:absolute;
	bottom:0px;
	right:191px;
}

/** contributors**/

div.contributors_pod{
	float:left;
	width:426px;
	padding:10px 0px 0px 0px;
	margin:0px;
	display:inline;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a4d7f2;	
	font-size:0.9em;
	min-height:135px;
	height:135px;
	height:auto!important;
}

div.contributors_pod:first-child{
	border-top:none;
}


/** Image Rotater **/
textarea#debug {
	position:absolute;
	left: 0;
	top: 0;
	width: 400px;
	height: 200px;
}
#revolving_image_wrapper{
	position:relative;
	width:970px;
	height:217px;
	margin:0px 5px 0px 5px;
	overflow: hidden;
	clear:both;
}
#revolving_image_wrapper #faderMask {
	position:relative;
	width: 970px;
	height: 217px;
	background-image: url(../../images/mask.png);
	z-index: 10;
}
#revolving_image_wrapper img{
	float:left;
	display: none;
}
#revolving_image_wrapper div.imageFade {
	position:absolute;
	left: 0;
	top: 0;
	width: 253px;
	height: 217px;
	display: none;
}
#revolving_image_wrapper div.cell1 { left: -26px; top: 14px; display: block;}
#revolving_image_wrapper div.cell2 { left: 227px; top: 5px; display: block;}
#revolving_image_wrapper div.cell3 { left: 480px; top: -4px; display: block;}
#revolving_image_wrapper div.cell4 { left: 733px; top: -13px; display: block;}
#revolving_image_wrapper #image001 {background-image: url(../../screens/001.jpg);}
#revolving_image_wrapper #image002 {background-image: url(../../screens/002.jpg);}
#revolving_image_wrapper #image003 {background-image: url(../../screens/003.jpg);}
#revolving_image_wrapper #image004 {background-image: url(../../screens/004.jpg);}
#revolving_image_wrapper #image005 {background-image: url(../../screens/005.jpg);}
#revolving_image_wrapper #image006 {background-image: url(../../screens/006.jpg);}
#revolving_image_wrapper #image007 {background-image: url(../../screens/007.jpg);}
#revolving_image_wrapper #image008 {background-image: url(../../screens/008.jpg);}
#revolving_image_wrapper #image009 {background-image: url(../../screens/009.jpg);}
#revolving_image_wrapper #image010 {background-image: url(../../screens/010.jpg);}
#revolving_image_wrapper #image011 {background-image: url(../../screens/011.jpg);}
#revolving_image_wrapper #image012 {background-image: url(../../screens/012.jpg);}
#revolving_image_wrapper #image013 {background-image: url(../../screens/013.jpg);}
#revolving_image_wrapper #image014 {background-image: url(../../screens/014.jpg);}
#revolving_image_wrapper #image015 {background-image: url(../../screens/015.jpg);}
#revolving_image_wrapper #image016 {background-image: url(../../screens/016.jpg);}
#revolving_image_wrapper #image017 {background-image: url(../../screens/017.jpg);}
#revolving_image_wrapper #image018 {background-image: url(../../screens/018.jpg);}
#revolving_image_wrapper #image019 {background-image: url(../../screens/019.jpg);}
#revolving_image_wrapper #image020 {background-image: url(../../screens/020.jpg);}
#revolving_image_wrapper #image021 {background-image: url(../../screens/021.jpg);}
#revolving_image_wrapper #image022 {background-image: url(../../screens/022.jpg);}
#revolving_image_wrapper #image023 {background-image: url(../../screens/023.jpg);}
#revolving_image_wrapper #image024 {background-image: url(../../screens/024.jpg);}
#revolving_image_wrapper #image025 {background-image: url(../../screens/025.jpg);}
#revolving_image_wrapper #image026 {background-image: url(../../screens/026.jpg);}
#revolving_image_wrapper #image027 {background-image: url(../../screens/027.jpg);}
#revolving_image_wrapper #image028 {background-image: url(../../screens/028.jpg);}
#revolving_image_wrapper #image029 {background-image: url(../../screens/029.jpg);}
#revolving_image_wrapper #image030 {background-image: url(../../screens/030.jpg);}