body {
  	margin: auto;
	padding: 0;
	/*font-family: Verdana;
	font-size: 9pt;
	color: #000;*/
	background: url("../_images/bg.gif") repeat-y top center;	
}

.holder {
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 960px;
}

#p_col_left {
	float: left; 
	width:605px; 
	text-align: left; 
	padding: 0 20px 0 0;
}

#p_col_right {
	float: left; 
	width: 240px;
	padding: 0;
	color: #FFF;
	min-height:640px;
}

#p_col_right div {
	padding: 10px 0;
}

ul {
	margin: 0;
	padding: 0;
}

#nav ul {
	padding: 0;
	margin: 0;
}

#nav li {
	padding: 0;
	margin: 0 0 7px 0;
	list-style-type: none;
	text-align: left;
}

#nav a {
	font-family: 'Open Sans',sans-serif;
	font-size: 14.5pt;
	text-decoration: none;
	color: #FFF;
}

#nav a:hover {
	border-bottom: 2px solid #F60;
}

#nav .selected {
	color: #F60;
	border-bottom: 2px solid #F60;
}

#build_status li {
	list-style-type: none;
	padding: 10px 0 10px 35px;
}

#footer ul {
	padding: 10px;
}

#footer li {
	padding: 0;
	margin: 5px 0 0 0;
	text-align: left;
	list-style-type: none;
}

.ul_offer li {
	margin: 0 0 5px 5px;
	list-style-type: none;	
}

.ul_offer2 li {
	margin: 0 0 5px 15px;
	color: #F60;
	list-style-type: square;
}

.ul_offer2home ul {
	width:250px;
	margin:0px;
	display:block;
	float:left;
	}

.ul_offer2home li {
	margin: 0 0 5px 15px;
	color: #333;
	list-style-type: square;
}

.ul_alert li {
	margin: 6px 0 0 15px;
	color: #F00;	
	list-style-type: square;
}

.border_high {
	border-top: 1px dotted #CFF;
}

.border_low {
	border-bottom: 1px dotted #CFF;
}

.border_high2 {
	border-top: 1px dotted #F60;
}

.border_low2 {
	border-bottom: 1px dotted #F60;
}

h1  {
	font-family: 'Open Sans',sans-serif;
	font-size: 2.5em;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #006;
}

h2  {
/*	font-size: 12pt;
	font-family: 'Open Sans',sans-serif;
	font-weight: normal;
	margin: 10px 0;
	padding: 0;
	color: #006;*/
}

h3  {
	font-family: 'Open Sans',sans-serif;
	font-size: 16pt;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0;
	color: #FFFFFF;
}

h4  {
	font-size: 12pt;
	font-family: 'Open Sans',sans-serif;
	font-weight: normal;
	margin: 0 0 5px 0;
	padding: 0;
	color: #006;
}

.h2_page  {
	font-size: 14pt;
	font-family: 'Open Sans',sans-serif;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	color: #006;
}

.h2_title  {
	font-size: 12pt;
	font-family: 'Open Sans',sans-serif;
	font-weight: bold;
	margin: 10px 0;
	padding: 0;
	color: #006;
}

.box_title  {
	font-size: 14pt;
	font-family: 'Open Sans',sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	color: #006;
}

.errors {
	font-size: 12pt;
	font-family: 'Open Sans',sans-serif;
	font-weight: bold;
	margin: 5px 0;	
	padding: 0;
	color: #F00;
}

/* Colours */

.clr_1 { /* Dark blue */
	color: #006;
}
.clr_3 {
	color: #FFF;
}

#footer a {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #FFF;
	padding-bottom: 1px;
}

#footer a:hover {
	color: #222222;
	border-bottom: 1px solid #222222;
}

.ul_alert a {
	color: #FFF;
	text-decoration: none;
	border-bottom: 1px solid #FC9;
	padding-bottom: 1px;
}

