
body,html { 
	margin: 0px auto; 
	background-color: #111111; 
}

body { 
	margin: 10px;
	/* text-align: center;  */
	overflow-x: hidden; 
}

div#page {	
	width: 760px;
	margin-left: auto;
	margin-right: auto;
}

/* default font */
body, td, tr, div, p
{
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	font-size: 11px;
	color: #EEEEEE;
}


img { display: inline; margin: 0px;  }
form { margin: 0px; }
hr { border: 0px; border-top: 1px solid #404040; height: 0px; }
a img { border: 0px }
a:link 		{text-decoration: underline; color: #CECECE;}
a:visited 	{text-decoration: underline; color: #CECECE;}
a:active 	{text-decoration: none; color: #CECECE;}
a:hover 	{text-decoration: none; color: #FFFFFF; background-color: #333333}

a.bnouline			{ font-weight: bold; }
a.bnouline:link 	{text-decoration: none; color: #CECECE;}
a.bnouline:visited 	{text-decoration: none; color: #CECECE;}
a.bnouline:active 	{text-decoration: none; color: #CECECE;}
a.bnouline:hover 	{text-decoration: none; color: #FFFFFF; background-color: #333333}

a.nouline:link 		{text-decoration: none; color: #CECECE;}
a.nouline:visited 	{text-decoration: none; color: #CECECE;}
a.nouline:active 	{text-decoration: none; color: #CECECE;}
a.nouline:hover 	{text-decoration: none; color: #FFFFFF; background-color: #333333}

a.inactive:link 	{text-decoration: none; color: #999999;}
a.inactive:visited 	{text-decoration: none; color: #999999;}
a.inactive:active 	{text-decoration: none; color: #999999;}
a.inactive:hover 	{text-decoration: none; color: #FFFFFF; background-color: #333333}

h1 { 
	font-size: 19px; font-weight: normal; color: #5262C9;
	margin-top: 0px; margin-bottom: 20px;
}

h1.gallery-title { 
	float:left;
}

h2 { 
	font-size: 14px; font-weight: bold;
	margin-top: 5px; margin-bottom: 10px;
}

h3 { 
	font-size: 14px; font-weight: normal; 
	margin-top: 5px; margin-bottom: 10px;
}

ul { /*top */ margin-top: 10px; /*left */ padding-left: 15px; margin-left: 0px; }
li { /*top */ margin-top: 10px; /*left */ padding-left: 20px; list-style-position: outside;}
ul li{ /*top */ margin-top:0px; /*left */ padding-left:0px; } /*  this is an li with a ul parent element */


/* header */
div#header {
	width: 760px; 
	height: 90px;
	background-color: #666666;
	/* background-image:url(../images/winton_photographics.jpg); */
		background-image:url(../images/commercial_photography_australia.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-align: left;
	border-bottom: 2px solid #333333;
}

div#header-links {
	float: left;
	text-align: left; 
	margin: 68px 0px 0px 83px; 
}
div#header-image { /* main image */
	float: right;
	border-right: 7px solid #5262C9;
} 

div#header-split { 
	width: 760px;
	height: 1px;
	clear: both;
	margin: 0px 0px 1px 0px;
}

div#menu-bar {
	width: 760px; 
	height: 24px;
	background-color:#555555;
	color: #EEEEEE;
	/* 	 background-image:url(../images/menu_bg.gif); */
	background-repeat:repeat-x;
/*	border-right: 7px solid #5262C9;	*/
}

a.menu-button
{
	padding: 3px 3px 2px 3px; 
	margin-top:1px;
	height: 16px;
	border-bottom: 2px solid #CECECE;
	float: left;
	font-weight: bold;
	text-decoration: none;
	/*	border-right: 4px solid #EEEEEE; */
	margin-right: 4px;
	width: 90px;
	text-align:left;
}

a.menu-button:link 		{ text-decoration: none; color: #CECECE; border-bottom: 2px solid #CECECE; background-color: #555555;}
a.menu-button:visited 	{ text-decoration: none; color: #CECECE; border-bottom: 2px solid #CECECE; background-color: #555555;}
a.menu-button:hover 	{ text-decoration: none; color: #FFFFFF; border-bottom: 2px solid #5262C9; background-color: #333333;}
a.menu-button:active 	{ text-decoration: none; color: #CECECE; border-bottom: 2px solid #CECECE; background-color: #555555;}

a.contactbtn { 
	float: right; 
	padding: 3px 3px 2px 3px; 
	margin-right: 0px;
}

/* subnav */
.submenu {}/* main subnav wrapper */
.subtable {} /* tds which hold wrappers */
.submenu-link { } /* innermost link class}*/
a.submenu-link
{
	padding: 3px 3px 2px 3px; 
	width: 90px;
	margin-top:2px;
	height: 16px;
	/* border-bottom: 2px solid #666666; */
	float: left;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	border-right: 4px solid #EEEEEE; 
	margin-right: 4px;
}

a.submenu-link:link 	{ text-decoration: none; color: #CECECE; border-right: 4px solid #666666; background-color: #555555;}
a.submenu-link:visited 	{ text-decoration: none; color: #CECECE; border-right: 4px solid #666666; background-color: #555555;}
a.submenu-link:hover 	{ text-decoration: none; color: #EEEEEE; border-right: 4px solid #5262C9; background-color: #333333;}
a.submenu-link:active 	{ text-decoration: none; color: #CECECE; border-right: 4px solid #999999; background-color: #555555;}


/* main page */
#main { width: 760px; margin-top: 20px; }
div#content { float:left; clear: left; width: 550px; text-align: left;  }
div#rhs 	{ float:right; clear: right; width: 200px;  text-align: left;}

div#rhs-banner	{ 
	width: 191px;
	background-color: #EEEEEE;
	border-bottom: 1px solid #333333;
	border-right: 7px solid #5262C9;
	float: left;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	padding-left: 2px;
}

#breadcrumbs {
	width: 760px;
	margin: 3px 0px 3px 5px;
	text-align: left; 

}

/* products / galley pages */
a.gallerylink {
	font-size:11px;
	background-color: #000000;
	margin-top: 1px;
	margin-right: 2px;
	margin-bottom: 1px;
	margin-left: 2px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
	
}


.searchbtn { /* go button */
	width: 25px;
	height: 22px; 
	color: #000000;
	font-weight: bold;
	font-size: 10px;
	border: 1px solid #999999;
	background-color: #CECECE;
	cursor: hand;
}

div#footer {
	clear: both;
	margin-top: 25px;
	width: 750px;
	/* background-color: #666666; */
	border-top: 1px solid #404040;
	padding: 5px;
}

#footer-left {
	float: left;
	text-align: left;
	margin-top: 5px;
	width: 590px;
	color: #999999;
	font-size: 11px;
}
#footer-right {
	float: right;
	text-align: right;
	margin-top: 5px;
	width: 150px;
	color: #999999;
	font-size: 11px;
}
.footerlink { margin-top:-3px; }


/* gallery page styles */

a.gallerylink:link      {color: #999999; text-decoration: none; font-weight:bold; background-color: #242455; }
a.gallerylink:visited   {color: #999999; text-decoration: none; font-weight:bold; background-color: #242455; }
a.gallerylink:hover     {color: #FFFFFF; text-decoration: none; font-weight:bold; background-color: #242455; }
a.gallerylink:active    {color: #999999; text-decoration: none; font-weight:bold; background-color: #242455;}

/* gallery menu */
div.menu_parent {
	width:134px;
	border-bottom: 1px solid #52629c; 
	background-color: #52629c; 
	border-top: 1px solid #52629c; 
	padding: 1px 2px 1px 5px;
	font-weight:bold;
}

a.menu_parent:link 		{color: #FFFFFF; text-decoration: none; font-weight:bold; }
a.menu_parent:visited 	{color: #FFFFFF; text-decoration: none; font-weight:bold; }
a.menu_parent:hover 	{color: #FFFFFF; text-decoration: none; font-weight:bold; }
a.menu_parent:active 	{color: #FFFFFF; text-decoration: none; font-weight:bold; }

div.menu_child {
	width:134px;
	padding: 5px 2px 5px 4px;
	font-weight:normal;
}

a.menu_child:link 		{color: #FFFFFF; text-decoration: none;  }
a.menu_child:visited 	{color: #FFFFFF; text-decoration: none; }
a.menu_child:hover 	{color: #FFFFFF; text-decoration: none;  }
a.menu_child:active 	{color: #FFFFFF; text-decoration: none; }

/* end gallrty menu */


a.category_child  { margin: 1px 3px 0px 0px; }
a.category_child:visited  { text-decoration:none; }
a.category_child:link { text-decoration:none; }

/* Image item title */
a.ItemLink { color: #FFFFFF; font-size: 11px; font-weight:bold; float: left; }
a.ItemLink:link { color: #FFFFFF; text-decoration:none; }
a.ItemLink:hover { color: #FFFFFF; text-decoration:none; }
a.ItemLink:visited { color: #999999; text-decoration:none; }


div.description { float: left; clear: left; }
div.imageitem { float: right; clear: right;  width: 120px; }
div.image-group { 
	margin: 10px 5px 10px 3px;  
	padding: 10px 0px 5px 5px;
	border-top: 1px solid #404040;
}

div#header2 {
	width: 760px; 
	height: 40px;
	
}

div#searchbox { float:right; width: 218px;  text-align: right; }

div#lhs-menubanner	{ 
	width: 139px;
	background-color: #EEEEEE;
	border-bottom: 1px solid #333333;
	float: left;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
	padding: 2px 0px 2px 2px;
	margin: 0px 0px 5px 0px;
}

div#leftcol { 
	float: left;
	width:140px;
	background-color:#404040;
	margin-right: 5px;
	padding: 0px 0px 100px 0px;
	/*border: 2px solid red; */
}

div#maincol { 
	float: left;
	width: 600px;
	/* border: 2px solid blue; */
	text-align:center;
	margin-top:20px;
}

div.top-paging { width: 600px; padding: 3px; background-color:#242455; 
	margin-left: 0px auto;
	margin-right: 0px auto;
}
div.top-paging-right { float: right; width: 280px; text-align: right;} 
div.top-paging-left { float: left; width: 280px; text-align: left;  } 

div.bottom-paging { width: 600px; padding: 3px; background-color:#404040; margin-bottom: 20px; }
div.bottom-paging-right { float: right; width: 280px; text-align: right;} 
div.tbottomop-paging-left { float: left; width: 280px; text-align: left;  } 

div.clear { clear:both; }

div.panel-multiple {
clear:both; margin-top: 5px;
}


h1.category-name-main
{
	font-size:20px;
	font-weight: bold;
	clear:left;
	margin: 20px 0px 10px 25px;
	color: #FFFFFF; 
	padding-bottom:5px;
	border-bottom: 1px solid #404040;
	width:auto;
	text-align: left;
}

div.category_child-main
{
	font-size:16px;
	color: #99A2DF;
	font-weight: 300;

	margin: 20px 0px 7px 25px;
	padding: 0px 0px 2px 6px;
	border-bottom: 1px solid #404040;
	width:auto;
	border-left: 7px solid #5262C9;
	text-align: left;
}

a.category_child-main:link { color: #99A2DF; text-decoration:none; }
a.category_child-main:visited { color: #99A2DF; text-decoration:none; }
a.category_child-main:hover { color: #FFFFFF; text-decoration:none; }

div.category-content {

	margin: 10px 0px 10px 25px;
	border: 0px solid white;
	text-align: left;

}

/* single image */

div.pnlSingleImage { margin:0px auto; text-align:center; } 
div#pnlSingleImage-header { padding: 5px; background-color: #242455; font-weight:bold;}



