/* CSS Document */
html, body {margin:0px !important; padding:0px !important; height:100%}
body {
	behavior: url(csshover2.htc);
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	/*line-height:17px;
	background:#666 url(designimages/bg_body.gif) repeat-x left bottom;*/
	color:#3b3c3b;
	}

	/* clear default styles and browser fixes
--------------------------------------------------------------*/
* {margin:0px; padding:0px;}
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,td { margin:0; padding:0; font-size:1.3em; line-height:1.3em}
a img,:link img,:visited img { border:none }
/*------------------------------------------------------------*/

a {text-decoration:none; color:#000000;}
a:hover {text-decoration:none; color:#333}
table {}
hr {margin:0px; padding:0px; border:0px none; border-bottom:1px solid #dae0de;}
p {margin-bottom:1em;}
h5 { font-size:12px; font-weight:bold; padding:0 0 3px 0}

	/* begin custom style
--------------------------------------------------------------*/

#wrap_outer {height:auto !important; height:100%; min-height:100%; background:#666 url(designimages/bg_body.gif) repeat-x left bottom; padding:13px 0 20px 0;}
#wrap {position:relative; margin:0px auto 0px auto; width:964px; background:url(designimages/bg_content.gif) no-repeat 11px bottom;}
#wrap_home {position:relative; margin:10px auto 20px auto; width:964px; height:747px; background:url(designimages/bg_home.gif) no-repeat 11px bottom;}

#header { position:relative;  float:left; width:100%; margin:-3px 0 0 0; background:url(designimages/bg_header.gif) no-repeat left top;}
#logo {width:173px; height:95px; overflow:hidden; margin:0 11px 0 0; display:inline;}
#headline { font-size:20px; color:#ba0033; margin:30px 0 0 30px; line-height:20px;}
#headline a {color:#ba0033;}
#wrap_home #header {background:none; margin:0px 0 0 0;}


#mainmenu {position:relative;  float:left; width:100%; background:url(designimages/bg_mainmenu.gif) repeat-y left top;}
.m_2 {height:95px !important; background:url(designimages/bg_menu_switchedon_sub.gif) no-repeat left top !important;}
.m_3 {height:95px !important; background:url(designimages/bg_menu_shapetheworld_sub.gif) no-repeat left top !important;}
.m_4 {height:95px !important; background:url(designimages/bg_menu_befirst_sub.gif) no-repeat left top !important;}
.m_5 {height:95px !important; background:url(designimages/bg_menu_shapetheworld_sub.gif) no-repeat left top !important;}
* html #mainmenu {height:55px; overflow:hidden}
/*
#mainmenu {position:relative;  float:left; width:100%; background:url(designimages/bg_mainmenu.gif) repeat-y left top;}
#mainmenu.m_2 {height:95px !important; background:url(designimages/bg_menu_switchedon_sub.gif) no-repeat left top !important;}
#mainmenu.m_3 {height:95px !important; background:url(designimages/bg_menu_shapetheworld_sub.gif) no-repeat left top !important;}
#mainmenu.m_4 {height:95px !important; background:url(designimages/bg_menu_befirst_sub.gif) no-repeat left top !important;}
#mainmenu.m_5 {height:95px !important; background:url(designimages/bg_menu_shapetheworld_sub.gif) no-repeat left top !important;}
*/
#mainmenu ul { position:relative; float:left; margin:0px 0 10px 20px; display:inline; width:918px;}

#mainmenu.active ul {height:95px;}
#mainmenu ul li {float:left; margin:12px 0 0 10px; display:inline;}
#mainmenu ul li a {display:block; line-height:16px; height:24px; font-weight:bold; font-size:16px; color:#fff; padding:8px 0 0 0; background-repeat:no-repeat; text-align:center; vertical-align:middle}
#mainmenu ul li:first-child > a {padding-left:0}
#mainmenu ul li.navlast {border:none;}
#mainmenu ul li a:hover, #mainmenu ul li.active a { color:#333}
#mainmenu ul li.active li a { color:#fff}
#mainmenu ul li.active li.active a { color:#333}

#mainmenu ul ul {position:absolute; left:-13px; top:60px;}
#mainmenu ul ul li {margin:0px !important;; padding:0 10px !important;; border-right:1px solid white; line-height:14px; height:18px; overflow:hidden}
#mainmenu ul ul li a {background:none; font-size:14px; text-align:left; padding:0px !important; margin:0px !important; display:inline; white-space:nowrap; line-height:14px;}
* html #mainmenu ul ul li a { display:block; white-space:nowrap;}


.mm_1 a {width:78px; background-image:url(designimages/bg_menu_ourfirsts.gif)}
.mm_2 a {width:96px; background-image:url(designimages/bg_menu_switchedon.gif)}
.mm_3 a {width:120px; background-image:url(designimages/bg_menu_shapetheworld.gif)}
.mm_4 a {width:64px; background-image:url(designimages/bg_menu_befirst.gif)}
.mm_5 a {width:110px; background-image:url(designimages/bg_menu_seeyourfuture.gif)}
.mm_6 a {width:68px; background-image:url(designimages/bg_menu_joinus.gif)}
.mm_7 a {width:150px; background-image:url(designimages/bg_menu_join_am.gif); float:right !important;}
.mm_1_a a {background-image:url(designimages/bg_menu_ourfirsts_a.gif)}
.mm_2_a a {background-image:url(designimages/bg_menu_switchedon_a.gif)}
.mm_3_a a {background-image:url(designimages/bg_menu_shapetheworld_a.gif)}
.mm_4_a a {background-image:url(designimages/bg_menu_befirst_a.gif)}
.mm_5_a a {background-image:url(designimages/bg_menu_seeyourfuture_a.gif)}
.mm_6_a a {background-image:url(designimages/bg_menu_joinus_a.gif)}
.mm_7_a a {background-image:url(designimages/bg_menu_join_am_a.gif); float:right !important;}
.mm_7 {float:right !important;}


#content { position:relative; float:left; width:942px; padding:0 0 0px 0; margin:0px 11px 0 11px; }
#content a:hover {text-decoration:underline}


/* content styles	*/
#content h1 {color:#000; font-size:90px; line-height:115px; padding:15px 0 25px 93px;}
#content h1.nosub {padding:55px 0 25px 93px;}
#content h1 span {color:#c3112b}
#content h2.boxtitle {font-size:40px; line-height:36px; color:#c3112b; font-weight:normal; padding:7px 0 7px 24px; width:310px; float:left;}
#content h3 {font-size:24px; line-height:24px; margin:0px 0 0.5em 0; padding:13px 0 0 0;}
#content hr {margin:0 0 1.5em 0; padding:0px; border:0px; border-bottom:1px solid #333;}
#content p, #content img {margin:0 0 1.1em 0px;}
#content p.lead {font-size:20px; line-height:22px;margin:0 0 1.3em 0px;}
#content .inner {margin:0 0 0 232px; width:650px;}
#content .fullwidth {margin-left:20px; cursor:pointer;}

.cufon-loading #headline, .cufon-loading #mainmenu, .cufon-loading h1, .cufon-loading h2 {visibility: hidden !important;}


.expandbox {position:relative; background:#fff; border-bottom:1px solid #333; padding:13px 20px 20px 0}
.expandbox_a {position:relative; background:transparent; border-bottom:1px solid #333; padding:13px 0}
.expandbox .readmore, .expandbox .readless {font-size:12px; font-weight:bold; color:#c3112b; float:left; clear:left; margin:10px 0 0 24px; cursor:pointer; display:none;}
.expandbox p.firstp {width:270px; padding:9px 0 0 0 !important; float:left; margin:0px !important;}
#content .expandbox p {margin:0 0 1.1em 24px;}
#content .expandbox .expandbox_h h3 {margin:0 0 0.3em 24px;}
.expandbox img {margin:10px 0 10px 25px !important}



.expandbox2 {position:relative;}
.expandbox2 .readmore, .expandbox2 .readless {position:absolute; left:46px; top:277px; cursor:pointer; display:none}
.expandbox2 .inner .readless {position:relative; left:auto; top:auto; font-size:12px; font-weight:bold; color:#c3112b; float:left; clear:left; margin:0px 0 2.2em 0px; cursor:pointer;}
.inner a {font-size:12px; font-weight:bold; color:#c3112b; }

.largeqoute {position:relative; float:right; width:180px; margin:0 0 0px 40px; padding:0 0 0 35px; background:url(designimages/bg_lquote.gif) no-repeat left 3px}
.largeqoute em {font-size:16px;}
.largeqoute_inner { background:url(designimages/bg_rquote.gif) no-repeat right bottom; padding:0 35px 0 0px;}

.inner table a:hover {text-decoration:none}

/*	homepage	*/
#homebox_wrap {position:relative; padding:19px 0 10px 0px; margin:0 22px 0 20px; background:url(designimages/bg_header_subline.gif) repeat-x left top;}
.homebox {position:relative; float:left; width:300px !important; height:250px !important; margin:0 11px 10px -6px; overflow:hidden !important;}
.homebox a img:hover {margin-top:-250px !important;}
/*
.homebox p, .homebox a {color:#fff; display:none}
.homebox p {position:relative; float:left; font-size:20px; margin:18px 0 0 12px !important; padding:0px !important;}
.homebox a.readmore {position:relative; float:left; clear:left; font-size:14px; margin:18px 0 0 12px !important; padding:9px 12px; background:url(designimages/bg_button_fom.gif) no-repeat left top; }
.homebox p, .homebox a {color:#fff;}
*/
.a3 {margin-right:-8px;}
.b3 {margin-right:-8px;}


/*	form styles	*/
input, textarea { font-size:12px; padding:3px 8px; margin:2px 0}
input.text {border:1px solid #cccccc; background:#fff; width:200px;}
textarea {border:1px solid #cccccc; background:#fff; width:470px; height:160px;}
select {border:1px solid #cccccc; background:#fff; line-height:18px; font-size:12px; width:218px; padding:2px 0;}
select.text {padding:2px 0 2px 5px;}
select option {padding:2px 0 2px 5px;}
input.submit {border:0px none; color:#009AD9; margin:5px 0; padding:0px; cursor:pointer; font:bold 17px Arial, Helvetica, sans-serif; background:#fff}
form td {vertical-align:middle}
input[type="submit"] {border:1px solid #ccc !important; background:#333 !important; color:#fff !important; padding:5px 15px !important; cursor:pointer}

#leftmenu {border-top:1px solid #dae0de}
#leftmenu ul li {border-bottom:1px solid #dae0de; padding:5px 9px;}
#leftmenu ul li a:hover, #leftmenu ul li.active > a {color:#002C19; text-decoration:none}
#leftmenu ul li a { color:#6BAD3E}
#leftmenu ul li.active {background:#f1f5f8;}
#leftmenu ul ul {margin:5px 0 0 0; }
#leftmenu ul ul li { border:none; padding:3px 6px; line-height:15px;}







#footer {position:relative;  float:left; display:inline; width:900px; margin:70px 0 0 32px; padding:13px 0px; background:url(designimages/bg_footer.gif) no-repeat left top;}
#footer a:hover, #footer #designbystructure a:hover, #footer #copy a:hover { color:#333}
#footer .social {  margin:0px 14px 0 0;}
#footer .social a {position:relative; float:left; width:30px; height:29px; overflow:hidden;}
#footer .social span {position:relative; float:left; margin:7px 5px 0 0; }
#footer .social img {position:relative; float:left;}
#footer .social a:hover img {margin-top:-29px;}
#footer .links {  margin:0px 0px 0 14px;}
#footer #copy {position:relative; float:left; color:#000; font-size:11px;  margin:25px 0px 0 2px;}
#footer #designbystructure {position:relative; color:#000; font-size:11px;  margin:25px 0px 0 0;}
#footer #designbystructure a, #footer #copy a {color:#000; font-size:11px; text-decoration:underline}



.leftoff { position:absolute; left:-10000px; height:0px; width:0px; margin:0px; padding:0px;}
.transparent50 { -moz-opacity:0.5; filter: alpha(opacity=50); opacity: 0.50;}
.noborder {border:0px none !important;}
.noborder_bg {background:none !important;}
.nomargin {margin:0px !important;}

.top {vertical-align:top;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}

.red {color:#D20B19}
.gray {color:#333}
.white {color:#fff}

.fl {float:left}
.fr {float:right}

.left {text-align:left}
.right {text-align:right}
.center {text-align:center}

.clearfix:after {
    content: ".";
   	display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.clearfix {display: inline-block;}
* html .clearfix {height:1%;}
.clearfix {display: block;}