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

/* Navigation
******************************/

#nav_bar {
	height:30px;
	width:979px;
	margin:0px 0;
	font-family:"Myriad Pro",Helevetica,Arial,sans-serif;
	font-size:18px;
	padding:0 0 0 18px;
}

	#nav_bar a {
			  	text-decoration:none;
				color:#f8f8f8;
				float:left;
				padding:33px 0 0 26px;
	}
	
	#nav_bar a.current-page {
				background:url(nav-current-page.gif) no-repeat;
				margin:21px 0;
				}
				
				#nav_bar a.current-page span {
							color:#FFF;
							padding:0px;
							}
	
	#nav_bar a:hover {
				color:#82A317;
	}
	
	#nav_bar a span {
			  	text-decoration:none;
				color:#404040;
				font-size:14px;
	}
	
a.pdflink {
			background:url(pdf_icon.png) no-repeat;
			padding:2px 0px 3px 27px;
			border:none;
			font-weight:bold;
			float:left;
			font-size:10px;
}


/*HTML Selectors
******************************/

img {
			border: none;
}

img.logo {
			float:left;
			margin:31px 0 0 60px;
}

div.social_media_phone {
			float:right;
			margin:6px 35px 0;
}

table {
			border:none;
			margin-left:-2px;
}

td {
			vertical-align:top;
}

h1 {
			color:#313131;
			color:#666;
			font:20px "Myriad Pro",Helevetica,Arial,sans-serif;
			line-height:100%;
			font-weight:normal;
			margin:0 0 2px 0px;
			}
			
			h1 span {
				color:#0F81BB;
				font:13.0px "Arial Narrow",Arial,Helevetica,sans-serif;
				font-weight:bold;
				text-transform:uppercase;
				margin:5px 0;
			}

/*h2 {
			color:#0F81BB;
			letter-spacing:.05em;
			font:12px "Myriad Pro",Helevetica,Arial,sans-serif;
			line-height:100%;
			font-weight:normal;
			margin:0 0 2px 0px;
}
*/

h2 {
			font:26px "Myriad Pro",Helevetica,Arial,sans-serif;
			color:#0F81BB;
			font-style:italic;	
			letter-spacing:1px;
			margin:0px;
			line-height:28px;
}

h3 {
			margin:0;
			text-align:left;
			font-family:bold Verdana, sans-serif;
			font-size:12px;
			color:#0F81BB;
			line-height:25px;
			text-transform:uppercase;
			letter-spacing:1px;
			}
			
			h3 a {
				color:#7DA31F;
				text-decoration:none;
			}

h4 {
			font:18px "Myriad Pro",Helevetica,Arial,sans-serif;
			color:#0F81BB;
			font-style:italic;	
			letter-spacing:1px;
			margin:15px 0px 3px 0px;
}

ul {
			list-style:url(bullet_point.gif) outside;
			line-height:140%;
}

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

body   {
			font-family:Helvetica, Tahoma, Arial, sans-serif;
			font-size:11px; 
			margin:0; 
			padding:0;
			text-align:center;
			color:#424242;
			line-height:170%;
			word-spacing:.05em;
			text-align:justify;
			/* define background image */
  			background-image:url(body-background.png), url(chequered_bg.gif);
			background-repeat:repeat-x, repeat;
  			width:100%;
  			display:table; 
/* background-size: 3000px 400px;
*/ }

#container { 
			width:1000px;
			margin:0 auto; /* the auto margins (in conjunction with a width) centre the page */
			text-align:left; /* this overrides the text-align: center on the body element. */
			font-size:11px;
			background:#EBE7E6;
}

#header {
			height:144px;
			width:1000x;
			background:url(header-bg.jpg);
			}
			
			#header img.skopos-logo {
				float:left;
				margin:21px 0 0 26px;
			}

.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;
}

#main {
		width:1000px;
		height:700px;
		background-image:url(gradient-lower.jpg),url(gradient-upper.jpg); 
		background-position:bottom,top; 
		background-repeat:no-repeat,no-repeat;
		background-color:#EBE7E8;
		padding:21px 0px;
		margin:48px 0px 0px 0px;
		color:#525252;
		}
		
		#main.testimonials-page {
				height:auto;
				padding:61px 115px 160px 115px;
				font-size:12.0px;
				width:770px;
		}
		
		#main.subpage {
				height:auto;
				padding:61px 175px 160px 175px;
				font-size:12.0px;
				width:650px;
		}
		
		#main.subpage a {
				text-decoration:none;
				color:#1482b5;
		}
		
#panel {
		background:url(homepage-panel.jpg);
		width:957px;
		height:310px;
		margin:0px 0px 0px 22px;
}

#homepage-lower {
		margin:-401px 0px;
		width:826px;
		float:left;
		padding:20px 87px 0px 87px;
		font-size:12px;
		float:left;
		z-index:998;
		position:relative;
		color:#525252;
		}
		
		#homepage-lower a {
				text-decoration:none;
				color:#1482b5;
		}
		
#contact {
		float:right;
		width:160px;
		height:40px;
		color:#9b9d9c;
		margin:29px 87px 0px 0px;
		text-align:right;
		}
		
		#contact h1 {
			margin:0 0 -5px 0px;
			color:#9b9d9c;
		}

