@font-face {
  font-family: 'Clbri';
  src: url('clbri.eot');
  src: local('☺'),
         url('clbri.ttf') format('truetype');
  font-style: normal;
  font-weight: normal;
}

* {margin:0; padding:0;}
body{
	font-family:Clbri,Arial,Helvetica,sans;
	font-size:14px;
	color:#3a3b3e;
}

h1,h2{
	color:#12336f;
	font-size:24px;
	font-weight:normal;
	line-height: 30px;
}
h2{font-size:16px;}
a{
	color:#d36600;
	text-decoration:none;
}
h3,p{
	font-size:14px;
	padding-bottom:.5em;
}



#wrapper {
	width:960px;
	margin:0 auto;
	overflow:visible;
}


#container,#masthead,#content,#footer{position:relative;}

#container {
	left:-145px;
	width:1250px;
	margin:0 auto;
	background-color:#FFF;
}
#masthead {
	height:257px;
	background-image:url(../gfx/bg_masthead.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	padding:0 145px;
	margin-bottom:21px;
}
#masthead #logo {
}
#masthead #main_nav {
	height:28px;
}
#content{
	position:relative;
	padding:0 160px;
}
#content #leftside{
	position:absolute;
	top:-3px;
	left:142px;
	width: 321px;
}
#content h1{
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: .5em;
	padding-left: 0;
}

#content #rightside{
	padding:0 0 0 315px;
	width:650px;
}

#content #rightside div{
	width:300px;
	float:left;
	padding: 0 0 1em 0;
	margin-right:15px;
}
#content #rightside h1#swapH1 {
	float:none;
	width:600px;
	position:relative;
	height:75px;
	overflow:visible;
}
#content #rightside h1#swapH1 div {
	display:block; 
	position:absolute; 
	top:0; 
	left:0; 
	z-index:1; 
	width:660px;
}
#columnRight{margin-right:-15px;}
#content #rightside div div{float:none;margin:0;padding:0}
.clearfloat{clear:both}


#footer{
	position:relative;
	padding:0 160px;
	background:url(../gfx/bg_footer.jpg) no-repeat 0 -20px;
	height:154px;
}
#learn-more {
	width:960px;
	padding:5px 150px 0 0px;
	position:relative;
	left:-5px;
}

#learn-more h2{
	color:#12336f;
	font-size:16px;
	padding-top:6px;
	height:60px;
	width:960px;
	
}


/* Chrome box insert using mootools */


.rt,.lt,.rb,.lb{
	position:absolute;
	height:50%;
	width:50%;
}
.lt{background-position: 0 0;
	top:0;
	left:0;
}
.rt{background-position: 100% 0;
	top:0;
	right:0;
}
.rb{background-position: 100% 100%;
	bottom:0;
	right:0;
}
.lb{background-position: 0 100%;
	bottom:0;
	left:0;
}
.chrome0{
	position:relative;
	padding:10px 10px 20px 10px;
}
.chrome0 .rt, .chrome0 .lt,.chrome0 .rb,.chrome0 .lb{
    background-image:url(../gfx/bg_shadedbox.png);
	overflow:hidden;
	padding:0;
}