.ul_alert a:hover {
	text-decoration: none;
	color: #FC9;
}

.p_b5 {
	padding-bottom: 5px;
}

.p_b10 {
	padding-bottom: 10px;
}

img {
	border: 0;
}

.img_logo {
	padding: 10px 0 5px 0;
}

a {
	text-decoration: none;
}

a:hover {
	/*text-decoration: underline;*/
}

.info_box {
	background: url('../_images/info_box.gif') bottom;
	margin: 0 0 10px 0;
}

.inner_box {
	padding: 15px 15px 13px 15px; 
	background: url('../_images/info_box_t.gif') top no-repeat;
}

.info_box2 {
	background: url('../_images/info_box2.gif') bottom;
	margin: 0 0 10px 0;
}

.inner_box2 {
	padding: 5px 15px 7px 15px; 
	background: url('../_images/info_box_t2.gif') top no-repeat;
}

.tb_box td {
	padding: 3px 0;
}

.tb_box2 td {
	padding: 2px 0;
}

input, select {
/*	border: 1px solid #AAAAAA;
	padding: 2px;
	color: #006;
	border-radius: 4px 4px 4px 4px;
	padding:0.5em ;
	font-size: 11pt;
	font-family: 'Open Sans',sans-serif;*/
}

.input_btn {
	border: 0;
	padding: 0;
}

.title_field {
	/*width: 220px;*/
	color: #006;
	font-size:10pt;
}

.box_errors {
	font-size: 12pt;
	font-family: 'Open Sans',sans-serif;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #F00;
}

.box_errors_content ul {
	margin: 0;
	padding: 0;
}

.box_errors_content li {
	padding: 0;
	margin: 2px 0 2px 15px;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

div.atclear 
{
	clear:none;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 24pt;
	letter-spacing: 1px;
}
/*===================== Portfolio Thumb =======================*/
.designthumb {
	width:225px;
	height:150px;
	}
.designthumb a {
	width:215px;
	height:140px;
	display:block;
	padding:5px;
	background:url(../_images/portfolio_thumb.jpg) no-repeat 0 0;
	}
.designthumb a:hover {
	width:215px;
	height:140px;
	display:block;
	padding:5px;
	background:url(../_images/portfolio_thumb_hover.jpg) no-repeat 0 0;
	}
a.designthumb-active {
	width:215px;
	height:140px;
	display:block;
	padding:5px;
	background:url(../_images/portfolio_thumb_hover.jpg) no-repeat 0 0;
	}
/*===================== END Portfolio Thumb =======================*/

/*========================= show / hide top panel start ===========================*/

a:focus {
	outline: none;
}

.outer {
	width:100%; 
	display:block; 
	}
	.outeroff {
	position:absolute; 
	width:100%; 
	display:none; 
	top:0px; 
	left:0px; 
	z-index:99999;
	}
#panel {
	background: #ccc;
	height:30px;
	display: block;
	color:#000;
	padding:5px 0px;
	font:12px/15px Arial, Helvetica, sans-serif;
	background:url(../_images/topstripe-bg.jpg) repeat-x 0 0;
}
#panel a, #panel a:visited, #panel a:active {
	color:#000;
	text-decoration:underline;
	font:12px/15px Arial, Helvetica, sans-serif;
}
#panel a:hover {
	color:#000;
	text-decoration:none;
	font:12px/15px Arial, Helvetica, sans-serif;
}
.slide {
	margin:0px;
	padding:0px;
	display:block; 
	position:absolute; 
	top:3px; 
	right:0px;
	.position:fixed; 
	.right:-850px;
	z-index:9999px;
}
.btn-slide {
	background: url(../_images/white-arrow.gif) no-repeat right -24px;
	text-align: right;
	width:74px;
	height:24px;
	padding:0px;
	margin:0 auto;
	display:block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 0px;
}

/*========================= show / hide top panel end ===========================*/

.clear{clear:both;}