/* @override 
	http://seesawdesign.com.au.s47603.gridserver.com/css/template.css
	http://www.seesawdesign.com.au/css/template.css
*/

*{
	margin: 0;
	padding: 0;
}

html{
	height: 100%;
}

body{
	margin: 0;
	/* padding: 10px; */
	background-color: #000;
	min-width: 760px;
	position: relative;
	font-size: 75%;
	font-family: Arial, Helvetica;
	overflow-x: hidden;
	*height: 100%;
}

#border{
	background: #fff;
	*height: 100%;
	position: absolute;
	z-index: 1;
	margin: 10px;
}
#content{
	position: relative;
	z-index: 2;
	*height: 100%;
}
#inner_mask{
	height: 100%;
}

#logo img{
	border: none;
}
#logo{
	position: relative;
	z-index: 35;
	width: 86px;
	padding: 28px 0 0 28px;
}

p{
	margin-bottom: 1em;
}

#navigation{
	margin: 80px 15px 0;
	width: 270px;
	overflow: hidden;
	position: relative;
	z-index: 20;
	padding-left: 28px;
}

#navigation a, #navigation span{
	text-decoration: none;
	color: #000;
	text-transform: uppercase;
}

#navigation ul li ul li a:active, #navigation ul li ul li a:hover{
	color: #000;
}

#nav_opener{
	border-bottom: 1px solid #b6b6af;
	display: block;
	padding: 10px 0 10px 10px;
	background: URL(../images/layout_images/down_arrow.png) no-repeat 255px 11px;
	font-size: 0.9em;
}

a#nav_opener:hover{
	color: #000 !important;
}

#navigation ul#main_nav {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 270px;
	position: relative;
	z-index: 1000;
}

#navigation a:hover{
	color: #909193;
}
#bg_colour{
	background-image: url(../images/layout_images/nav-bg.png);
	width: 9000px;
	clear: both
}

.white{
	background-image: url(../images/layout_images/nav-bg.png);
}
.no_white{
	background-image: none;
}

#navigation ul li{
	padding: 8px 0;
	text-indent: 10px;
}

#navigation ul li ul {
	padding: 0;
	margin-top: -10px;
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation ul li ul li{
	padding: 0;
	text-indent: 10px;
	margin-bottom: 5px;
	font-size: 0.9em;
	background-image: none;
}

#navigation ul li ul li a{
	text-transform: capitalize !important;
	color: #909193;
}


#main_content{
	padding:10px 10px 0;
	font-size: 0.9em;
	float: left;
	width: 250px;
	line-height: 1.5em;
}

#main_content h2{
	font-size: 1.0em;
	font-weight: normal;
	text-transform: uppercase;
}

#main_content h4{
	font-size: 1.0em;
	font-weight: normal;
	text-transform: uppercase;
}

.image_nav{
	color: #909193 !important;
	line-height: 15px;
	width: 15px;
	height: 15px;
	margin: 0 5px 5px 0;
	text-align: center;
	display: inline-block;
}
a.image_nav:active, a.image_nav:hover, .selected_image_nav{
	color: #000 !important;
}


.page_link, .psuedo_page_link{
	font-size: 0.9em;
}
.lc_link a{
	text-transform: lowercase !important;
}

#client_images{
	position: absolute;
	/*left: 366px;*/
	top: 0;
	text-align: right;
	z-index: 10;
	margin: 10px;
}
#image_scroller{
	margin: 0;
	padding: 0;
	list-style: none;
}

.image_scroller img{
	
	box-shadow: 0.2em 0.2em #CCC
}


/* @group Common */

.clearline{
	clear: both;
	height: 0px;
	overflow: hidden;
}

/* @end */

#column_1, #column_2{
	font-size: 0.7em;
	float: left;
	width: 49%;
	display: inline;
}
#column_1{
	margin-right: 2%;
}

#page_prop{
	height: 100%;
	position: relative;
}

#loader{
	position: absolute;
	left: 470px;
	top: 75px;
}

/* Client Images
***************************/
#client_images_nav{
	position: absolute;
	width: 100%;
	height: 100%;
}

#client_images_up, #client_images_down{
	position: absolute;
	left: 50%;
	display: block;
	text-indent: -5000px;
	width: 15px;
	height: 15px;
	overflow: hidden;
	cursor: pointer;
	z-index: 5;
}
#client_images_up{
	top: 20px;
}
#client_images_down{
	bottom: 20px;
}

#main_content p span a{
	text-transform: lowercase;
}


/* Case studies
***************************/
#case_studies_ul{
	list-style-type: none;
	margin-bottom: 5px;
}
#case_studies_ul li{
	list-style-type: none;
	padding: 2px 0 !important;
}



/* Social Links
***************************/
.reverse_link{
	color: #909193 !important;
	text-transform: none !important;
}
.reverse_link:hover{
	color: #000 !important;
}