/* @override http://www.fremantlestone.com.au/css/fremantlestone.css */

body {
	font-size: 62.5%;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-color: #202c35;
	color: #fff;
}

/* @group Background Image */

body, .depth-1 .selected a {
	background-attachment: fixed;
	/*background-image: url(/utils/randomimage.php?dir=/upload/template/fremantlestone/backgrounds/);*/
	background-position: center top;
	background-repeat: no-repeat;
}

/* @end */

/* @group Panels */

#container {
	position: relative;
	width: 960px;
	margin: 0 auto;
}

#banner {
	height: 296px;
	text-align: center;
}

#banner h1 {
	padding: 20px 0 15px 0;
}

#banner h2 {
	font-size: 3em;
	font-family: "Arial Black", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 1.4;
}

#footer {
	margin-top: 40px;
	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	padding: 10px 0;
	color: #666;
}

#footer a {
	padding: 0 10px;
}

#content {
	padding: 20px;
}

/* @end */

/* @group Fonts */

#content h1 {
	font-size: 2em;
	font-family: "Arial Black", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 1.4;
	margin-bottom: 1em;
}

#content h2 {
	font-size: 1.6em;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 1.4;
	margin: 1em 0 0 0;
	color: #d9c99d;
}

#content h3 {
	font-size: 1.4em;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 1.4;
}

#content h4 {
	font-size: 1.2em;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 1.4;
}


#content p {
	font-size: 1.2em;
	line-height: 1.4;
	margin-bottom: 0.5em;
}

#content li {
	font-size: 1.2em;
	line-height: 1.4;	
}

#content li li, #content li p {
	font-size: 1em;
}

#content ul {
	padding: 10px 0 10px 15px;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	color: #d9c99d;
}

hr {
	padding: 3em 0 0 0;
	visibility: hidden;
}

.right {
	padding-left: 5px;
}

/* @end */

/* @group Navigation */

.depth-0 {
	position: absolute;
	top: 156px;
	left: 0;
	height: 38px;
	width: 960px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: center;
	padding: 0;
}

.depth-0 li {
	float: left;
	padding: 0;
}

.depth-0 a {
	float: left;
	font-weight: bold;
	font-size: 1.2em;
	color: #d9c99d;
	text-decoration: none;
	border-left: 1px solid #666;
	padding: 13px 0 0 0;
	height: 25px;
	width: 119px;
}

.depth-0 a:hover {
	color: #ff0000;
}

.depth-0 .p1 a {
	border-left: none;
}

.depth-0 .p8 {
	/*padding-right: 0;*/
	/*text-align: right;*/
}

.depth-0 .selected a {
	color: #fff;
}

.depth-1 {
	position: absolute;
	top: 196px;
	left: 0;
	width: 920px;
	padding: 40px 20px 0 20px;
	border-bottom: 1px solid #fff;
	background-image: url(../upload/template/fremantlestone/tab-background.png);
}

.depth-1 li {
	float: left;
}

.depth-1 a {
	float: left;
	font-weight: bold;
	font-size: 1.2em;
	color: #d9c99d;
	width: 110px;
	height: 26px;
	padding: 7px 10px;
	margin-right: 20px;
	margin-bottom: -1px;
	text-decoration: none;
	border: 1px solid #fff;
	border-bottom: none;
}

.depth-1 a:hover {
	color: #ff0000;
}


.depth-1 .selected a {
	color: #fff;
	height: 26px;
	margin-bottom: -1px;
}

/* @end */

/* @group Gallery */

#content .gallery {
	overflow: hidden;
	margin: 0 0 0 -19px;
	padding: 0;
	width: 960px;
}

#content .gallery li {
	float: left;
	padding: 19px 0 0 19px;
}

#content .gallery a {
	position: relative;
	float: left;
	display: block;
	border: 1px solid transparent;
	text-decoration: none;
}

#content .gallery a .title {
	/*position: absolute;
	left: 0;
	bottom: 0;*/
	display: block;
	clear: left;
	float: left;
	padding: 10px 5px;
	margin: 0;
	height: 20px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: -0.05em;
	line-height: 1.4;
	color: #fff;	
}

#content .gallery a:hover {
	border: 1px solid #ff0000;
}

#content .gallery img {
	float: left;
}

#content .top {
	clear: left;
	display: block;
	margin: 20px 0;
	padding-left: 12px;
	background-image: url(../upload/template/fremantlestone/top-arrow-001.png);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

#content .top a {
	font-family: "Arial Black", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-size: 1em;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: -0.05em;
	line-height: 1.4;
}

#content .top a:hover {
	color: #ff0000;
}

/* @end */

/* @group Product List */

#content .newslist {
	overflow: hidden;
	margin: 0 0 0 -19px;
}

