/* CSS RESET =============================================== */
body,div,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0;}
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal;}
ol,ul { list-style:none; }
caption,th { text-align:left;}
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; margin:0 }
q:before,q:after { content:'';}
abbr,acronym { border:0;}



/* GLOBAL CSS =============================================== */

html{
	background: #ebebeb url('../images/bg_main.jpg') repeat-x;
	background-position: top center;}
body {

	font-family: Arial, Verdana, san-serif;
	font-size: 12px;
	color: #454546;
}

a:link, a:visited, a:active {
	color: #003473;
	text-decoration: none;
}
a:hover {
	color: #000;
	text-decoration: none;
}



/* TEXTSTYLE CSS downwards =============================================== */
.sydneywebdesign {
	color: #767676;
	font-size: 11px;
}

.sydneywebdesign a:link, .sydneywebdesign a:active, .sydneywebdesign a:visited {
	color: #767676;
	font-size: 11px;
}

.sydneywebdesign a:hover {
	color: #fff;
	font-size: 11px;
}

h1 {
	color: #000;
	font-family: Arial, sans-serif;
	font-size: 24px;
}

h2 {
	color: #fff;
	font-family: Arial, sans-serif;
	font-size: 21px;
	margin-bottom: 8px;
}

h3 {
	color: #fff;
	font-size: 24px;
}

.subheading {
	color: #989898;
}

.greytitle a:link, .greytitle a:visited, .greytitle a:active {
	color: #87898c;
	font-size: 18px;
}

.greytitle a:hover {
	color: #000;
}

.green {
	color: #b7be34;
	font-size: 24px;
}

.orange {
	color: #f79321;
	font-size: 24px;
}

.blue {
	color: #047cc1;
	font-size: 24px;
}

.smalltext {
	font-size: 11px;
}

.floater {
	float: left;
}

.topnavpad {
	margin-right: 30px;
}

#topnav a:link, #topnav a:active, #topnav a:visited {
	color: #c3c3c3;
}

#topnav a:hover {
	color: #fff;
}

.toggle{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity:1;
}

.toggle:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
opacity:0.8;
}
	
/* TEXTSTYLE CSS upwards =============================================== */



#wrapper {
	width: 800px;
	margin: auto;
}



/* DIV CONTENT =============================================== */
#topnav {
	width: 700px;
	text-align: right;
	height: 45px;
	line-height: 45px;
	color: #fff;
	float: right;
}

#logo {
	width: 165px;
	float: left;
}

#header {
	width: 800px;
	margin: 1px 0 28px 0;
	float: left;
}

#contentMAIN {
	width: 800px;
	float: left;
}

#menu {
	width: 545px;
	padding-top: 46px;
	float: right;
}

#contentTEXT {
	background: #fff;
	width: 760px;
	padding: 20px;
	float: left;
}

#contentPHOTOS {
	width: 420px;
	margin: 0 25px 28px 0;
	float: left;
}

.thumb {
	width: 104px;
}

#contentSPECS {
	width: 285px;
	padding-left: 25px;
	margin-bottom: 35px;
	float: right;
}

#contentDETAILS {
	width: 310px;
	color: #000;
	float: right;
}

.detaillist td {
	border-bottom: 1px solid #dfdfdf;
	height: 25px;
	line-height: 25px;
}

.maininfo {
	color: #666666;
	text-align: right;
}

.extras {
	background: #dfdfdf;
	color: #454546;
	padding: 10px 15px 10px 0;
	text-align: right;
}

.extras a:link, .extras a:active, .extras a:visited {
	color: #454546;
}

.extras a:hover {
	color: #fff;
}

#contentDESCR {
	width: 420px;
	float: left;
}

/* FOOTER ============================================================ */

#footpanel {
	background: #87898c;
	width: 785px;
	margin-top: 20px;
	padding: 22px 15px 15px 0;
	float: left;
}

#footpanel a:link, #footpanel a:visited, #footpanel a:active {
	color: #d4d3d3;
}

#footpanel a:hover {
	color: #fff;
	line-height: 26px;
}

.footbox1 {
	padding-left: 20px;
	width: 245px;
	float: left;
}

.footbox2 {
	padding-left: 25px;
	width: 228px;
	border-left: 1px solid #aaadb1;
	float: right;
}

.footinput {
	background: #acacac;
	border: 0;
	padding: 2px 5px 2px 5px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #dfdfdf;
}

.footsubmit {
	padding: 6px;
}

.footList {
	list-style-image: url('../images/bullet01.gif');
	line-height: 26px;
	padding-left: 20px;
}

#footer {
	background: #000;
	width: 780px;
	padding-left: 20px;
	height: 37px;
	line-height: 37px;
	float: left;
}
/* FOOTER ============================================================ */


/* Top Nav elements enclosed down ================================*/
#nav, #nav ul { /* all lists */
	padding: 0;
	list-style: none;
	float:left;
	width:545px;
}


#nav li { /* all list items */
	float: left;
	margin:0;
	padding:0;
	width:auto; /* width needed or else Opera goes nuts */

}


/* first level */
#nav li a:link, #nav li a:visited {
	display:block;
	text-decoration:none;
}

#nav li a:hover, #nav li a.active:link, #nav li a.active:visited {
	background-position:0 -55px;
	background-color: #000;
	color: #fff;
}



/* second level - dropdown menu */
#nav li ul {
	background: url('../images/spacer.gif') repeat;
	position: absolute;
	width: 145px;
	left: -999em;
}

#nav li:hover ul {
	left: auto;
}


#nav li ul a{
	background-color:#fff;
	width:145px;
	height:23px;
	text-indent:25px;
	margin:1px 0 0 0;
	line-height: 23px;
	color:#000;
	text-decoration:none;
	font-size:11px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity:0.8;
}


/*button background images are set underneath**/
#nav li a.nav1:link, #nav li a.nav1:visited {
	background-image:url('../images/nav1.jpg');
	width:104px;
	height:55px;
	margin-right: 1px;
}

#nav li a.nav2:link, #nav li a.nav2:visited {
	background-image:url('../images/nav2.jpg');
	width:116px;
	height:55px;
	margin-right: 1px;
}

#nav li a.nav3:link, #nav li a.nav3:visited {
	background-image:url('../images/nav3.jpg');
	width:100px;
	height:55px;
	margin-right: 1px;
}

#nav li a.nav4:link, #nav li a.nav4:visited {
	background-image:url('../images/nav4.jpg');
	width:222px;
	height:55px;
}
/* Top Nav elements enclosed up */

.mainpic{
width:419;
height:253;
}

.thumb img{
width:104;
height:68;
}

