/* Default style sheet for www.skopos.com.au */



/* Navigation Bar */

#navbar {	
	font: bold 13px "Arial Narrow", Arial, sans-serif; 
	height: 23px;
	width: 700px;
	float: left;
	padding-left:70px;
	padding-left:47px;
	letter-spacing: .05em;
	}


#navbar a {	
	margin-left: 12px;
	margin-right:12px;
	color:#017EB6;
	border-bottom: none;
	text-align: center;
	vertical-align:top;
	}

#navbar a:hover {	
	color:#84BF4B; 
	}


#navbar span   {
	margin-left:12px;
	margin-right:12px;
	color: #3C9CC7;
	text-align: center;
	text-decoration: none;
	font: bold 13px "Arial Narrow"; 
	vertical-align:top;
	}


img.divider {
		border: 0px;
	}

img.phone {
		float:left;
		margin:9px 0 0 59px;
}


/* Layout
******************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; 
	color: #5C5C4E;
	line-height:160%;
	word-spacing:.05em;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	background-image: url(background.png);
	background-repeat: repeat-x;
	height: auto;
}

.oneColFixCtr #sub { /* different background for subpages */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px; 
	color: #5C5C4E;
	line-height:160%;
	word-spacing:.05em;
	margin: 0;
	padding: 0;
	text-align: center; 
	background-image: url(subpage_body_background.png);
	background-color:#3C9CC7;
	background-repeat: repeat-x;
	height: auto;
}

.oneColFixCtr #container {
	width: 774px;  
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColFixCtr #mainContent {
	padding: 0 ; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}

div.top {
			width: 774px;
			height: 127px;
			float:right;
			background-color:#FFFFFF;
}

div.index_footer {
			width:710px;
			float:left;
			background-image:url(mini_logo.png);
			background-repeat: no-repeat;
			padding-top: 8px;
			padding-left:50px;
			padding-bottom:30px;
			font-size: 10px;
			color: #017EB6;
			font-weight: normal;
}


.footer {
			padding-left:50px;
			font-size: 10px;
			color:#017EB6;
			font-weight: normal;
			background-image:url(mini_logo.png);
			background-repeat: no-repeat;
}

.emphasize {
			font-weight:bold;
			}

#homepage_main {
			width:774px;
			height:259px;
			float:left;
			position:relative;
			}
			
#homepage_main .homepage_text {
			margin:-160px 15px 0 0;
			font-weight:normal;
			width:486px;
			float:right;
			color:#333300;
			text-align:left;
			font-size:11px;
			position:relative;
			z-index:3;
			}
			
			
#homepage_main a {
			color:#333300;
			border-bottom:dotted 1px #333300;
			text-decoration: none;
			}

#squiggles {
			width:774px;
			height:258px;
			background-image:url(squiggles.png);
			background-repeat: no-repeat;
			background-color:#017EB6;
			float:left;
			top:400px;
}

#boxes {
			font-family:Arial, Helvetica, sans-serif;
			text-align:left;
}

#boxes a {
			border:none;
}

h1 {
			color:#425723;
			font-size:20px;
			letter-spacing:.05em;
			font-family: Arial, sans-serif;
			font-size:14pt;
			line-height:100%;
			font-weight:normal;
			margin:0 0 0 10px;
}

h1.subpage_heading {	
			margin:50px 0;
}

h2 {
			color:#84BF4B;
			font-size:14pt;
			letter-spacing:.05em;
			margin:0 0 0 10px;
			line-height:100%;
			font-weight:normal;
}

#boxes p {
			color:#425723;
			font-size:11px;
			margin-top:25px;
			margin-left:10px;
}

#box1 {
			float:right;
			margin-right:11px;
			font-family:Arial, Helvetica, sans-serif;
			width:160px;
}

#box2 {
			float:right;
			margin-right:11px;
			font-family:Arial, Helvetica, sans-serif;
			width:160px;
}

#box3 {
			float:right;
			margin-right:11px;
			font-family:Arial, Helvetica, sans-serif;
			width:160px;
			display: inline;
}

#logo {
			margin-right:29px;
			float:right;
			height:104px;
			width:168px;
			display: inline;
}

.larger {
			font-size: 16px;
			font-weight: normal;
			text-align: left;
			letter-spacing: 0.05em;
}


div.sub_content {
			min-height:830px;
			padding:50px 0 0 120px;
			font-family:Arial, Helvetica, sans-serif;
			line-height:170%;
			font-size:11px;
			background-image:url(subpage_background.png);
			background-repeat:repeat-x;
			}
			
div.align_sub_content {
/* fix inevitable alignment problem for IE6 */
			width:534px;
			}

/*** Ckasses ***/

img.biortec {
			margin-top:50px;
			margin-bottom:30px;
}

img {
 			border: none;
}

.fltlft {
			float: left;
			margin: 1px 18px 0 -65px;
 			padding: 3px;
			position:relative; /* prvents IE6 from truncating image */
}

.portfolio_fltlft {
			float: left;
			margin: 0px 0px 0 0px;
 			padding: 0px 6px 6px 0px;
}

.portfolio_fltlft_end {
			float: right;
			margin: 0px 0px 0 0px;
 			padding: 0px 0px 6px 0px;
}

.fltrt {
			float: right;
}

a {
			color:#5C5C4E;
			border-bottom:dotted 1px #5C5C4E;
			text-decoration:none;

}

ul { 
			list-style:url(right_arrow.png) outside;
			padding-top: 5px;
			padding-bottom: 5px; 
}

li {		font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 10px; 
			color: #666666;
			line-height: 170%;
			word-spacing: .05em;
			margin-bottom: 8px;
			margin-left: -22px;
			margin-top: 5px;
}

a.logolink {
			border:none;
}

a.smalllink {
			font-size: 10px;
			color: #017EB6;
			line-height: 160%;
			border-bottom: dotted 1px #FFFFFF;
			text-decoration: none;
}

a.smalllink:hover {
			border-bottom: none;
}

p.subheading {
			font-size:12px;
			letter-spacing:.2em;
			font-weight:bold;
			padding-left:4px;
			color:#FFFFFF;
			background-color:#84BF4B;
			width:inherit;
}

.italics {
			font-style:italic;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
			clear:both;
			height:0;
			font-size: 1px;
			line-height: 0px;
}