@charset "UTF-8";

/*
--------------------------------------------------------------
squeezecreative.com.au
Stylesheet: skin.css
Author:   	Squeeze Creative
Version:  	3 June 2009
-------------------------------------------------------------- */


/* CSS Reset
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {outline: 0;}
body {line-height: 1.5;}
ol, ul {list-style-type: none;}
table {border-collapse: collapse; border-spacing:0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote, q {quotes: "" "";}
img {margin: 0; padding: 0;}
a img { border: none; }


/* Default Setting (900)
-------------------------------------------------------------- */

* { margin: 0; padding: 0; }

html { height:101%; }

body { 
	padding: 0;
  	color: #666;
  	background:  #0077b6 url(assets/bgTile.png) repeat-y center;
  	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
		
/* The font-size percentage is of 16px. (i.e., 0.75 x 16px = 12px) */


/* Layout
-------------------------------------------------------------- */

#wrap { 
	font-size:75%;
	width: 900px; 
	margin: 0 auto;
	padding: 154px 40px 0 40px;
	background: url(assets/bgHeader.png) top center no-repeat;
}

#contentWrap { 
	width: 860px; 
	padding: 20px;
	float: left;
}

.row {
	 width: 860px; 
	 margin-bottom: 12px; 
	 overflow: hidden; 
}

.rowSml {
	width: 642px; 
	margin-bottom: 12px; 
	overflow: hidden; 
}

.side {
	width: 206px; 
	margin: 0 12px 12px 0; 
	float: left;
}

.stack { 
	padding-bottom: 10px; 
	border-bottom: 1px solid #888; 
	margin-bottom: 20px; 
}


/* Side Nav
-------------------------------------------------------------- */

ul.sideNav { 
	height: 25px;
	line-height: 25px;
	font-weight: normal; 
}

ul.sideNav li {
	width: 195px;
	display: block;
	padding: 3px 0;
	border-bottom: 1px dotted #999;
}

ul.sideNav a:link,
ul.sideNav a:visited,	
ul.sideNav a:active		{ color: #666; text-decoration: none; display: block; }
ul.sideNav a:hover		{ color: #111; }

ul.sideList li {
	text-indent: 12px;
	height: 15px;
	line-height: 15px;
	width: 195px;
	display: block;
	border-bottom: none ;
}

ul.sideList a:link,
ul.sideList a:visited,	
ul.sideList a:active	{ color: #666; text-decoration: none; display: block; }
ul.sideList a:hover		{ color: #111; }

.current { color: #007fbb; font-weight: normal; }


/* Columns (span)
-------------------------------------------------------------- */

.span1, 
.span1End { float: left; overflow: hidden; }

.span1 { width: 206px; margin-right: 12px; }

.span1End { width: 206px;}

.span2, 
.span2End { float: left; overflow: hidden; }

.span2 { width: 424px; margin-right: 12px; }

.span2End { width: 424px; }

.span3 { float: left; overflow: hidden; width: 580px; margin-bottom: 40px; }

.spanCapBlue, .spanCapGray {  
	height: 30px; 
	line-height: 30px;
	text-align: right;
	padding-right: 12px;
}

.spanCapBlue a:link,
.spanCapGray a:link,
.spanCapBlue a:visited,
.spanCapGray a:visited {
	color: #fff;
	text-decoration: underline;
	text-transform: lowercase;
	font-weight: normal;
}

.spanCapBlue a:hover, 
.spanCapGray a:hover { text-decoration: none; }

.spanCapBlue { background: url(assets/spanCapBlue.png) no-repeat; }

.spanCapGray { background: url(assets/spanCapGray.png) no-repeat; }

.spanBodyBlue { 
	height: 160px;
	background-color: #e6f5fc; 
	padding: 12px; }

.spanBodyGray { 
	background-color: #f0f1f1; 
	padding: 12px; 
	height: 160px;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3 { margin: 0.8em 0; font-weight: bold; letter-spacing: -0.03em; }

h1 { font-size: 1.3em; color: #0077b6; }
h2 { font-size: 1.2em; color: #666; }
h3 { 
	font-size: 1.2em; 
	color: #333; 
	text-transform: uppercase; 
	margin-bottom: 20px;
	border-bottom: 1px solid #999; 
}


/* Text elements
-------------------------------------------------------------- */

a:link, 
a:active, 
a:visited {	color: #333; text-decoration: underline; }

a:hover { color: #333; text-decoration: none; }

ul.contact li {
	line-height: 17px;
}

p { margin: 0 0 .5em; }
p img { padding-bottom: 0px; }
em { font-style: oblique; color: #333; }
strong { font-weight: bold; color: #333; }

.blueTitles { font-weight: bold; color: #007fbb; text-transform: uppercase; }

hr { color: #999; background: #999; border: 0; height: 1px; margin: 20px 0; }

.blueLinks { width: 100%; height: 100%; line-height: 25px; }

.blueLinks a:link,
.blueLinks a:active,
.blueLinks a:visited {	color: #007fbb; text-decoration: underline; }

.blueLinks a:hover { color: #007fbb; text-decoration: none; }


/* Footer
-------------------------------------------------------------- */		

#footer {
	width: 860px; 
	height: 50px; 
	padding-top: 10px; 
	font-size: smaller;
	text-align: center;
	color: #999;
	border-top: 1px solid #999;
	margin-top: 12px;
} 

#footer a:link, 
#footer a:active,
#footer a:visited {	color: #007fbb; text-decoration: underline; }
#footer a:hover { color: #007fbb; text-decoration: none; }


/* Misc structural elements
-------------------------------------------------------------- */		

div.clear { clear: both; }

.right { text-align: right; float: right; }
.left { text-align: left; float: left; }
.center { text-align: center; }