@charset "utf-8";
/* styles for GMBA Group */

@font-face {
	font-family: 'FranchiseRegular';
	src: url('../fonts/franchise-bold-webfont.eot');
	src: local('☺'), url('../fonts/franchise-bold-webfont.woff') format('woff'), url('../fonts/franchise-bold-webfont.ttf') format('truetype'), url('../fonts/franchise-bold-webfont.svg#webfontQDEB1yfY') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	color: #1b2930;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	text-align: left;
	vertical-align: baseline;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

p { /* basic style for the paragraphs */
	font-size: 15px;
}

a { /* basic style for the links */
	text-decoration: none;
	color: #32918c;
	font-size: 15px;
}

a:hover { /* basic style for the hovered links */
	text-decoration: underline;
}

/* end Reset */

body {
	background-color: #dddfe0;
	background-image: url(../images/body-bg.png);
	background-repeat: no-repeat;
	background-position: top center;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.3;
}

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

#header {
	overflow: hidden;
}

/* Navigation styles */

#header #nav {
	overflow: hidden;
	width: 810px;
	margin-left: 75px;
}

#nav li { /* main navigation buttons */
	float: left;
	margin-top: 65px;
}

#nav li ul { /* navigation sub menu */
	display: none;
	background-color: #ffffff;
	width: 230px;
	margin-left: -12px;
}

#nav li:hover ul, #nav li.hover ul { /* navigation sub menu(hover) */
	display: block;
	position: absolute;
}

#nav li.sub_li { /* navigation sub buttons */
	float: none;
	margin: 6px;
}

#nav li:hover li, #nav li.hover li { /* navigation sub buttons(hover) */
	float: none;
}

#nav li:hover li a, #nav li.hover li a { /* navigation sub links */
	font-family: 'FranchiseRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 19px;
	color: #1b2930;
	display: block;
	height: 25px;
	padding: 3px;
}

#nav li li a:hover, #nav li li a.hover { /* navigation sub links(hover) */
	background-color: #46b0aa;
	text-decoration: none;
}

#nav li#home a { /* navigation main links - home */
	width: 62px;
	height: 46px;
	background: url(../images/home_btn.png) no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	display: block;
	margin-right: 22px;
}

#nav li#home a:hover { /* navigation main links - home(hover) */
	width: 62px;
	height: 46px;
	background: url(../images/home_btn.png) no-repeat;
	background-position: 0 -46px;
	display: block;
}

#nav li#logo { /* navigation main buttons - logo */
	margin-top: 0;
}

#nav li#logo a { /* navigation main links - logo */
	width: 227px;
	height: 211px;
	background: url(../images/JMBA-logo.png) no-repeat;
	text-indent: -9999px;
	display: block;
	margin-right: 23px;
}

#nav li#about a { /* navigation main links - about */
	width: 72px;
	height: 46px;
	background: url(../images/about_btn.png) no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	display: block;
	margin-right: 28px;
}

#nav li#about a:hover { /* navigation main links - about(hover) */
	width: 72px;
	height: 46px;
	background: url(../images/about_btn.png) no-repeat;
	background-position: 0 -46px;
	display: block;
}

#nav li#marketing a#marketing_main { /* navigation main links - marketing */
	width: 127px;
	height: 46px;
	background: url(../images/marketing_btn.png) no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	display: block;
	margin-right: 29px;
}

#nav li#marketing a#marketing_main:hover { /* navigation main links - marketing(hover) */
	width: 127px;
	height: 46px;
	background: url(../images/marketing_btn.png) no-repeat;
	background-position: 0 -46px;
	display: block;
}

#nav li#finance a#finance_main { /* navigation main links - finance */
	width: 95px;
	height: 46px;
	background: url(../images/finance_btn.png) no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	display: block;
	margin-right: 26px;
}

#nav li#finance a#finance_main:hover { /* navigation main links - finance(hover) */
	width: 95px;
	height: 46px;
	background: url(../images/finance_btn.png) no-repeat;
	background-position: 0 -46px;
	display: block;
}

#nav li#contact a { /* navigation main links - contact */
	width: 99px;
	height: 46px;
	background: url(../images/contact_btn.png) no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	display: block;
}

#nav li#contact a:hover { /* navigation main links - contact(hover) */
	width: 99px;
	height: 46px;
	background: url(../images/contact_btn.png) no-repeat;
	background-position: 0 -46px;
	display: block;
}

/* Main Content styles */

#mainContent #slogan { /* slogan backgroud */
	width: 960px;
	height: 85px;
	background: url(../images/slogan-bg.png) no-repeat;
	margin: 57px 0 40px 0;
}

#mainContent #slogan h1 { /* style for the page slogans */
	font-family: 'FranchiseRegular', Arial, Helvetica, sans-serif;
	font-size: 50px;
	color: #dddfe0;
	padding: 6px 0;
	text-align: center;
}

#content { /* all except home, marketing, finance */
	overflow: hidden;
	width: 940px;
	margin: 34px 0 0 0;
	padding: 0 10px;
}

#content #content_left { /* what we do */
	width: 460px;
	float: left;
}

#content #content_right { /* what we do */
	width: 460px;
	float: right;
}

#content h3 { /* page title */ /* all except home, marketing, finance */
	color: #32918c;
	font-size: 21px;
	font-weight: bold;
	padding-left: 65px;
	margin-bottom: 10px;
}

#content h4 { /* page sub-titles */ /* all except home, marketing, finance */
	color: #dddfe0;
	display: inline;
	font-size: 19px;
	background-color: #5f747f;
	padding: 2px;
}