.really_emphasize {
			font-weight:bold;
			margin:-15px 0px -7px 0px;
			float:right;
			font:26px "Myriad Pro",Helevetica,Arial,sans-serif;
}

a.envelope {
			background:url(envelope_icon.png) left no-repeat;
			float:right;
			padding:0 0 0 23px;
			margin:7px 0;
			color:#7DA31F;
			text-decoration:none;
}

#intro {
		width:506px;
		font-size:12.5px;
		}
		
		#intro td {
			background:url(green-arrow.gif) left no-repeat;
			padding:0 0 0 15px;
				
		}
		
p.arrow {
		background:url(green-arrow.gif) left top no-repeat;
		padding:0px 0px 0px 15px;
}

a.big-link {
			color:#666;
			font-family:"Arial Narrow",Arial;
			font-size:13px;
			font-weight:bold;
			float:right;
			margin:-449px 26px 0;
			padding:0 45px 0;
			text-transform:uppercase;
			text-decoration:none;
			background:url(circle-arrow.gif) right no-repeat;
			z-index:999;
			position:relative;
}

#testimonials {
		float:right;
		width:193px;
		height:310px;
		padding:20px 0px 0px 21px;
		background:url(testimonials-bg.jpg) top no-repeat;
		}
		
		#testimonials div.quote {
			float:left;
			margin:60px 0px 0px -21px;
		}
		
		
		
		
#footer {
		background:url(footer-bg.jpg) bottom no-repeat #3B393A;
		width:1000px;
		height:170px;
		float:left;
}

#smallprint {
			color:#9b9d9c;
			font-size:10px;
			float:left;
			margin:147px 0 0 26px;
			}

			#smallprint a {
				text-decoration:none;
				color:#7DA31F;
			}
			
.fltlft {
			float: left;
}

.fltrt {
			float: right;
}

.larger {
			font-size-adjust:0.70;
}

.emphasize {
   			font-weight:bold;
}

.italic {
			font-style:italic;
}

#rounded_box {
			color:#FFF;
			float:left;
			width:500px;
			margin:10px 0;
	}

	#rounded_box div.top {
				height:15px;
				background:url(rounded_box_top.gif) no-repeat;
				float:left;
				width:500px;
	}
	
	#rounded_box div.middle {
				background:url(rounded_box_mid.gif) repeat-y;
				float:left;
				padding:0px 20px 0px 20px;
				width:460px;
	}
	
	#rounded_box div.bottom {
				height:15px;
				background:url(rounded_box_bottom.gif) no-repeat;
				float:left;
				width:500px;
	}
	
#slideshow {
			float:left; 
			height:222px; 
			margin:10px 0 0 25px;
}

#slides {
			position:relative; 
			width:827px;
			height:220px; 
			list-style:none; 
			overflow:auto;
			}

			#slides div.text {
						float:right;
						width:353px;
/*						width:340px
*/						height:234px;
						font-size:12px;
						color:#525252;
						line-height:160%;
						margin:1px 83px 0px 0px;
		}
			
			#slides div.align {
						height:190px;
			}

.pagination {
			float:right; 
			list-style:none; 
			margin:-79px 60px 0px 0px; 
			z-index:998;
			position:relative;
			}
			
			.pagination li {
						float:left; 
						cursor:pointer;
						width:10px;
						height:10px;
						background:url(square_white.png);
						margin:0 4px 0 ;
			}
			
			.pagination li:hover {
						background:url(square_green.png);
			}
			
			li.current {
						background:url(square_green.png);
			}
	
 /* Customise Google Map */
 
#map_canvas {
			float:left;
			margin:7px 15px 0px 0px;
			}
		
			#map_canvas iframe {
						border:1px solid #999999;
						width:425px;
						height:350px;
			}
			
			#map_canvas a {
						color:#7EA55A;
						font-size:9px;
						text-decoration:none;
			}
	
/* Portfolio Page */

#website-portfolio {
			width:714px;
			float:left;
			margin:0px 0px 0px -35px;
}

.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;
}

/* Testimonials Page */

.topic {
			border-bottom: 1px dashed #7DA31F;
			padding: 20px 0px 12px 0px; 
}

.testimonial {
			margin:22px 35px;
			padding:0 29px;
			background: url("left-quote.gif") no-repeat top left;
}

/*** Form Elements ***/

label {
			display:block;
			font-style:italic;
			margin:3px 0 0 1px;
}
		
input.formInputField {
			border:solid 1px #C5C5C5;
			background-color:#FFFFFF;
			color:#666666;
			font-size:10px;
			margin-bottom: 3px;
			padding:2px;
			height:13px;
			width:160px;
}

textarea { 
			border:solid 1px #C5C5C5;
			background-color:#FFFFFF;
			color:#666666; 
			font-size: 10px;
			width:165px;
}

fieldset {
			width:225px;
			background-color:#F6F6F6;
			border:solid 1px #CCCCCC;
			padding:10px 10px 10px 10px;
}

div.contact {
			float:right;
			width:220px;
			height:250px;
			margin:0 150px 0 0;
}
				
div.form {
			float:left;
			width:680px;
}