body	{ behavior: url("style/csshover3.htc"); background: #000; color: #fff; font-size: 62.5%; font-family: Verdana, sans-serif; margin: 24px auto; padding: 0; text-align: center; }

/* Remove Firefox dotted link border */
a:active { outline: none; }
 
/* Remove Safari blue input border */
* { outline: 0; }

#page	{ width: 994px; margin: 0 auto; font-size: 1.1em; position: relative; text-align: left; }

#header	{ height: 66px; padding-left: 13px; }
#header h1 a	{ display: block; width: 167px; height: 48px; background: url('../images/andrew-brooks-photography.gif') no-repeat; margin: 0; padding: 0; }

#mainMenu	{ margin: 0; padding: 0; position: absolute; top: 33px; left: 183px; height: 15px; }
#mainMenu li	{ position: relative; list-style-type: none; display: inline; margin: 0; padding: 0; float: left; background: url('../images/divider.gif') no-repeat top right; }
#mainMenu li a	{  color: #fff; display: block; height: 15px; text-decoration: none; background-repeat: no-repeat; margin: 0 12px 0 1px; }
#mainMenu li a span	{ height: 0; width: 0; position: absolute; overflow: hidden; }

#mainMenu li ul { margin: 0 0 0 -5px; padding: 0 0 0 0; border: 5px solid #000000; display: none; width: 120px; float: left; background: #000000; position: absolute; z-index: 5000; }
#mainMenu li ul li { margin: 5px 0 0 0; display: block; float: none; }
#mainMenu li ul li a { display: block; margin: 0px; }
#mainMenu li:hover ul { display: block; }

#header ul li { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
#header ul li.selected, #header ul li:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacitkhtml-opacity: 1; opacity: 1; }

.hide	{ height: 0; width: 0; position: absolute; overflow: hidden; }

input.btn { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
input.btn:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }

#content p a.plain	{ color: #fff; text-decoration: underline; }
#content p a.plain:hover	{ text-decoration: none; }

#paddedContent	{ padding-top: 20px; }

a img	{ border: 0; }
a	{ color: #fff; text-decoration: underline; }
a:hover	{ text-decoration: none; }

#footer	{ clear: both; margin: 0; padding: 18px 0 18px 12px; font-size: 0.9em; color: #ccc; }
#footer p	{ margin: 0; padding: 0; color: #7F7F7E; }
#footer p span	{ float: right; }
#footer p span.copy { float: left; }
#footer p span.follow { float: left; margin: 0 0 0 300px; }
#footer p span.wallpapers { float: left; margin: 0 0 0 69px; }
#footer p span.wallpapers a { font-weight: normal; }
#footer p span.credits { float: left; margin: 0 0 0 69px; }
#footer a	{ color: #7F7F7E; text-decoration: none; font-weight: bold; }
#footer a:hover	{ text-decoration: underline; }

#footer a#footer_signUp { font-weight: bold; margin-left: 24px; color: #fff; }
#footer a#footer_signUp:hover { text-decoration: underline; }

label	{ display: block; margin: 4px 0; }
.text	{ width: 233px; border: 1px solid #A20008; background: #000; !important padding: 3px; color: #fff; }
textarea.text	{ height: 88px; font-family: Arial, sans-serif; font-size: 1.1em; }

.borderTop { background: #A20008; height: 1px; width: 100%; display: block; margin: 0 0 25px 0; }

#about .borderTop { background: #A20008; height: 1px; width: 970px; display: block; margin: 0 0 0 13px; }
#about	{ height: 632px; background-repeat: no-repeat; }
#about div	{ width: 330px; padding: 2px 13px 13px 13px; background: url('../images/semi-transparent-bg.png'); }
#about p { line-height: 16px; }
#about p strong { color: #A20008; font-weight: normal; }
* html #about div	{ background: #000; }

.galleryThumb img		{ border: 0; border-bottom: 1px solid #000; }
.galleryThumb:hover img	{ border-bottom: 1px solid #A20008; }
.galleryThumb	img	{ margin: 11px 9px; padding-bottom: 4px; }

.halfLeft	{ float: left; width: 474px; margin-left: 12px; }
* html .halfLeft	{ margin-left: 6px; }
.halfRight	{ float: right; width: 473px; border-top: 1px solid #A20008; margin-right: 12px; }
* html .halfRight	{ margin-right: 6px; }

a.projectSelect	{ padding: 0; clear: both; border-bottom: 1px solid #A20008; display: block; text-decoration: none; color: #fff; }
a.projectSelect .box	{ margin: 0; padding: 13px 0 0 0; min-height: 100px; clear: both; position: relative; display: block; }
* html a.projectSelect .box	{ height: 113px; }
a.projectSelect.selected .box	{ filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; }
a.projectSelect img.thumb	{ float: left; margin: 0 9px 0 0; border-bottom: 1px solid #000; }
a.projectSelect h2	{ margin: 20px 0 13px 0; }
* html a.projectSelect h2	{ margin-top: 33px; }
a.projectSelect h2 img	{ border-bottom: 1px solid #000; }
a.projectSelect p	{ margin: 7px 0; }
span.more	{ color: #fff; text-decoration: none; padding: 0; border-bottom: 1px solid #000; position: absolute; bottom: 4px; right: 0;}
a.projectSelect:hover span.more, a.projectSelect:hover h2 img, a.projectSelect:hover img.thumb	{ border-bottom: 1px solid #A20008; }

p.new { color: #7F7F7E; line-height: 16px; }
p.new a { color: #ffffff; text-decoration: none; }

.linkThumb	{ display: block; border-bottom: 1px solid #A20008; border-top: 1px solid #A20008; width: 225px; float: left; margin: 0 23px 0 0; padding: 15px 0; color: #fff; text-decoration: none; }
.linkThumb img.thumb	{ border: 0; float: left; margin-right: 10px; }
.linkThumb span	{ display: block; }
.linkThumb span img	{ border: 0; margin: 10px 0; }

#galleryImageTopBox	{ position: absolute; padding: 0 16px 16px 5px; z-index: 100; background: #000; width: 330px; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
#galleryImageTopBox .showInfo	{ float: left; }

#galleryImageCountBox	{ float: left; margin: 0 0 0 173px; z-index: 200; position: absolute; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

#galleryImageDesc	{  }
#galleryImageDesc p { color: #999999; }
#galleryImageDesc a { color: #ffffff; text-decoration: none; }

.videoThumbs		{ display: block; height: 115px; clear: both; width: 100%; text-decoration: none; }
.videoThumbs img	{ padding: 5px 2px 5px 1px; border-bottom: 1px solid #000; }
.videoThumbs:hover img	{ border-bottom: 1px solid #A20008; }
.videoThumbs:hover .videoTitle span img	{ border-bottom: 1px solid #000; }
.videoThumbs span.videoTitle	{ display: block; width: 250px; float: right; padding-top: 16px; }
.videoThumbs span.videoTitle img	{ padding: 2px 0; }

#videoDes	{ width: 295px; float: left; margin: 11px 0 0 10px; border-top: 1px solid #A20008; padding: 20px 0 0 0; }
#videoDes h1, #videoDes h2 { font-size: 13px; font-weight: normal; font-family: Verdana; color: #ffffff; margin: 0px; padding: 0px; line-height: 20px; }
#videoDes h1 strong { font-weight: normal; color: #A20008; }
#videoDes h2 { color: #A20008; }
#videoDes p { margin: 20px 0 0 0; font-size: 11px; font-weight: normal; font-family: Verdana; color: #ffffff; line-height: 18px; }
#videoDes p.price { color: #A20008; }

p.viewMore { color: #A20008; margin: 0 0 0 13px; }

#videoEmbed	{ width: 650px; float: left; margin: 11px 0 0 15px; }
#videoEmbed p { margin: 0px; padding: 0px; }
#videoEmbed img { width: 640px; }

#videoOthers		{ width: 970px; float: left; overflow: auto; margin: 10px 0 0 0; height: 240px; }
#videoOthers #container { width: 2000px; }
#videoOthers .item { width: 152px; height: 220px; float: left; margin: 20px 10px 0 0; }
#videoOthers a	{ text-decoration: none; filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; display: block; }
#videoOthers a img	{ height: 94px; width: 152px; margin: 0 0 10px 0; }
#videoOthers a span, #videoOthers a { font-size: 11px; font-weight: normal; font-family: Verdana; color: #ffffff; line-height: 18px; }
#videoOthers a strong { font-weight: normal; }
#videoOthers a em { font-style: normal; color: #7F7F7F; }
#videoOthers a.selected, #videoOthers a:hover	{ border: none; filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity: 1.0; opacity: 1.0; }
#videoOthers a.selected strong, #videoOthers a:hover strong { color: #A20008; }


.contactPanel	{ width: 233px; float: left; margin-right: 30px; }
.contactPanel label { color: #7F7F7F; margin: 7px 0 5px 0; }
.contactPanel input { padding: 2px 0; }

#contactPanel1	{ margin-left: 12px; }
* html #contactPanel1	{ margin-left: 6px; }

#contactPanel3	{ float: right; width: 435px; margin-right: 12px; }
#contactPanel3 .box { width: 220px; float: left; }
* html #contactPanel3	{ margin-right: 12px; }

.wallpaperBox		{ float: left; width: 205px; margin-right: 10px; margin-bottom: 10px; min-height: 113px; }
* html .wallpaperBox	{ height: 113px; }
.wallpaperBox .thumb	{ margin: 15px 15px 0 0; }
.wallpaperBox	p	{ margin: 7px 0 7px 0; }
.wallpaperBox p strong { color: #A20008; }
.wallpaperBox a.more { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.wallpaperBox a.more:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }

#printMain	{ width: 721px; float: left; margin-left: 12px; }
* html #printMain	{ margin-left: 6px; }
#printOthers		{ width: 225px; float: right; border-top: 1px solid #A20008; margin-right: 12px; }
* html #printOthers	{ margin-right: 6px; }
#printOthers a	{ display: block; width: 100%; border-bottom: 1px solid #A20008; height: 112px; color: #fff; text-decoration: none; }
#printOthers a img.thumb	{ margin: 13px 8px 1px 0; float: left; }
#printOthers a.selected img.thumb, #printOthers a.selected span	{ filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; }
#printOthers a span.title	{ display: block; padding: 22px 0 4px 0; }
#printOthers a span.title img	{ border-bottom: 1px solid #000; padding-bottom: 1px; }
#printOthers a:hover span.title img	{ border-bottom: 1px solid #A20008; }

#printSales.fade	{ filter:alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; }
* html #printSales.fade	{ height: 100%; }

#printIntro	{ position: absolute; padding: 0 10px 10px 10px; z-index: 100; background: #000; width: 300px; filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }

.slideshowIcon	{ display: block; width: 150px; float: right; height: 47px; background: url('/images/slideshow-icon.jpg') right no-repeat; padding-right: 110px; margin-bottom: 10px; }
.slideshowIcon img	{ padding: 14px 0 0 0; }

#downloadEnquiryBox	{ padding: 30px; border: 1px solid #A20008; background: #000; width: 150px; position: absolute; top: 240px; left: 392px; display: none; z-index: 100; }

#map a, #map div { color: #000; text-decoration: none; display: block; }

.bordered { padding: 10px 0; border-top: 1px solid #A20008; border-bottom: 1px solid #A20008; margin-top: 33px; }