/* OneStepAhead liquid layout template - Permission needed before use. */

/* To maintain functionality do not edit relative positioning of master, head_section, content_left, content_right or footer. All other attributes may be changed. */

/* Styles in order of html page layout */

/* standard html */

* {						/* sets page margin and padding to zero */
	margin: 0;		
	padding: 0;
}

body {					/* page attributes */
background-color:#fff;
}

a {color: #334B60; text-decoration:none;}		/* page hyperlink attributes */
a:hover {color: #334B60; text-decoration:none;}
a:visted {colour: #334B60; text-decoration:none;}
a:active {color: #334B60; text-decoration:none;}

.border a {color:#DE982F; text-decoration:underline;}
.border a:hover {color:#DE982F; text-decoration:underline;}
.border a:visited {color:#DE982F; text-decoration:underline;}
.border a:active {color:#DE982F; text-decoration:underline;}

.border2 a {color:#DE982F; text-decoration:underline;}
.border2 a:hover {color:#DE982F; text-decoration:underline;}
.border2 a:visited {color:#DE982F; text-decoration:underline;}
.border2 a:active {color:#DE982F; text-decoration:underline;}

.border3 a {color:#333333; text-decoration:underline;}
.border3 a:hover {color:#333333; text-decoration:underline;}
.border3 a:visited {color:#333333; text-decoration:underline;}
.border3 a:active {color:#333333; text-decoration:underline;}

p {padding: 0.1em 0 0.8em;}		/* page paragraph attributes */

h1 {font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; color:#666666;}		/* page heading attributes */
h2 {font: normal 1.5em Georgia,sans-serif;}
h3 {font: bold 1.3em Tahoma,sans-serif;}

.text_small {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color:#666;
}

#info {
visibility:visible;
}

#info a:hover {
visibility:hidden;
}


/*content*/

#master {				/* Container for all page content setting width and margin properties */
	width: 990px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	left: 0px;
	top: 0px;
	z-index:1;
}

#head_section {			/* Contains headers and menu, content will then start x number of pixels from top defined by height:..px */
position:relative;
left:0px;
top:0px;
width:100%;
height:78px;
z-index:3;
}

#header {				/* Fixed size header, adjust width & height and make margin-left minus half of image width (eg. -250px) */
position:absolute;
left:10px;
top:0px;
width:288px;
height:78px;
z-index:5;
}

#header_spacer {		/* Spacer behind #header. Can be a colour or a spacer image */
position:absolute;
left:0px;
top:0px;
width:100%;
height:78px;
z-index:0;
color:#FFFFFF;
background: url(OSA_images/onestep_header_spacer.jpg) repeat-x;
}

#menu {
position:absolute;
width:700px;
height:24px;
right:10px;
top:53px;
z-index:3;
}

#menu_line {
position:absolute;
width:680px;
height:3px;
right:10px;
top:72px;
z-index:3;
}

#contact {
position:absolute;
width:380px;
height:15px;
top:10px;
right:10px;
}

#content_left {			/* same as above */
position:relative;
top:0px;
left:0px;
width:17.6%;
height:100%;
float:left;
padding:1%;
}

#content_centre {			/* same as above */
position:relative;
top:0px;
left:0px;
width:58.6%;
float:left;
padding:1%;
}

#centrebox {			/* same as above */
width:100%;
height:264px;
float:left;
}

#centrepiece {			/* same as above */
position:relative;
width:100%;
height:264px;
float:left;
padding-top:1%;
padding-bottom:1%;
}

#clear {
clear:both;
}

#centre_title {
position:absolute;
top:5px;
left:0px;
width:581px;
height:24px;
}

#centre_step1 {
position:absolute;
top:224px;
left:7px;
width:93px;
height:25px;
}

#centre_step2 {
position:absolute;
top:184px;
left:101px;
width:93px;
height:25px;
}

#centre_step3 {
position:absolute;
top:144px;
left:197px;
width:93px;
height:25px;
}

#centre_step4 {
position:absolute;
top:104px;
left:290px;
width:93px;
height:25px;
}

#centre_step5 {
position:absolute;
top:64px;
left:383px;
width:93px;
height:25px;
}

#centre_step6 {
position:absolute;
top:26px;
left:478px;
width:80px;
height:23px;
}

#centre_image1 {
position:absolute;
top:40px;
left:15px;
width:200px;
height:150px;
}

#centre_image2 {
position:absolute;
top:105px;
left:365px;
width:200px;
height:150px;
}

