@charset "utf-8";
/* CSS Document */
*{
	margin:0px;	
}
@font-face
{
font-family:menu_font;
src: url(fonts/Raleway-SemiBold.ttf);
}
#header{
	width:100%;
	height:115px;
	background-image:url(images/header_bg.png);	
}

#header_content{
	width:960px;
	text-align:left;
	margin:0 auto;
	height:100%;	
}
#header_content img{
	float:left;
	position:relative;
	top:28px;	
}
#menu{
	font-family:menu_font;

	
	background-image:url(images/menu_bg.png);
	background-repeat:repeat-x;
	float:right;
	margin-right:140px;
	margin-top:40px;	
	box-shadow:0px -2px 5px 0px #777;
}
#menu ul {

	list-style-type:none;
	margin:0;
	padding:0;	
}
#menu ul li{
	float:left;
	background-image:url(images/sep_menu.png);
	background-repeat:no-repeat;
	line-height:15px;
	
}

#menu ul li a{
	text-decoration:none;
	padding: .6em 1.5em;
	color:#010066;
	display: block;

}

#menu ul li a:hover{
	background-image:url(images/hover_menu.png);
	background-repeat:repeat-x;
}


li ul#submenu{
	 display: none;
	 background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 51%, #e5e5e5 80%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(51%,#f9f9f9), color-stop(80%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 51%,#e5e5e5 80%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 51%,#e5e5e5 80%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 51%,#e5e5e5 80%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#f9f9f9 51%,#e5e5e5 80%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */

}
li ul#submenu li {
	border-bottom:#d7d7d7 1px solid;	
}
#menu ul li:hover ul#submenu{
    display: block;
    position: absolute;
    float:left;
}
#menu ul li:hover li,  #menu ul li:hover a {
    float: none;
  
}
#menu ul li:hover li a:hover {
 background-image:url(images/hover_menu.png);
background-repeat:repeat-x;
}

#socialmedia{
	height:54px;
	width:100%;
	background-image:url(images/social_media_bg.png);
	background-repeat:repeat-x;	
}
#socialmedia_content{
	margin:0 auto;
	width:940px;
	height:100%;
}

#socialmedia_content span{
	float:right;
	
}
#main{
	background-image:url(images/background.jpg);
	width:100%;

	background-repeat:repeat-x;	
}
#banner-slide{
	width:1051px;
	height:426px;
	margin:0 auto;
	position:relative;
	top:-15px;
	padding-bottom:10px;
}
#quote{
	background:rgba(204, 164, 85, 0.5);
	width:100%;
}
#quote_content{
	text-align:left;
	
	width:960px;
	font-family:menu_font;
	margin:0 auto;
	font-size:28px;
	font-style:oblique;
	
	padding-top:40px;
		padding-bottom:40px;
		color:#59380e;

}
blockquote{
 width:830px;
  background: url(images/close.png) no-repeat right bottom;
  background-position: right 50px;
padding-left:20px;
height:70px;
margin-left:30px;

}
blockquote .first-letter {
	padding-left: 28px;
  background: url(images/open.png) no-repeat left top;
 
}
#second_bottom{
	width:100%;
	background-color:#FFF;
	 opacity:0.2;
  filter:alpha(opacity=60);
	height:120px;
}
#footer{
	text-align:center;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:30px;
	height:30px;
	background-color:#130900;
	width:100%;
}
#about-wrapper{

	width:960px;
	margin:auto;
	padding-bottom:20px;
}
#about-wrapper #about{

	width:900px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	color:#000;
	background: rgba(251, 249, 236, 0.5);
	margin:0 auto;
	padding:20px;
	text-align:justify;
	min-height: 300px;
	margin-left:10px;;
}
@font-face
{
font-family:heading;
src: url(fonts/Raleway-ExtraBold.ttf);
}
#about-wrapper #about h3{
	text-align:right;
	font-size:36px;
	font-family:menu_font;
	color:#5f3b0b;
	padding-bottom:40px;
	
}






.fb{
	width:52px;
	height:52px;
	background:url(images/fb.png);float:left;
}
.fb:hover	{
	width:52px;
	height:52px;
	background:url(images/fb-color.png);
}
.twitter{
	width:52px;
	height:52px;
	background:url(images/twiter.png);float:left;			
}
.twitter:hover	{
	width:52px;
	height:52px;	
	background:url(images/twiter-color.png);
}


.clear{
	clear:both;
}
#about-wrapper #about form{
	width:600px;
	margin:auto;
}
#about-wrapper #about .label{
	float:left;
	width: 300px;
	text-align:right;
	margin-right: 10px;
}

#about-wrapper #about input,#about-wrapper #about textarea{
	width: 200px;
	text-align:left;
	margin-bottom:10px;
	
}
#about-wrapper #about input[type='checkbox']{
	width:20px;
	float:left;
	margin-top:5px;
	margin-right:20px;
}