/* ########## CSS Reset ########## */
html, body, div, span, object, iframe, img, h1, h2, h3, a, p, img, small, ul, li, fieldset, form, label, legend, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video {margin:0; padding:0; border:0; outline:0; font-size:14px; color:#000; vertical-align:baseline; background:transparent; text-decoration:none; position:relative; z-index:1; font-family:"Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;}
html, body {width:100%; height:100%; min-width:1000px;}
body {overflow-x:hidden; background:url(../imgs/header.jpg) top center no-repeat #ededd7; text-align:center;}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
.clearleft {clear:left;}

#footer {z-index:990; width:100%; height:215px; display:block; background:url(../imgs/footer.jpg) center bottom no-repeat;}

.content {width:930px; padding:275px 10px 20px 10px; display:block; margin:0 auto;}

#logo {position:absolute; top:0px; left:0px;}

#nav {float:left; width:210px; margin:25px 35px 0 0; border-top:2px dotted #000; padding:25px 0 0 20px;}
#nav ul {width:100%; margin:0 0 20px 0; list-style:none;}
#nav ul li {display:block; text-align:left; margin:0 0 6px 0;}
#nav ul li a {font-weight:bold; font-size:13px; line-height:14px;}
#nav ul li a span {font-size:13px;}
#nav ul li a:hover, #nav ul li a.active {color:#0066cc;}
#nav ul li.inset {padding:0 0 0 32px; background:url(../imgs/li.jpg) 14px 0 no-repeat;}
#nav p {text-align:center; margin-bottom:20px; font-size:13px; line-height:19px; font-family:Arial;}
#nav p a {color:#0066cc; text-decoration:underline; font-family:Arial; font-size:12px;}
#nav p a:hover {color:red;}
#nav .left, #nav .right {height:55px;}
#nav p.copyright {font-size:10px;}
#nav p.copyright a image{margin-bottom:20px; height:50px;}
#nav > a img {width:207px;}
.fb-like {margin:10px 0 20px 0;}
.copyright a img {margin-bottom:10px;}
.copyright span {clear:both; display:block;}

h1 {font-family:Lucida Sans Unicode, Lucida Grande, sans-serif; margin:0 0 25px 0; line-height:20px; text-transform:uppercase; font-size:18px; font-weight:400; text-align:left; padding:0 0 5px 0; border-bottom:2px dotted #000;}
.page-content {width:665px; min-height:400px; float:right; text-align:left;}
.page-content img.full-width {margin:0 20px 20px 20px; width:625px;}
.page-content img.full-width-no-margin {margin:0px 0px 60px 0px; width:665px; box-shadow:0px 1px 3px #333;}
.events img.full-width, .media img.full-width {margin:0 20px 40px 20px}
.page-content p {font-family:arial; font-size:12px; line-height:19px; margin-bottom:20px;}
.page-content p a, .page-content ul li a {font-family:arial; font-size:13px; line-height:19px; color:#0066cc; text-decoration:underline;}
.page-content p a:hover {color:red;}
.page-content ul { padding:0 0 0 20px;}
.page-content ul li {margin-bottom:20px; font-family:arial; font-size:13px; line-height:19px;}

.agent {padding-bottom:40px; display:block; clear:both; min-height:220px;}
.agent img {float:left; margin:5px 25px 15px 0; width:140px; box-shadow:0px 1px 3px #333;}
h2 {font-size:24px; font-family:arial; margin-bottom:20px; text-transform:uppercase;}
.events h2 {text-transform:none !important;}
.agent h2 img {float:left; margin:5px 10px 0 0; height:13px; width:auto; border:none; box-shadow:none;}
h3 {font-size:13px; font-style:italic; margin-bottom:15px; line-height:20px;}
h3 span {line-height:20px;}
h3 span a {font-size:12px; font-weight:400; text-decoration:underline; color:#0066cc; line-height:20px;}
h3 span a:hover {color:red;}
.events img.top40 {margin-top:-40px;}

#contact-us div {margin-bottom:30px;}
iframe {height:300px; width:300px; margin:0 0 30px 0;}
.form {text-align:left; position:fixed; display:none; top:120px; left:50%; margin-left:-260px; height:270px; width:480px; background:#ededd7; border:1px solid #999; box-shadow:0 2px 4px #999; padding:10px 20px; border-radius:2px;}
.form .close {position:absolute; top:10px; right:20px; color:#888; font-family:helvetica; font-size:28px;}
.form .close:hover {color:#000;}
.form p {margin:5px 0 0 0; color:#888;}
.send{display:block; text-align:center; width:150px; border-radius:2px; height:30px; line-height:30px; background:#0066cc; color:#fff; font-family:helvetica; font-size:14px;}
.yes, .no {display:inline; float:left;  text-align:center; width:150px; border-radius:2px; height:30px; line-height:30px; background:#0066cc; color:#fff; font-family:helvetica; font-size:14px; margin:0 40px 0 0;}
.form .send {position:absolute; right:20px; bottom:8px;}
.send:hover, .yes:hover, .no:hover, label a:hover {background:red;}
.middle {margin:0 5%;}
label {color:#888; font-size:12px; line-height:25px; width:100%; float:left;}
label a {display:inline; border-radius:2px; height:30px; line-height:30px; background:#0066cc; color:#fff; font-family:helvetica; font-size:14px; padding:5px 10px;}
input, select {width:98%; padding:0 1%; margin-bottom:10px; height:25px; float:left; line-height:25px; font-size:13px; background:#fff; border:none; border-radius:2px; box-shadow:inset 0px 1px 2px #888;}
select {width:99%;}
textarea {width:98%; padding:1%; height:100px; line-height:25px; font-size:13px; background:#fff; border:none; margin-top:5px; margin-bottom:10px; border-radius:2px; box-shadow:inset 0px 1px 2px #888;}
.registration textarea {height:200px;}

.form label {color:#888; font-size:12px; line-height:25px; width:30%; float:left;}
.form input {width:28%; padding:0 1%; margin-bottom:10px; height:25px; float:left; line-height:25px; font-size:13px; background:#fff; border:none; border-radius:2px; box-shadow:inset 0px 1px 2px #888;}
.form textarea {width:98%; padding:1%; height:100px; line-height:25px; font-size:13px; background:#fff; border:none; margin-bottom:10px; border-radius:2px; box-shadow:inset 0px 1px 2px #888;}
.sent:hover {background:#0066cc !important; cursor:default;}
.media p {padding:0 0 0 20px;}
.registration .send {width:150px; clear:left;}
.registration, .checkin {display:none;}

.promote a img {float:left; width:400px; margin:0 20px 0 0;}
.fee form, .checkin form, .registration form {margin:0 379px 0 0; padding:5px 0 0 0;}
.fee img, .checkin img, .registration img {float:right; width:339px;}


.mlc > div {margin-right:255px;}
.mlc a img {float:right; width:225px;}
.mlc ul {margin-bottom:20px;}
.mlc ul li, .news ul li {margin-bottom:5px;}

.links > div {float:left; width:38%; padding:0 6%;}
.links div h2 {margin-bottom:10px;}
.links div ul {margin-bottom:40px;}
.links p.bottom40 {margin-bottom:40px;}
.links div ul li img {width:100%; margin:0 0 5px 0;}
.links div li, .surveys ul li {margin-bottom:5px;}
.links div li.nostyle {list-style:none !important; margin:0 0 20px -20px;}

.m-menu {display:none; box-shadow:0 2px 3px #666; border-bottom:1px solid #000;}
.m-menu a {float:left; width:50%; display:inline; text-align:center; height:40px; line-height:40px;}
.m-menu a.active {font-weight:bold; color:#0066cc;}
.m-menu .menu {margin-right:-1px; border-right:1px solid #D3D3C0;}

@media (max-width: 600px) {
	html, body {min-width:100% !important; max-width:100% !important; background-position:top left;}
	#nav {display:none; position:absolute; top:0px; left:0px; background:#ededd7; height:100%; width:100%; z-index:999; border:none; margin:40px 0 0 0; padding:0;}
	.content {width:94%; padding:60px 3% 20px 3%;}
	.page-content {width:100%; float:none;}
	#logo {margin:0 auto; position:relative;}
	#logo img { height:200px;}
	.page-content img.full-width {width:100% !important; margin-left:0px; margin-right:0px;}
	.m-menu {display:block; position:absolute; top:0px; left:0px; right:0px; z-index:999; background:#ededd7;}
	#nav p {display:none;}
	#nav p.copyright {display:block;}
	#nav .copyright a {display:none;}
	#nav img {display:none;}
	#nav ul {width:60%; padding:20px 20%;}
	#nav ul li {display:block;text-align:left; height:25px; margin:0;}
	#nav ul li a {height:25px; line-height:25px;}
	#footer {background-position:bottom left;}
	#contact-us div.right {float:left;}
	.videography span {display:none;}
	.links > div {float:none; width:100%; padding:0;}
	iframe {display:none;}
	.no {margin:0px;}
	.yes {margin:0 20px 0 0;}
	.checkin > img, .registration > img, .fee > img {display:none;}
	.promote a img {float:none; width:100%; margin:0 0 20px 0;}
	.events img, .media img {margin:0 0 40px 0 !important;}
	label, input, select {float:none !important;}
	.fee form, .checkin form, .registration form {margin:0; padding:5px 0 0 0;}
	.send {width:100% !important; height:40px; line-height:40px;}
	.media p {padding:0;}
	.mlc > div {margin:0;}
	.mlc a img {float:none; width:60%; margin:0 20% 20px 20%;}
}