/*********************************************************
Winning Sports Photography

Author: FreckleCreative.com.au

(c) 2005, All Rights Reserved Winning Sports Photography
*********************************************************/
@import url(topography.css);

body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #7a7a7a;
	font-family: arial, sans-serif;
	font-size: 0.8em;
	background: #654D8D url(../images/body_bg2.jpg) repeat-x;
}

a, a:visited { color: #2c882c; text-decoration: none; }
a:hover { color: #660066; }

/*** RESETS indents for mozilla and IE *******/
body#events #content ul { margin: 0; padding: 0; }
body#events #content ul li { margin: 0; padding: 0; padding-left: 15px; }
/*********************************************/

h1 {
	font-size: 1.5em;
	color: #2E6105;
	}

h2 {
  font-size: 14pt;
}

body #container {
	width: 990px;
	height: 100%;
	display: block;
	margin: auto auto;
	text-align: left;
	background: white;
}
body #container #header h1 {
	display: block;
	width: 990px;
	height: 155px;
	margin: 0;
	padding: 0;
	font-size: 1%;
	text-indent: -3000px;
	background: #CE8F49 url(../images/home_h1_03.jpg) no-repeat;
}
body #nav {
	margin: 0 9px;
	width: 972px;
	height: 45px;
	display: block;
	overflow: hidden;
	background: #428709 url(../images/nav_bg.jpg) repeat-x;
}
body #nav ul {
	float: left;
	margin: 0;
	width: 955px;
	padding: 0 5px;
	list-style: none;
}
body #nav li {
	float: left;
	top: 0;
	width: 99px;
	height: 45px;
	margin: 0;
	padding: 0;
}
body #nav li a {
	display: block;
	width: 99px;
	line-height: 1px;
	top: 0;
	height: 45px;
	margin: 0;
	padding: 0;
	text-indent: -3000px;
	text-decoration: none;
	background-position: top left;
}
body #nav li a:hover {
	background-position: 0 -45px;
}
/********* NAV LINKS ********************************/
body #nav li#m-home a { background-image: url(../images/nav_home.jpg); }
body #nav li#m-events a { background-image: url(../images/nav_events.jpg); }
body #nav li#m-products a { background-image: url(../images/nav_products.jpg); }
body #nav li#m-team a { background-image: url(../images/nav_team.jpg); }
body #nav li#m-bookus a { background-image: url(../images/nav_bookus.jpg); }
body #nav li#m-faq a { background-image: url(../images/nav_faq.jpg); }
body #nav li#m-fundraising a { background-image: url(../images/nav_fundraising.jpg); }
body #nav li#m-contact a { background-image: url(../images/nav_contact.jpg); }
body #nav li#m-logout a { background-image: url(../images/nav_logout.jpg); }
body #nav li#m-mycart a { background-image: url(../images/nav_mycart.jpg); }
body #nav li#m-checkout a { background-image: url(../images/nav_checkout.jpg); }
body #nav li#m-myaccount a { background-image: url(../images/nav_myaccount.jpg); }
body #nav li#m-login a { background-image: url(../images/nav_login.jpg); }
body #nav li#m-photos a { background-image: url(../images/nav_photos.jpg); }
#photo #m-events a,
#home #m-home a,
#events #m-events a,
#products #m-products a,
#team #m-team a,
#bookus #m-bookus a,
#faq #m-faq a,
#fundraising #m-fundraising a,
#contact #m-contact a,
#logout #m-logout a,
#mycart #m-mycart a,
#checkout #m-checkout a,
#myaccount #m-myaccount a,
#login #m-login a,
#login #m-photos a
{ 
	background-position: 0 -45px; 
}
/****************************************************/

body #content {
	background: url(../images/content_bg.gif) repeat-y;
}
/*body #content h1 {
	width: 100%;
	height: 65px;
	text-indent: -3000px;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../images/h1.gif); 
}*/

body #content #contenttext {
	padding: 0 16px;
	padding-left: 81px;
	padding-bottom: 26px;
	padding-right: 80px;
	background: url(../images/content_footer_bg.jpg) bottom left no-repeat;
}

body #content #contenttext2 {
	padding: 0 16px;
	padding-left: 81px;
	padding-bottom: 16px;
	padding-right: 80px;
	background: url(../images/content_footer_bg.jpg) bottom left no-repeat;
}

