@charset "utf-8";
/* Creative eWorld CSS*/

html, body, div, span, applet, object, iframe,
h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
strike, sub, tt, var,
b, u, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table,
 caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0; 
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}


ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
}

/* common */
@font-face {
    font-family: 'maven';
    src: url('mavenprolight-300-webfont.eot');
    src: url('mavenprolight-300-webfont.eot?#iefix') format('embedded-opentype'),
         url('mavenprolight-300-webfont.woff') format('woff'),
         url('mavenprolight-300-webfont.ttf') format('truetype'),
         url('mavenprolight-300-webfont.svg#maven_pro_light300') format('svg');
    font-weight: normal;
    font-style: normal;
}

a,
a:link, 
a:visited,
a:active
{
	background-color: none;
	color: #545454;
	outline: none;
    ie-dummy: expression(this.hideFocus=true);
	text-decoration: none;
	transition: all 0.5s ease-in-out 0s;
	
}

a:hover,
#footer a:hover,
.pages a:hover {
	color: #4285f4;
	outline: none;
    ie-dummy: expression(this.hideFocus=true);
	text-decoration: none;
}

.clr {
	clear: both;
}

body, html
{
	background: #ffffff url(../images/background.jpg) repeat top;
	color: #3b3b3b;
	font: normal 14px 'maven', Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 20px;
}

.gap { height: 20px; }

#wrapper {
	background: #efefef url(../images/wrapper-bg.jpg) repeat-x top;
	width: 940px;  /* 940px */
	height: auto;
	margin: 0 auto;
	padding: 0 auto;
	border: 1px solid #ffffff;
	box-shadow: 0 0 8px #CCCCCC;
	
}

p
{
	margin-bottom: 12px;
}

.font15px { 
   font: normal 15px 'maven', Arial, Helvetica, sans-serif;
   line-height: 22px;
}

/* Navigation */

#menu {
	width: 940px;
	margin: 0 auto;
}

/* Root Menu */

ul#navmenu-h { 
	padding: 0; 
	list-style: none; 
	position: relative; 
	z-index: 10 !important;
}

ul#navmenu-h li { 
	float: left; 
	display: inline; 
	position: relative; 
}

ul#navmenu-h a {
	background: #4285f4;
	border-right: 1px solid #ffffff;
	color: #ffffff;	
	display: block;
	font: normal 16px 'maven', Arial, Helvetica, sans-serif;
	line-height: 45px;
	text-align: center;	
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 80px;
}

ul#navmenu-h li:last-child a {
	border-right: none;
	padding: 0 85px 0 84px;
}

.not-clickable {
	cursor: default;
}

/* Root Menu Hover Persistence */
ul#navmenu-h a:hover, ul#navmenu-h a.menu-active {
	background: #2b57a0;
	color: #ffffff;
}

/* 2nd Menu */

ul#navmenu-h ul {	
	background: #7e7e7e;
 	display: none;
	position: absolute;
 	top: 100%;
 	left: 0;
	list-style-type:none;
	padding: 0;
	margin: 0;
	float: left; 
	z-index: 15 !important; 
	width: 100%;
}

ul#navmenu-h ul li { 	 
	width: 100%;
	display: block; 
	margin: 0;
	background: none;
}

ul#navmenu-h li:hover li a,ul#navmenu-h li.iehover li a {
 	float: none;   
 	font-family: 'maven', Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
	cursor: pointer;
	z-index: 15 !important;
	padding: 8px;
	line-height: 16px;
}

/* 2nd Menu Hover Persistence */
ul#navmenu-h li:hover li a:hover,ul#navmenu-h li:hover li:hover a,ul#navmenu-h li.iehover li a:hover,ul#navmenu-h li.iehover li.iehover a {
	background: #2b57a0;
	cursor: pointer;
	color: #fff;
	z-index: 15 !important;
	width: 93%;
}

/* Hover Function - Do Not Move */
ul#navmenu-h li:hover ul ul,ul#navmenu-h li:hover ul ul ul,ul#navmenu-h li.iehover ul ul,ul#navmenu-h li.iehover ul ul ul { display: none; }
ul#navmenu-h li:hover ul,ul#navmenu-h ul li:hover ul,ul#navmenu-h ul ul li:hover ul,ul#navmenu-h li.iehover ul,ul#navmenu-h ul li.iehover ul,ul#navmenu-h ul ul li.iehover ul { display: block; }

/* end Navigation */

.content {
	width: 890px;
	margin: 0 auto;
	padding: 25px;
	
}

#logo {
	position: absolute;
	margin-left: -74px;
}

#banner {
	width: 500px;
	height: 460px;
	margin: 0 auto;
}

h1,
h2 {
	color: #9e6d0d;
	font: normal 28px 'maven', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: -1px;
	padding: 0;
	margin: 0;
}

h2 {
	color: #474747;
	font: bold 24px 'maven', Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	margin-bottom: 10px;
}

.right-divider {
	background: url(../images/right-divider.png) no-repeat;
	width: 200px;
	height: 23px;
}

.left-divider {
	background: url(../images/left-divider.png) no-repeat;
	width: 200px;
	height: 23px;
}

ul.lists {
 list-style: disc;
 list-style-position: inside;
 margin-left: 10px;
}

ul.lists li { padding-bottom: 1px; }

.outline {
	border: 3px solid #e0e0e0;
}

.home-img {
	position: absolute;
	margin-left: -50px;
	margin-top: -20px;
}

.underline a {
	text-decoration: underline;
}

.highlight {
	color: #2b57a0;
	font: bold 15px 'maven', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.input-style {
	background: #e4e4e4;
	width: 300px;
	padding: 8px 8px;
	border: none;
	outline: none;
	color: #474747;
	font: normal 14px 'maven', Arial, Helvetica, sans-serif;
}

.submit-btn {
	background: #9e6d0d;
	color: #ffffff;
	font: bold 14px 'maven', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	cursor: pointer;
	border: none;
	outline: none;
	padding: 6px 20px;
	border: 1px solid transparent;
}

.submit-btn:hover {
	background: #ffffff;
	color: #9e6d0d;
	border: 1px solid #9e6d0d;
}

#footer {
	background: url(../images/footer-shadow.png) no-repeat center;
	width: 952px;
	height: 51px;
	margin: 0 auto;
	color: #1c1c1c;
	font: normal 12px 'maven', Arial, Helvetica, sans-serif;
	text-align: center;

}

#footer a {
	color: #1c1c1c;
}