/*

	Frazer Smyth Photography
	
	Built by Greg McAusland. http://www.gregmcausland.com/
	
*/


*					{ margin: 0; padding: 0; }
body				{ background: #000; font-family: helvetica, arial, verdana, serif; }
ul 					{ list-style: none; }
a 					{ text-decoration: none; color: #334; }
.alignleft			{ float: left; margin-right: 15px; }
.alignright			{ float: right; margin-left: 15px; }
img					{ border: 0; }

/* Layout */ 
#container			{ margin: 0 auto; background: #fff; }
#content			{ width: 960px; margin: 0 auto; padding: 35px 0; overflow: hidden; }

/* Header */
#header				{ background: url(../images/menu-bg.png) 0 bottom repeat-x; }
#header h1			{ width: 960px; height: 114px; text-indent: -9999px; overflow: hidden; background: url(../images/logo.png) 0 0 no-repeat; 
					  margin: 15px auto 0; }

/* Top Menu */
#menu				{ overflow: hidden; height: 33px; width: 960px; margin: 0 auto; }
#menu li 			{ float: right; }
#menu li a			{ display: block; margin-left: 35px; color: #fff; font-size: 0.7em; letter-spacing: 2px; text-transform: lowercase; 
					  text-shadow: 0px 0px 5px black; height: 33px; line-height: 30px; }
#menu li a:hover	{ border-bottom: 5px solid black; height: 28px; color: #DFD; }	

.homepage #homepage-link a, .services #services-link a, .gallery #gallery-link a, 
.weddings #weddings-link a, .testimonials #testimonials-link a, .contact #contact-link a,
.products #products-link a, .blog #blog-link a
					{ height: 28px !important; border-bottom: 4px solid #4fdebb; }	


/* Content */
#content h2			{ font-size: 2.1em; font-weight: normal; margin-bottom: 25px; }
#content h3			{ font-size: 1.2em; font-weight: normal; margin-bottom: 25px; color: #333; }
#content h4			{ font-size: 0.9em; font-weight: normal; margin-bottom: 15px; color: #333; }
#content p			{ font-size: 0.8em; color: #777; line-height: 1.6em; margin-bottom: 25px; }

#coverage ul 		{ margin-bottom: 25px; margin-left: 25px; }
#coverage ul li 	{ font-size: 0.8em; color: #777; line-height: 1.6em; }

#introduction		{ float: right; width: 580px; }

#main-content		{ width: 720px; float: right; }

ol					{ margin-left: 45px; font-size: 0.9em;  }
ol li 				{ margin-bottom: 5px; }
ol li a				{ display: block; }
ol li a:hover		{ border-right: 7px solid black; }

#tabs li 			{ display: block; overflow: hidden; }
li img				{ float: right; }
blockquote			{ width: 340px; float: left; }
blockquote p 		{ font-family: Georgia; font-style: italic; font-size: 0.9em !important; margin-bottom: 15px !important; }

dl					{ overflow: hidden; }
dt					{ display: block; font-size: 0.8em; color: #aaa; }
dd					{ display: block; margin-bottom: 15px; font-size: 1.0em; }

/* Tabs */
#sub-menu			{ float: left; width: 200px; background: url(../images/sub-menu-bg.png) repeat-y right 0; padding-bottom: 25px; }
#tabs				{ width: 720px; float: right; }

.coverage a,
.pre-wedding a		{ overflow: hidden; text-indent: -9999px; display: block; width: 127px; height: 25px;
					   background-image: url(../images/button-sheet.png); background-position: 0 0; margin-bottom: 10px; }
.pre-wedding a:hover	{ background-position: 0 -25px; }
.pre-wedding a:active	{ background-position: 0 -50px; }

.coverage a				{ background-position: -128px -0px; }
.coverage a:hover		{ background-position: -128px -25px; }
.coverage a:active		{ background-position: -128px -50px; }

/* Pre Weding */

#prewedding ul 			{ float: none; }
#prewedding ul li 		{ float: left; margin-right: 25px; }

/* Gallery */

.gallery-scroll			{ overflow-x: scroll; }
#gallery-scroller		{ width: 48400px; }
#gallery-scroller img	{ float: left; }

/* contact form */

label					{ display: block; color: #333; font-size: 0.8em; }
input[type=text]		{ border: 1px solid #ccc; padding: 10px; width: 300px; font-size: 1.1em; 
							-moz-box-shadow: rgba(0,0,0,0.3) 0px 0px 5px;
							-webkit-box-shadow: rgba(0,0,0,0.3) 0px 0px 5px; }
textarea				{ border: 1px solid #ccc; padding: 10px; width: 500px; height: 180px; font-size: 1.1em; font-family: Helvetica; 
							-moz-box-shadow: rgba(0,0,0,0.3) 0px 0px 5px;
							-webkit-box-shadow: rgba(0,0,0,0.3) 0px 0px 5px; }

input[type=text]:hover,
textarea:hover			{ border: 1px solid #777; -moz-box-shadow: rgba(0,0,0,0.6) 0px 0px 5px;
							-webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 5px;}

input[type=submit]		{ border: none; padding: 10px; background: #666; color: #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;  cursor: pointer; }

input[type=submit]:hover	{ background: #999; }

/* Footer */
#footer				{ background: url(../images/footer-bg.png) repeat-x; padding-top: 50px; padding-bottom: 60px; }
#footer p.ktb		{ width: 960px; margin: 0 auto; color: #333; font-size: 0.6em; text-align: right; margin-top: -20px; }
#footer p.facebook	{ width: 960px; margin: 0 auto; color: #999; font-size: 0.8em; line-height: 31px; }
#footer p.facebook a{ display: block; background: url(../images/facebook.png) no-repeat; text-indent: -9999px; overflow: hidden; 
					  width: 90px; height: 31px; margin-right: 10px; float: left; }