#head1 {
position:relative;
text-align:center;
width:100%;
background-color:#333;
padding:0px;
color:#FFFFFF;
}

#content_right {		/* adjust the width, padding and font attributes. DO NOT change relative positioning */
	background:transparent;
	position: relative;
	float:right;
	width: 17.6%;
	height:100%;
	padding:1%;
	right: 0px;
	top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif, "Myriad Pro", "Myriad Pro Cond", "Myriad Pro Light";
	font-size: 11px;
	color:#334B60;
	text-align: left;
	z-index:3;
}

#footer {				/* same as content_right */
	position:relative;
	left:0px;
	float:left;
	width:100%;
	height:20px;
	z-index:3;
	background-color:#666666;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-align: center;
	border-top:#FF6666 solid 1px;
	border-bottom:#FF6666 solid 1px;
}

/* Rounded corners on border. Images can be replaced but filenames must include each prefix (i.e. vert, horiz, tl etc) */

/* Javascript must be enabled for this to display. Use class .border_non_js otherwise and remove script in head section. */

.border {
	background: url(OSA_images/vert_border_dkorange.jpg) repeat-y left;
	margin:0px;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color: #666666;
	width:100%;
	text-align:justify;
}

.border div {
  background: transparent url(OSA_images/vert2_border_dkorange.jpg) repeat-y right;
}
.border div div {
  background: transparent url(OSA_images/horiz2_border_dkorange.jpg) repeat-x top;
}
.border div div div {
  background: transparent url(OSA_images/horiz_border_dkorange.jpg) repeat-x bottom;
}
.border div div div div {
  background: transparent url(OSA_images/tl_border_dkorange.jpg) no-repeat top left;
}
.border div div div div div {
  background: transparent url(OSA_images/tr_border_dkorange.jpg) no-repeat top right;
}
.border div div div div div div {
  background: transparent url(OSA_images/bl_border_dkorange.jpg) no-repeat bottom left;
}
.border div div div div div div div {
  background: transparent url(OSA_images/br_border_dkorange.jpg) no-repeat bottom right;
  padding: 10px;
}
.border div div div div div div div div {
  background: transparent url(images/clear.png) no-repeat bottom right;
}

.border2 {
	background: url(OSA_images/vert_border_ltorange.jpg) repeat-y left;
	margin:0px;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color: #666666;
	width:100%;
	text-align:justify;
}

.border2 div {
  background: transparent url(OSA_images/vert2_border_ltorange.jpg) repeat-y right;
}
.border2 div div {
  background: transparent url(OSA_images/horiz2_border_ltorange.jpg) repeat-x top;
}
.border2 div div div {
  background: transparent url(OSA_images/horiz_border_ltorange.jpg) repeat-x bottom;
}
.border2 div div div div {
  background: transparent url(OSA_images/tl_border_ltorange.jpg) no-repeat top left;
}
.border2 div div div div div {
  background: transparent url(OSA_images/tr_border_ltorange.jpg) no-repeat top right;
}
.border2 div div div div div div {
  background: transparent url(OSA_images/bl_border_ltorange.jpg) no-repeat bottom left;
}
.border2 div div div div div div div {
  background: transparent url(OSA_images/br_border_ltorange.jpg) no-repeat bottom right;
  padding: 10px;
}
.border2 div div div div div div div div {
  background: transparent url(images/clear.png) no-repeat bottom right;
}

.border3 {
	background: #F4DDBB url(OSA_images/vert_border_solidorange.jpg) repeat-y left;
	margin:0px;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color: #666666;
	width:100%;
	text-align:justify;
	clear:both;
}

.border3 div {
  background: transparent url(OSA_images/vert2_border_solidorange.jpg) repeat-y right;
}
.border3 div div {
  background: transparent url(OSA_images/horiz2_border_solidorange.jpg) repeat-x top;
}
.border3 div div div {
  background: transparent url(OSA_images/horiz_border_solidorange.jpg) repeat-x bottom;
}
.border3 div div div div {
  background: transparent url(OSA_images/tl_border_solidorange.jpg) no-repeat top left;
}
.border3 div div div div div {
  background: transparent url(OSA_images/tr_border_solidorange.jpg) no-repeat top right;
}
.border3 div div div div div div {
  background: transparent url(OSA_images/bl_border_solidorange.jpg) no-repeat bottom left;
}
.border3 div div div div div div div {
  background: transparent url(OSA_images/br_border_solidorange.jpg) no-repeat bottom right;
  padding: 10px;
}
.border3 div div div div div div div div {
  background: transparent url(images/clear.png) no-repeat bottom right;
}