* { margin: 0; padding: 0 }

/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */



p { color:#666666; font-size: 13px; font-family:Arial, Helvetica, sans-serif; text-align: left; margin: 10px 0 }



A:link {text-decoration: none; color: #C3525E}

A:visited {text-decoration: none; color:#333333}

A:active {text-decoration: none; color: #CC0000}

A:hover {text-decoration: underline; color: #FF0000}



.blockquote {

  padding: 0 48px;

  font-size: 13px; 

  font-family:Arial, Helvetica, sans-serif; 

  text-align: left;

  color: #C3525E

}



body {

	color: #000;

	padding: 0;

	padding-bottom: 20px;

	text-align: center;

	font-family: arial;

	background: url('images/pattern11.gif') repeat ;

}



#vwrapper {

	position: absolute;

	top: 50%;

	left: 0;

	height: 1px;

	text-align: center;

	width: 100%;

	display: block;

}



#border {

	width: 935px;

	height: 460px;

	border: #dcdcdc 2px solid;

	padding: 0;

	margin: 0 auto;

	position: absolute;

	text-align: left;

	top: -260px;

	left: 50%;

	margin-left: -467px;

}



#musicPlayerContainer {

	text-align: center;

	vertical-align: bottom;

	height: 15px;

	padding-top: 264px;

}



#logobar {

	background-color: #ffffff;

	padding: 0px;

	margin: 0px;

	width: 169px;

	height: 460px;

	position: absolute;

/*	border-right: 2px #DCDCDC solid;*/

/*	background: bottom url('images/image.jpg') no-repeat ;*/

}



#main {

	color: b5b5b5;

	width: 766px;

	height: 460px;

	left: 169px;

	padding: 0px;

	margin: 0px;

	position: absolute;

	background: #FFFFFF;

}



.main {

	color: b5b5b5;

	width: 766px;

	height: 460px;

	padding: 0px;

	margin: 0px;

	position: absolute;

	background: #FFFFFF;

	overflow: hidden;

}



.panel {

	height: 460px;

	width: 766px;

}



#dloader {

	color: b5b5b5;

	width: 766px;

	height: 460px;

	padding-top: 100px

	margin: 0px;

	background: #FFFFFF;

	position: absolute;

	text-align: center;

	vertical-align: bottom;

	z-index: 100;

}



h1, h2, h3, h4, h5 { margin: 0px; padding-top: 5px; font-family: arial; font-weight: bold; color: #C3525E; margin-bottom: 5px; padding-bottom: 5px; text-align: left }



#nav {

	position: relative;

	margin: 0px auto;

	width: 946px;

	height: 55px;

	top: 210px;

}



#footer {

	width: 935px;

	margin: 25px auto 0;

	font-size: .8em;

	color: #dcdcdc;

	position: relative;

	top: 200px;

}



#footer a {

	color: #dcdcdc;

	text-decoration: underline;

}



/* Scroll Areas */



/* Common scroll bar */

.scrollBar{

	height: 100%;

	width: 22px;

	float: left;



	cursor: pointer;

}



.scrollKnob{

	height: 73px;

	width: 22px;

	background: #ffffff url('images/scrollbar.png');

}



/* Appreciate Scroll Area */

#scroll_1 {

	width: 490px;

	height: 400px;

}



#scrollContent_1 {

	width: 440px;

	height: 383px;

	overflow: hidden;

	float: left;

	padding: 10px;

}



/* Meet Scroll */

#scroll_2 {

	width: 760px;

	height: 224px;

}



#scrollContent_2 {

	width: 710px;

	height: 224px;

	overflow: hidden;

	float: left;

	padding: 10px;

	padding-top: 0;

}





/* Question Scroll */

#scroll_3 {

	width: 650px;

	height: 400px;

}



#scrollContent_3 {

	width: 510px;

	height: 383px;

	overflow: hidden;

	float: left;

	padding: 10px;



}



/* Contact Scroll */

#scroll_4 {

	width: 450px;

	height: 390px;

}



#scrollContent_4 {

	width: 400px;

	height: 390px;

	overflow: hidden;

	float: left;

	padding: 10px;

	padding-top: 0;

}