#content .item {
	float: left;
	position: relative;
	margin: 19px 0 0 19px;
}

#content .item h1 {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 15px 20px;
	margin: 0;
	font-size: 1.2em;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	width: 170px;
}

#content .item h1.dark {
	color: #0b1218;	
}

#content .item a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 210px;
	height: 210px;
	text-indent: -1000em;
	border: 1px solid transparent;
	background-image: url(../upload/template/fremantlestone/popup-icon-001.png);
	background-position: right top;
	background-repeat: no-repeat;
}

#content .item a img {
	float: left;
	line-height: 1;
}

#content .item a:hover {
	border: 1px solid #ff0000;
	background-image: url(../upload/template/fremantlestone/popup-icon-002.png);
	background-position: right top;
	background-repeat: no-repeat;
}

/* @end */

/* @group Billboard */

#feature-tabs {
	top: 180px;
	left: 0;
	height: 240px;
	width: 960px;
	border-bottom: 1px solid #fff;
	margin-bottom: 40px;
}
 
#feature-tabs #tabs {
	position: absolute;
	left: 700px;
	margin: 0;
	padding: 0;
	z-index: 1;
	list-style-type: none;
}
 
#feature-tabs #tabs li {
	padding: 0;
	margin: 0;
	font-size: 1em;
	position: relative;
}
 
#feature-tabs #tabs li a {
	position: relative;
	display: block;
	width: 235px;
	padding-right: 25px;
	height: 59px;
	text-decoration: none;
	color: #d9c99d;
	font-weight: bold;
	z-index: 2;
	cursor: default;
}

#feature-tabs #tabs li {
	border-top: 1px solid #fff;
}

#feature-tabs #tabs #tabcontrol1 {
	border-top: none;
	height: 60px;
}

#content #feature-tabs #tabs #tabcontrol1 a {
	height: 61px;
}



#feature-tabs #tabs a.active-tab, #feature-tabs #tabs li a:hover {
	z-index: 1;
	color: #fff;
	border-right: 25px solid #fff;
	padding-right: 0;
	cursor: pointer;
}

 
#feature-tabs #tabs a .title {
	display: block;
	font-size: 1.8em;
	padding: 7px 20px 0 20px;
	overflow: hidden;
	line-height: 1.2;
	overflow: hidden;
}
 
#feature-tabs #tabs a .description {
	display: block;
	font-size: 1.2em;
	padding: 5px 10px 0 20px;
	overflow: hidden;
	color: #555;
}

#feature-tabs #tabs a.active-tab .title, #feature-tabs #tabs a.active-tab .description {
	color: #fff;
}

#feature-tabs #tabs li a.pagelink {
	display: none;
}
 
#feature-tabs .panel {
	position: relative;
	display: none;
	width: 485px;
}
 
#feature-tabs .panel.active-tab-body {
	display: block;
}
 
#feature-tabs .panel .link {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	font-size: 1.2em;
	width: 700px;
	height: 240px;
}

#feature-tabs .panel .link a {
	position: absolute;
	top: 0;
	left: 0;
	text-decoration: none;
	color: #fff;
	padding: 5px 10px;
	font-size: 1.2em;
	width:680px;
	height: 230px;
}
 
#feature-tabs .panel a:hover {
	color: #fff;
	background-image: url(../upload/template/fremantlestone/transparent-001.png);
}
 
/* @end */

/* @group Crossfade */

#content .crossfade {
	margin: 0;
	padding: 0;
}

.crossfade li {
	visibility: hidden;
	position: absolute;
}

/* @end */

/* @group Grid */

.row1 {
	width: 960px;
	overflow: hidden;
}

.row3 {
	width: 920px;
}


.column1.one {
	width: 450px;
	float: left;
}

.column2.two {
	padding-left: 20px;
	width: 450px;
	float: left;
}

.column1.three {
	width: 920px;
}

/* @end */

/* @group Form */

#springform .checkboxlist {
	margin-bottom: 1.5em;
}

#springform .label {
	color: #d9c99d;
}

#springform .checkboxlist .label {
	position: absolute;
}

#springform .checkboxlist label {
	line-height: 1.8;
}

#springform .note {
	margin-top: 1em;
	font-size: 1.4em;
	font-style: normal;
	color: #d9c99d;
	font-weight: bold;
	text-transform: uppercase;
	border-top: 1px solid #666;
}

#springform .note.close {
	border: none;
	font-weight: normal;
	text-transform: none;
	font-size: 1.2em;
	font-style: italic;
	margin: 0;
	padding: 0 0 8px 5px;
}

#springform .note.strong {
	font-size: 2em;
	color: #fff;
	text-transform: none;
	border: none;
}
/* @end */