@charset "utf-8";
/* CSS Document */

body {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	background: #707070 url(images/body_bcgr_image.jpg) top center no-repeat;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #979797;
}

.wrapper {clear:both; height: 1px;}
.wrapperL {clear: left; height: 1px;}
.wrapperR {clear: right; height: 1px;}

a {color: #ffffff; text-decoration: none;}
a:hover {color: #227bbb;}

h1, h2, h3, h4, h5, h6 {font-weight: normal;  }
h1 {font-size: 250%; color: #227bba;}
h2 {font-size: 200%; color: #227bba;}
h3 {font-size: 160%; }
h4 {font-size: 130%;}
h5 {font-size: 110%;}
h6 {font-size: 100%; font-weight: bold;}

span.spanHeader {font-size: 70%; display: block; margin: 3px 0; padding: 0;}

#container {
	width: 926px;
	margin: 0 auto; 
	text-align: left;
}

#topMenu {height: 20px; text-align:right; padding: 14px 20px 0 0; font-size: 90%; color: #dddddd;}

#header {background: url(images/header_bcgr_130.jpg) top center no-repeat; height: 130px;}
#logo img {border: none;}

/*
#menu {float: right;}
#menu ul {list-style:none; margin: 0; padding: 0 0 0 0; text-transform: uppercase;}
#menu ul a {color: #eeeeee;}
#menu ul a:hover { color: #227bbb;}
#menu ul li {background: url(images/menu_sepline.jpg) 0px 7px no-repeat; height: 160px; float: left; width: 90px; padding: 20px 15px; }
#menu ul li.menuON a, #menu ul li ul li.menuON a {font-weight: normal; color: #ffcc00;}
#menu ul li ul { list-style: none; text-transform: none; margin: 10px 0;}
#menu ul li ul li {height:auto; background: none; margin: 0; padding: 5px 0;}
#menu ul li.menuON ul li a {font-weight: normal; color: #ffffff;}
*/

/* ############################################ */
/* menu */
#menu ul {margin: 0; padding: 0; float: right; font-size: 110%;}
#menu ul li {background: url(images/menu_sepline_130.jpg) 0px 7px no-repeat; height: 130px; float: left; list-style: none; text-align: center; margin: 0; }
#menu ul li a
	{	display: block;
		width: 100px; 
		text-align:center;
		padding: 40px 15px 10px 15px;
		text-decoration: none;
		text-transform:uppercase;
		color: #ffffff;
		white-space: nowrap}
#menu ul li a:hover {color: #227bbb;}
#menu ul li.menuON a, #menu ul li ul li.menuON a {font-weight: normal; color: #ffcc00;}
#menu ul li.menuON a:hover, #menu ul li ul li.menuON a:hover {color: #ffcc00;}
#menu ul li ul {margin: 0; padding: 0; position: absolute; visibility: hidden;}
#menu ul li ul li {float: none; display: inline;}
#menu ul li ul li a {padding: 5px 15px; width: auto; height: auto; text-align: left; text-transform: none; width: 90px; }
#menu ul li ul li a:hover {	color: #227bbb;}
/* ############################################ */


#contentContainer {margin: 0 auto; width: 910px; padding: 1px 5px 30px 5px; background: #000000;}
.contentContainerInsider {padding: 0 20px; color: #cccccc;}
.contentContainerInsider h1, .contentContainerInsider h2, .contentContainerInsider h3, .contentContainerInsider h4, .contentContainerInsider h5, .contentContainerInsider h6 {color: #ffffff}

#container610R {float: right; width: 610px; margin: 0 10px 0 0px; background: #ededed url(images/content610_bcgr.jpg) top no-repeat; color: #333333; }
/* #container610R .jmgOffice {background: #990000 url(mages/jokeroo_office.jpg) top no-repeat;} */
#container610RContent {padding: 10px 20px 0 20px;}
#container610L {margin: 0 630px 0 0; padding: 20px 20px;}
#container610Footer {background: #ededed url(images/content610_footer.gif) bottom no-repeat; height: 20px;}

#container700R {float: right; width: 680px; margin: 0 10px 0 0px; background: #ededed url(images/content700_bcgr.jpg) top no-repeat; color: #333333; }
#container700RContent {padding: 10px 20px 0 20px;}
#container700L {margin: 0 700px 0 0; padding: 0px 20px; }
#container700Footer {background: #ededed url(images/content700_footer.gif) bottom no-repeat; height: 20px;}

#container700R a, #container610R a {color: #0066cc;}
#container700R a:hover {color: #990000}

.latestNews {font-size: 100%;}
.latestNews h2 {color: #237bba; margin: 0 0 30px 0; font-size: 150%;}
.latestNews h4 {color: #ffffff; font-size: 120%; margin: 10px 0 0 0;}
.latestNews h5 {display: block; font-size: 100%; margin: 2px 0 8px 0; color: #ffffff;}
.latestNews ul {list-style: none; margin: 0; padding:0;}
.latestNews ul li {background: url(images/calendar_icon.gif) top left no-repeat; padding: 0 10px 10px 25px; }

#subMenu { padding-top: 10px;}
#subMenu ul {margin: 0; padding: 0; font-size: 110%; text-align:right;}
#subMenu ul li {list-style: none; margin: 0; padding: 10px 0;}
#subMenu ul li.menuON a {font-weight: normal; color: #ffcc00;}

.projectItem {margin-top: 20px; padding-top: 0px; border-top: #c5c5c5 solid 1px;}
.projectL {float:left; width: 200px; padding-top: 20px;}
.projectR {margin-left: 220px}
.projectR h3 span {font-size: 60%; display: block;}

.twoCol {margin-top: 20px; padding-top: 0px; border-top: #ffffff solid 1px;}
.twoColL {float:left; width: 100px; padding-top: 20px;}
.twoColR {margin-left: 120px}
.twoColR h3 span {font-size: 60%; display: block;}

#teamMembers {}
#teamMembers ul { list-style:none; margin: 0; padding: 0 0 0 0px; }
#teamMembers ul li {float:left; width: 315px; text-align: center; border: 1px solid #e8e8e8; padding: 20px 0; }
#teamMembers ul li img {border: 1px solid #cccccc; padding: 1px;}
#teamMembers ul li h5 {font-size: 110%; font-weight: bold; margin: 0; padding: 5px 0 0 0;}
#teamMembers ul li p {margin: 0; padding: 0;}

div#container610R.flatIron {background: #ededed url(images/flatiron_building.jpg) top no-repeat; padding-top: 370px;}
div#container700R.customBg1 {background: #ededed url(images/custom_content_header_1.jpg) top no-repeat; padding-top: 10px;}
div#container700R.customBg1 h1 {color: #ffffff; padding-bottom: 40px}


#footer {}

#footerCopyright { margin: 10px; color: #eeeeee; font-size: 90%;}