/****** HEADINGS *******************/
body#products #content h1 { background-image: url(../images/h1_products.jpg); }
body#photo #content h1 { background-image: url(../images/h1_photo.gif); margin-bottom: 0px; }
body#fundraising #content h1 { background-image: url(../images/h1_fundraising.gif); }
body#bookus #content h1 { background-image: url(../images/h1_bookus.gif); }
body#contact #content h1 { background-image: url(../images/h1_contactus.gif); }
body#events #content h1 { background-image: url(../images/h1_events.gif); }
/***********************************/

body#home #content {
	display: block;
	height: 342px;
	width: 735px;
	margin-top: 8px;
	background: url(../images/home_bg.jpg) no-repeat;
}
body#photo #content {
	background: url(../images/split_bg.gif) repeat-y;
}
body#photo #contenttext {
	padding: 0 15px 23px 15px;
	margin: 0;
	width: 463px;
	padding-left: 18px;
	background: url(../images/split_footer.gif) bottom left no-repeat;
}
/**** This is used to center the image and clip if needed ****/
body#photo #contenttext span {
	text-align: center;
	overflow: hidden;
	display: block;
	padding: 10px 5px;
	width: 453px;
}
body#photo #contenttext span img { border: none; }
body#photo #contenttext span a { text-decoration: none; }
/******* OPTIONS BOX ******/
body#photo #options {
	width: 234px;
	float: right;
	padding: 0;
	margin: 0;
	background: url(../images/option_bg.gif) repeat-y;
}
body#photo #options .footer {
	padding-bottom: 16px;
	background: url(../images/options_footer.gif) -2px 100% no-repeat;
}
body#photo #options .content {
	height: 125px;
	min-height: 125px;
	background: url(../images/options_content_bg.gif) -2px 0 no-repeat;
}
html>body#photo #options .content { height: auto; }
body#photo #options ul {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}
body#photo #options li {
	display: block;
	margin: 3px 14px 3px 8px;
	line-height: 24px;
}
body#photo #options li a, body#photo #options li a:visited {
	width: 100%;
	display: block;
	color: #4c4c4c;
	text-indent: 44px;
	text-decoration: none;
	background-position: 10px 50%;
	background-repeat: no-repeat;
}
a.zoomin { background-image: url(../images/zoomi_24.gif); }
a.zoomout { background-image: url(../images/zoomo_24.gif); }
a.cart { background-image: url(../images/cart_24.gif); }
a.email { background-image: url(../images/mail_24.gif); }
a.back { background-image: url(../images/undo_24.gif); }
a.remove { background-image: url(../images/remov_24.gif); }
a.pdf, li.pdf { background-image: url(../images/pdf.gif) !important; }

body#photo #options li a:hover {
	background-color: white;
}

body #content #mainarea {
	float: left;
	width: 249px;
	height: 232px;
	margin-top: 75px;
	padding-left: 79px;
	margin-bottom: 50px;
	background: transparent url(../images/content_camera.jpg) 21px 2px no-repeat;
}
body #content #mainarea #contenttext {
	overflow: hidden;
	display: block;
	height: 225px;
	background: none;
	padding: 0;
	margin: 0;
}
body #content #flash {
	/* border: 1px dotted blue; */
	display: block;
	float: left;
	height: 316px;
	width: 239px;
}
body #content #advert {
	float: right;
	width: 160px;
	margin-top: 15px;
}
body#home #content #advert p {
	padding: 0;
	margin: 0;
}
body#home #content #advert h2 {
	display: block;
	margin: 0;
	padding: 0;
	width: 120px;
	height: 39px;
	text-indent: -3000px;
	background-repeat: no-repeat;
	background-position: top left;
}
body #content #advert h2#questions { background-image: url(../images/h1_questions_or_comments.jpg); }
body #content #advert h2#photography { background-image: url(../images/h1_free_photography.gif); margin-top: 30px; }
body #content #advert a.pmh { 
	display: block;
	width: 150px;
	height: 150px;
	margin-top: 20px;
	text-indent: -300px;
}

body #footer {
	clear: both;
	padding: 0 9px;
	padding-bottom: 10px;
	font-size: 0.8em;
}
body #footer #links {
	color: white;
}
body #footer #links a, body #footer #links a:visited {
	color: #919191;
	padding-right: 15px;
	text-decoration: none;
}
body #footer hr {
	border: 1px solid white;
	border-bottom: 1px solid #dcdcdc;
}
html>body #footer hr { margin: 5px 0; }
body #footer #links a:hover {
	text-decoration: underline;
}

