/* CSS Document */

html, body, div, span, applet, object, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym,code,
del, dfn, em, font, img, ins, kbd, q, s, 
small,  strong, sub, sup, tt, var,
b, u, i, 
dl, dt, dd, ol, ul, li,
fieldset,  
 caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	background-color:#333333;
	
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

a {
text-decoration:none;
}

a:hover {
text-decoration: underline;
}







/*MAIN STYLES */

html{
}

#container{
width:960px;
margin:0 auto;
}

#header{
  background-image:url("header.jpg");
  width:960px;
  height:468px;
  }

#slogan {
position:relative;
float:right;
top:380px;
font-size:30px;
margin-right:70px;
color:#52314e;
}

#body {
background-image:url("body.jpg");
width:960px;
height:687px;
}

#nav {
background-image:url("navbar.jpg");
width:960px;
height:47px;
}

#nav li {
display:inline;
padding-right:20px;
position:relative;
float:left;
margin-left:118px;
top:11px;
font-size:25px;
overflow:hidden;
font-family:Georgia, "Times New Roman", Times, serif;
}

#nav li a {
color:#b4a6b3 ;
}

#footer {
background-image:url("footer.jpg");
width:960px;
height:198px;
}

#left, #middle, #right {
float:left;
width:260px;
color:#b4a6b3;
margin-right:20px;
text-align:center;
background-image:url("glow.png");
}



#left{
margin-left:70px;
}

#left, #right p{
padding-top:129px;
}

#middle{
padding-top:93px;
}

#middle a, #left a, #right a{
text-decoration:none;
color:#b4a6b3;
}

#middle a:hover, #left a:hover, #right a:hover{
text-decoration:underline;
}

#middle h3{
font-size:20px;
}

h2.trigger {
	padding: 0 0 0 139px;
	margin: 0 0 5px 0;
	background: url(h2_trigger_a.png) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 450px;
	font-size:20px;
	font-weight: normal;
	float: left;
	font-family:Georgia, "Times New Roman", Times, serif;
}

h2.trigger img {
padding-right:20px;
}

h2.trigger a {
	color: #b4a6b3;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.toggle_container {
	margin: 0 0 5px;
	padding-bottom: 15px;
	border-top: 1px solid #d6d6d6;
	background: #0F0F0F url("toggle_block_stretch.gif") repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 500px;
	clear: both;
}

.toggle_container p {
margin-top:10px;
}

.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	}



#scrollcontainer {
position:relative;
float:left;
padding-left:229px;
padding-top:65px;

}

#welcome p {
margin-left:auto;
margin-right:auto;
text-align:center;
position:relative;
top:30px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#CCCCCC;
font-size:18px;
}