/* ---- BEGIN COLOR GUIDE ---- */
/*	Dark Red: 	#330900	*/
/*	Light Red:	#5A1000	*/
/*	Tan:		#E8DAA9	*/
/* ----- END COLOR GUIDE ----- */


/* ---- FONTS ---- */
body {font-family: Verdana, Arial, sans-serif; color:#000; font-size:12px; line-height:1.2;}
p, h1, h2, h3, h4 {margin:0; padding:0;}
h1 {color:#5A1000; margin:10px 0; font-size:36px; font-family:Georgia, "Times New Roman", Times, serif; text-transform:uppercase;}
h2 {color:#5A1000; text-transform:uppercase; font-size:14px; margin:0 0 10px 0;}
h2.hr {border-bottom:1px solid #7f7f7f; padding: 10px 0;}
h4 {font-size:10px; font-weight:normal;}
p {margin:0 0 15px 0;}
a, a:visited {color:#000;}
a:hover {text-decoration:none;}

.email a, .email a:visited {color:#696969; font-size:10px;}

.address {font-size:10px; font-family:Arial, Helvetica, sans-serif;}

/* ---- MAIN LAYOUT ---- */
body {background:#b4a07a; padding:0; margin:0;}

.top {background:#5A1000 url(../images/bg_top.jpg) repeat-x;}
.top .inner {background:url(../images/bg_top_inner.jpg) no-repeat top center;}
.main {background:#b4a07a url(../images/bg_pattern.jpg);}
.main .inner {background:url(../images/bg_content.png) top center no-repeat; width:100%;}

.top .content, .main .content {width:760px; margin:0 auto; padding:0;}
.main .content {padding: 30px 0;}
.stretch {background:url(../images/div_bg.gif) 20px 0 repeat-y;width:760px;}
.stretch-top {background:url(../images/div_top.gif) no-repeat 141px top;width:760px;}
.stretch-bot {background:url(../images/div_bot.gif) no-repeat 141px bottom;width:760px;}
.submenu {width:130px; padding:0 20px 0 0; float:left;}
.primary {width:350px; padding:0 33px 0 25px; float:left;}
.primary-wide {width:500px; padding:0 33px 0 25px; float:left;}
.wide {width:720px; padding:0 20px;}
.sidebar {width:202px; float:left;}


.head {height:127px; width:760px; position:relative;}
.head .logo {width:225px; height:98px; position:absolute; top:0; left:260px;}
.head .email {width:160px; height:58px; position:absolute; top:30px; left:588px; text-align:center}
.head .social {width:116px; height:50px; position:absolute; top: 28px; left:42px; text-align:center;}
	.head .social p { font-size:10px; color:#fff; text-transform:uppercase; margin-bottom:5px; }
	.head .social ul { list-style:none; margin:0; padding:0; }
	.head .social li { float:left; margin:0 10px 0 0; padding:0; }
		.head .social li.last { margin:0; }
	.head .social li a { display:block; width:32px; height:32px; background-image:url(../images/icons_sm.png); text-indent:-999em; }
	.head .foursquare a {background-position: 0 0;}
	.head .twitter a {background-position: 0 -64px;}
	.head .facebook a {background-position: 0 -128px;}

.menu em { display: none}
.menu {list-style-type: none; position:absolute; top:98px; left:52px; height:29px; margin:0; padding:0;}
.menu li {float: left; padding: 0px; margin: 0px; display: inline}
.menu li a {display: block; height: 29px }
.menu li a.menu_1 {background: url(../images/menu_gam.jpg) no-repeat left bottom; WIDTH: 85px}
.menu li a.menu_1active {background: url(../images/menu_gam.jpg) no-repeat left top; WIDTH: 85px}
.menu li a.menu_2 {background: url(../images/menu_ent.jpg) no-repeat left bottom; WIDTH: 137px}
.menu li a.menu_2active {background: url(../images/menu_ent.jpg) no-repeat left top; WIDTH: 137px}
.menu li a.menu_3 {background: url(../images/menu_din.jpg) no-repeat left bottom; WIDTH: 150px}
.menu li a.menu_3active {background: url(../images/menu_din.jpg) no-repeat left top; WIDTH: 150px}
.menu li a.menu_4 {background: url(../images/menu_myc.jpg) no-repeat left bottom; WIDTH: 100px}
.menu li a.menu_4active {background: url(../images/menu_myc.jpg) no-repeat left top; WIDTH: 100px}
.menu li a.menu_5 {background: url(../images/menu_car.jpg) no-repeat left bottom; WIDTH: 90px}
.menu li a.menu_5active {background: url(../images/menu_car.jpg) no-repeat left top; WIDTH: 90px}
.menu li a.menu_6 {background: url(../images/menu_med.jpg) no-repeat left bottom; WIDTH: 80px}
.menu li a.menu_6active {background: url(../images/menu_med.jpg) no-repeat left top; WIDTH: 80px}
.menu li a:hover {background-position: left top;}

.submenu ul {margin:0; padding:0 0 20px 0; list-style:none;}
.submenu ul li {margin:0; padding:0; list-style:none; color:#000000; font-size:11px; padding: 0 0 5px 0;}
.submenu .sectionname { text-transform:uppercase; color:#5A1000; font-size:12px; font-weight:bold;}
.submenu ul li a, .submenu ul li a:visited {color:#000000;}
.submenu ul li ul {padding:0 0 5px 0;}
.submenu ul li li {margin:0; padding:6px 0 0 10px; list-style:none; text-transform:none; color:#000; font-size:11px; line-height:1;}
.submenu ul li li a, .submenu ul li li a:visited {color:#000; font-size:10px; font-weight:normal;}

.hero {width:760px; height:307px;}

.promos {background-color:#6a1200;padding:5px 0;}
.promos object{ margin:0 2px;}

.foot {background:url(../images/bg_foot.png) no-repeat top center; text-align:center; padding:20px 20px 0 20px; margin-top:20px; width:710px;}
.foot p {font-size: 10px;}
.foot img {margin:0 0 10px 0;}
.foot ul {padding: 0; margin: 10px 0 0 0; font-size: 10px; text-align:center; line-height:0.8;}
.foot ul li {display:inline; list-style-type:none; margin: 0; padding:0 2px;}
.foot ul li a, .foot ul li a:visited {text-decoration:none;}
.foot ul li a:hover {color:#5A1000;}

/* ---- REPEATED ELEMENTS ---- */
img {border:0;}
.clear {clear:both; width:100%;}

input {border:1px solid #454545;}
.email input {background-color:#020202; color:#b5b5b5; border-color:#FFF; font-size:12px; margin-left:5px;}

/* ---- Pop up template form ---- */
.EktForm p {margin: 10px;} 
.popup {font-family: Verdana, Arial, sans-serif; color:#fff; font-size:12px; line-height:1.2;}
.popup td{font-family: Verdana, Arial, sans-serif; color:#fff; font-size:12px; line-height:1.2;}
.popup h2 {color:#FFF;}

/*collapsible panel*/
.collapsePanelHeader {
	margin: 0;
	padding:2px 5px;
	background-color: #baae87;
	border-bottom: 2px solid #e8daa9;
}
.collapsePanelHeader input {margin:3px 0; *margin:0;}
.collapsePanel a, .collapsePanel a:visited {
	color:#333;
	text-decoration:none;
	font-size:10px;
}
.collapsePanel {
	background-color: #baae87;
	padding:0;
}
.collapsePanel p{
	margin:5px;
}
.collapsePanel b {
	font-size:10px;
}
.collapsePanel a:hover {
	color:#655e49;
}
