/* @override http://turtles.efront.com.au/main2.css */

* {
	margin:0;
	padding:0;
}

html, body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	height: 100%;
}

#wrapper {
	min-height: 100%;
    height: auto !important;
    height: 100%;
	width:1022px;
	margin:0 auto -60px;
}

#header {
	width:1000px;
	height:190px;
	background-image:url(images/header.jpg);
	background-repeat: no-repeat;
}
#header-left {
	width:20%;
	height:190px;
	background-image:url(images/header-left.jpg);
	background-repeat: repeat-x;
	float:left;
}


#navigation {
	width:840px;
	margin:-50px 80px 5px 80px;
	z-index: 1;
}


#content {
	width:1000px;
	height:auto;
}

#main-content {
	width:600px;
	margin:0px 0px 0px 83px;
	float:left;
	z-index: 1;
	
}
#main-content-wide {
	width:800px;
	margin:0px 0px 0px 83px;
	float:left;
	
}

#main-right {
	width:200px;
	height:380px;
	margin:0px 100px 0px 13px;
	float:right;
	background-image:url(images/right-side.gif);
	background-repeat:no-repeat;
}
#main-right-content {
	width:200px;
	min-height:380px;
	margin:0px 70px 0px 0px;
	float:right;

}

#main-section {
	width:850px;
	float:left;
	height:150px;
	margin:15px 70px 10px 80px;
}

#main-sub-section {
	width:195px;
	float:left;
	height:165px;
	background-image:url(images/section-bg.jpg);
	background-repeat:no-repeat;
	margin:0 13px 0 0;
}
#main-sub-section-download {
	width:195px;
	float:left;
	height:165px;
	background-image:url(images/section-downloads.jpg);
	background-repeat:no-repeat;
	margin:0 13px 0 0;
}
#main-sub-section-video {
	width:195px;
	float:left;
	height:165px;
	background-image:url(images/section-video.jpg);
	background-repeat:no-repeat;
	margin:0 13px 0 0;
}
#main-sub-section-about {
	width:195px;
	float:left;
	height:165px;
	background-image:url(images/section-about.jpg);
	background-repeat:no-repeat;
	margin:0 13px 0 0;
}
#main-sub-section-links {
	width:195px;
	float:left;
	height:165px;
	background-image:url(images/section-links.jpg);
	background-repeat:no-repeat;
	margin:0 13px 0 0;
}

#main-content h2{
	padding-left: 10px;
	padding-top: 5px;
	color: #336699;
	font-size: 16px;
	
}
#main-content-wide h2{
	padding-top: 5px;
	color: #336699;
	font-size: 16px;
	
}
#main-section h3{
	padding-left: 10px;
	padding-top: 5px;
	color: #336699;
	font-size: 14px;
	
}
#main-section a{
	text-decoration: none;
	
}

#main-bottom {
	width:840px;
	float:left;
	font-size:11px;
	color:#666;
	margin:10px 70px 10px 80px;
}

#main-bottom-left {
	width:400px;
	float:left;
}

#main-bottom-right {
	width:400px;
	float:right;
	text-align:right;
	padding-right:20px;
}

.push {
    height: 60px;
}

#footer {	
	height: 60px;
	width:100%;
	background-image:url(images/footer.jpg);
	background-position: center;
	background-repeat: no-repeat;
	clear:both;
} 

#main-bottom-right a{
	text-decoration: none;
}

#main-bottom-right a:hover{
	text-decoration: underline;
}

.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


.underlinemenu {
	font-weight:700;
	width:100%;
	height: 30px;
}

.underlinemenu ul {
	text-align:left;
	margin:0;
	padding:6px 0 7px;
}

.underlinemenu ul li {
	display:inline;
}

.underlinemenu ul li a {
	color:#069;
	margin-right:11px;
	text-decoration:none;
	font-size:15px;
	padding:6px 3px 2px;
}

.underlinemenu ul li a:hover,.underlinemenu ul li a.selected {
	color:#69C;
	border-bottom-width:medium;
	border-bottom-style:solid;
	border-bottom-color:#69C;
}

.blog_home{
	width: 180px;
	font-size:11px;
	color:#666;
	padding: 5px 10px 5px 13px;


}
ul.blog_archives {
	list-style: none;
	margin: 0px;
	padding: 0px;
}


ul.blog_archives li a {
	list-style: none;
	color:#336699;
	text-decoration:none;
	font-size:12px;
	padding:6px 13px 2px 13px;
	margin-top: 15px;
}


.jqueryslidemenu{
font-weight:700;
width: 100%;
height: 30px;
z-index: 10;
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
z-index: 10;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
color:#069;
	margin-right:15px;
	text-decoration:none;
	font-size:15px;
	padding:6px 3px 2px;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #069;
}

.jqueryslidemenu ul li a:hover{
	color:#69C;
	/*
border-bottom-width:medium;
	border-bottom-style:solid;
	border-bottom-color:#69C;
*/
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
z-index: 10;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
z-index: 10;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
z-index: 10;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border: 1px solid #069;
background-color: white;
z-index: 10;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### 

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

*/