#content img { /* page images */ /* all except home, marketing, finance, marketing-what-we-do, finance-what-we-do */
	float: left;
	margin: 0 20px 10px 0;
	border: 6px solid #e7eaec;
}

#content p { /* page paragraphs */ /* all except home, marketing, finance */
	padding: 10px 0;
}

#content ul { /* all except home, marketing, finance */
	list-style-position: inside;
	list-style-type: circle;
	margin: 10px 0;
}

#mainContent #content li { /* all except home, marketing, finance */
	font-size: 15px;
	color: #5f747f;
}

#columns-3 { /* home, marketing, finance */
	width: 960px;
	overflow: hidden;
}

#columns-3 .col3-box { /* home, marketing, finance */
	float: left;
	width: 300px;
	padding: 0 10px;
	text-align: center;
}

#columns-3 .col3-box h2 { /* home */
	display: inline;
	color: #32918c;
	font-size: 23px;
	font-weight: bold;
	padding: 1px 6px;
	background-color: #1b2930;
}

#columns-3 .col3-box p { /* home, marketing, finance */
	margin-top: 20px;
}

#columns-3 .col3-box p.h2-sub { /* home, marketing, finance */
	font-weight: bold;
	color: #5f747f;
}

a.readMore { /* home, marketing-what-we-do, finance-what-we-do */
	float: right;
	display: block;
	width: 103px;
	height: 29px;
	font-size: 13px;
	text-align: center;
	padding-top: 9px;
	background: url(../images/readMore-bg.png) no-repeat;
}

.mf_menu { /* marketing, finance */
	overflow: hidden;
	width: 960px;
	margin: 34px 10px 0 10px;
}

.mf_menu li { /* buttons */ /* marketing, finance */
	float: left;
}

.mf_menu li ul { /* sub menu */ /* marketing, finance */
	display: none;
	background-color: #e7eaec;
	width: 300px;
}

.mf_menu li:hover ul, .mf_menu li.hover ul { /* sub menu(hover) */ /* marketing, finance */
	display: block;
	position: absolute;
}

.mf_menu li.mf_sub_li { /* sub buttons */ /* marketing, finance */
	float: none;
	margin: 6px;
}

.mf_menu li:hover li, .mf_menu li.hover li { /* sub buttons(hover) */ /* marketing, finance */
	float: none;
}

.mf_menu li:hover li a, .mf_menu li.hover li a { /* sub links */ /* marketing, finance */
	font-family: 'FranchiseRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 17px;
	color: #1b2930;
	display: block;
	height: 23px;
	padding: 3px;
}

.mf_menu li li a:hover, .mf_menu li li a.hover { /* sub links(hover) */ /* marketing, finance */
	background-color: #46b0aa;
	text-decoration: none;
}

.mf_menu li#whoWeAre a { /* main links - who we are */ /* marketing, finance */
	width: 300px;
	height: 46px;
	background: url(../images/whoWeAre_btn.png) no-repeat;
	display: block;
	margin-right: 20px;
	padding: 5px 0;
	color: #1b2930;
	font-family: 'FranchiseRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 32px;
	text-align: center;
}

.mf_menu li#whoWeAre a:hover { /* main links - who we are(hover) */ /* marketing, finance */
	width: 300px;
	height: 46px;
	display: block;
	text-decoration: none;
	color: #3b4f59;
}

.mf_menu li#whatWeDo a#mf_menu_main { /* main links - what we do */ /* marketing, finance */
	width: 300px;
	height: 46px;
	background: url(../images/whatWeDo_btn.png) no-repeat;
	display: block;
	margin-right: 20px;
	padding: 5px 0;
	color: #1b2930;
	font-family: 'FranchiseRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 32px;
	text-align: center;
}

.mf_menu li#whatWeDo a#mf_menu_main:hover { /* main links - what we do(hover) */ /* marketing, finance */
	width: 300px;
	height: 46px;
	display: block;
	text-decoration: none;
	color: #3b4f59;
}

.mf_menu li#howWeDoIt a { /* main links - how we do it */ /* marketing, finance */
	width: 300px;
	height: 46px;
	background: url(../images/howWeDoIt_btn.png) no-repeat;
	display: block;
	padding: 5px 0;
	color: #1b2930;
	font-family: 'FranchiseRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 32px;
	text-align: center;
}

.mf_menu li#howWeDoIt a:hover { /* main links - how we do it(hover) */ /* marketing, finance */
	width: 300px;
	height: 46px;
	display: block;
	text-decoration: none;
	color: #3b4f59;
}

.separator { /* all */
	width: 619px;
	height: 2px;
	margin: 40px 170px;
	background: url(../images/separator.png) no-repeat;
}

#columns-4 { /* all */
	width: 960px;
	overflow: hidden;
}

#mainContent #columns-4 .col4-box { /* all */
	float: left;
	width: 220px;
	padding: 0 10px;
	text-align: center;
}

#mainContent #columns-4 .col4-box h3 { /* all */
	display: inline;
	font-size: 21px;
	font-weight: bold;
	padding: 1px 6px;
	background-color: #46b0aa;
}

#mainContent #columns-4 .col4-box p { /* all */
	margin-top: 20px;
}

/* Footer styles */

#footer {
	background: url(../images/footer-bg.png) top repeat-x #1b2930;
	margin-top: 20px;
}

#footerContent {
	width: 960px;
	margin: 0 auto;
	padding-top: 20px;
	overflow: hidden;
}

#footerContent #copy p {
	text-align: center;
	color: #dddfe0;
	font-size: 13px;
}

#footer a#design {
	float: right;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
	text-decoration: underline;
}

.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}