body {
 font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #666;
 background: #d9e5d9 url(/images/layout/body_top_bg.gif) repeat-x;
 margin: 0;
 padding: 0;
} 

img{border:0;}

a{text-decoration:none; color: #0000DD;}

input,textarea,select{
	-moz-border-radius: 5px;
  border-radius: 5px;
	padding: 4px;
  border:1px solid #184D84;
  background:#e0e0ff;
}

#bottom{
 height: 50px;
 margin: 0;
 padding: 0;
}

#bottom #footer{
 text-align: center;
 color: #000;
 height: 25px;
 line-height: 25px;
 font-size:11px;
}

#content{
 background: #dae5da;
 width: 990px;
 margin: 10px auto;
}

#top_area {
	max-width: 1200px;
	line-height: 25px;
	background-color: #00162C;
	font-size: 11px;
	color: #ACCBFF;
	text-align: left;
	margin: 0 auto;
	height: 25px;
	padding: 0;
}
#top_area #skip {
	text-align: left;
	margin: 0;
	padding: 0;
	float: left;
	display:none;
}
#top_area #date {
	text-align: right;
	margin: 0;
	padding: 0;
	float: right;
}

#logo_container {
 text-align: left;
 max-width: 1200px;
 height: 125px;
 margin: 0 auto;
 padding: 0 0 0 44px;
} 
#logo_container #twitter {
	text-align: right;
	width: 215px;
	height: 100px;
	margin: 10px 0 0 0;
	padding: 0;
	float: right;
	z-index: 100;
}

.clear {
	clear: both;
}

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

.left{float:left;padding-right: 15px;}
.right{float:right;}
.hide{display:none;}
.front_box{
  width: 220px; 
  height: 250px; 
  overflow:hidden;
  padding:20px;
  margin:0;
  font-size: 18pt;
}
.white_box{
  background: transparent url(../images/layout/white_box.gif) top left no-repeat;
  color: #000000;
}

.bblue_box{
  background: transparent url(../images/layout/blue_blue.gif) top left no-repeat;
  color: #000000;
  font-size: 14pt;
}

.joomla_box{
  background: transparent url(../images/layout/joomla_box.gif) top left no-repeat;
  color: #000000;
}
.ojmsites_box{
  background: transparent url(../images/layout/ojmsites_box.gif) top left no-repeat;
  color: #000000;
}

.front_img{
  width: 200px;
  height: 30px;
  border:0;
}

.front_box ul{
  list-style: none;
  text-align: left;
  font-size: 16pt;
}

.more{
  text-align:center;
  width: 200px;
  height: 25px;
}
#three_boxes{
  width: 780px; 
  text-align:center;
  border: 0;
  margin: 0 auto;
  padding:30px;
  margin-right: 50px;
  background: #fff url(../images/layout/blue_block.jpg) top left no-repeat;
}

.portfolio_large{
  padding: 5px; 
  text-align: left; 
  font-size: 14pt;
}
.img_large_site{
 width: 400px; 
 height: 400px; 
 margin: 5px;
 border: 4px solid #000;
}
.bannerAD{
  width:468px;
  height:60px; 
  border: 1px solid #d00;
}
.three_wide{
 width: 850px; 
 text-align:center;
 border: 0;
}

.three_wide img{
 border: 1px solid #000;
 width:250px;
 height:200px;
}

#content_top{
 width: 100%; 
 background: #dae5da url(/images/layout/r_head.gif) no-repeat top left; 
 height: 30px;
}

#main_content{
 width:96%;
 background: url(/images/layout/r_main.gif) repeat-y top left;
 padding: 25px;
}

#content_bottom{
 width: 100%; 
 background: #dae5da url(/images/layout/r_foot.gif) no-repeat bottom left; 
 height: 50px;
}

#top_menu{
  width: 550px;
	float:left;
}

#top_menu a{
  color: #2ec2f4;
}
#top_menu a:hover{
  color: #ffffff;
}

.question{color: #A61E1A; font-weight: bold;}

div#family_fun, div#basic, div#basic_plus, div#standard, div#standard_plus, div#bespoke {display:none}

table.font {
  background-color:#333;
  border:0;
  border-collapse:collapse;
  border-spacing:0;
  color:#507aa5;
  font-weight:400;
  text-align:left;
  width:500px;
}
table.font td {
  background-color:#eee;
  border:2px solid #fff;
  color:#555;
  font-family:"Courier New", Courier, monospace;
  padding:6px;
  text-align:left;
}

table.font td.book {
  background-color:#fcfcfc;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:13px;
  font-weight:400;
  padding:8px 4px 4px;
  text-align:center;
}

table.font td.hed {
  background-color:#ddd;
  border-bottom:2px solid #fff;
  color:#507aa5;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:16px;
  font-weight:400;
  padding:6px;
  text-align:left;
}