label { 
	clear: both;
	float: left;
	width: 200px;
}

body#sitemap #content ul { 
	list-style: none;
	padding-left: 10px; 
}
body#sitemap #content li {
	margin: 5px 0;
	padding-left: 20px;
	background: url(../images/docs_16.gif) no-repeat;
}

div.clipboard_01 {
  width: 800px;
  margin: 0px auto;
}

div.clipboard_top_01 {
  background: url(../images/clipboard_top_01.jpg) top left no-repeat;
  width: 800px;
  height: 133px;
}

div.clipboard_main_01 {
  text-align: center;
  background: url(../images/clipboard_main_01.jpg) top left repeat-y;
  width: 800px;
}

/******* EVENT SMALL CALENDER************************/
body#events #contenttext { }
body#events #contenttext .listphotos {
	display: block;
}
body#events #contenttext .listphotos a {
	float: left;
	width: 112px;
	text-align: center;
}
body#events #contenttext img {
	border: 1px solid #bfbfbf;
	margin: 2px;
	padding: 2px;
	display: block;
}
body #contenttext .innerbox {
	display: block;
	width: 470px;
}
.calender-box
{
	float: right;
	width: 150px;
	padding-left: 10px;
	border-left: 5px solid white;
}
.calender-box ul {
	margin: 0;
	list-style: none;
}
.calender-box ul li {
	background: url(../images/cal_16.gif) no-repeat;
	padding-left: 20px;
	color: #4c4c4c;
}
.calender-box a, .calender-box a:visited {
	color: #7c7c7c;
	text-decoration: none;
}
.calender-box a:hover { text-decoration: underline; }
.calender-box ul li ul li {
	background: none;
	padding-left: 5px;
}
ul.race-listing {
	list-style: none;
	margin: 5px;
	margin-left: 10px !important;
}
ul.race-listing li {
	background: url(../images/picts_16.gif) no-repeat;
	padding-left: 24px !important;
	margin: 5px 10px !important;
}

/******* BOOKING FORM *******************************/
/*Forms defaults*/
input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#404040;
}

fieldset {
	margin: 0 0 20px 0;
	width: 590px;
}

label {
	color:#999;
	cursor:pointer;
	padding: 5px 5px 5px 2px;
	line-height:20px;
	width: 300px;
}

.textinput, .required {
	width:236px;
	height:15px;
	background:url(../images/input.gif) no-repeat left top;
	background-attachment: fixed;
	border:none;
	padding:4px 8px;
}

html>body .textinput, html>body .required {
	background-attachment: scroll;
}

.textarea {
	width:547px;
	height:125px;
	background:url(../images/textarea.gif) no-repeat left top;
	background-attachment: fixed;
	border:none;
	padding:4px 8px;
}

html>body .textarea {
	width: 526px;
	background-attachment: scroll;
}

select {
	margin: 10px 0 0 0;
}

#colleft {
	float: left;
	
}

#colright {
	float: left;
}

.Submit {
	width:69px;
	height:26px;
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
	background:url(../images/button.gif) no-repeat left top;
	cursor:pointer;
	border:none;
}

.checkout { 
	background:url(../images/button_checkout.gif) no-repeat left top; 
	width:85px;
} 

#TeamPhotos p, #ActionPhotos p {
	font-size: 0.8em;
}

#TeamPhotos, #ActionPhotos {
	/* display: none; */
}

#ActionPhotos {
  display: none;
}

#TeamPhotos .clear, #ActionPhotos .clear {
	clear: both;
}


#selectform label {
	margin: 5px 0 0 0;
	width: auto;
}

#events #contenttext ul {
	list-style : none;
}

/******* STYLES *************************************/
.firstline { color: #383838; }
.hide { display: none; }
.morelink { 
	display: block;
	float: left;
	width: 249px;
	text-align: right;
	font-size: 12px;
}
.copyright { 
	padding-bottom: 3px;
	color: #717171;
}
.warning { color: red; }
.homestyle { font-size: 0.8em; }

.phototag { 
	font-family: Courier;
	font-size: 0.1em;
}
