/* RESET */
:link,:visited {
	text-decoration: none;
}
ul,ol {
	list-style: none;
}
h1,h2,h3,h4,h5,h6,pre,code,p {
	font-size: 1em;
}
ul,ol,dl,li,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin: 0; padding: 0;
}

a img,:link img,:visited img {
	border: none;
}
#top-nav li a
{
  outline: none;
}
address {
	font-style: normal;
}

body{
	font:62.5% Helvetica,Verdana,Arial, sans-serif;
	background: url(images/background.gif) repeat-x;
}
#wrapper{
	width:750px;
	margin:0 auto;
	position:relative;
}
a:link, a:visited{
	color:#CC0066;
}

/*.......................... Structure ...........................*/
#logo{
	position:absolute;
	top:16px;
	left:15px;
}
#flashcontent{
	position:absolute;
	top:131px;
	left:12px;
}
#content{
	position:relative;
	margin:420px 0 0 0;
	float:left;
	padding:0 0 40px 20px;
	width:520px;
}
#right{
	margin-top:420px;
	float:left;
	width:200px;
}
#home-the-complete{
	margin:60px 0 0 20px;
	width:179px;
	color:#FFF;
}

#footer{
	clear:both;
	height:110px;
	background:url(images/background.gif) 0 -120px;
}
/* ............................ Primary Nav ............................*/
#top-nav{
	position:absolute;
	top:45px;
	right:0;
}
#top-nav li {
	overflow: hidden;
	text-indent: -9000px;
	display:inline;
}
#top-nav li a{
	display:block;
	width:120px;
	height:40px;
	float:left;
}
#top-nav li a:hover{
	background-position: 120px 0;
}
#tn-home:hover, #home #tn-home, #faq #tn-faq, #pricing #tn-pricing, #showreel #tn-showreel, #contact #tn-contact{
	background-position: 120px 0;
}
#tn-home{
	background-image:url(images/menu-home.gif);
}
#tn-showreel{
	background-image:url(images/menu-showreel.gif);
}
#tn-faq{
	background-image:url(images/menu-faq.gif);
}
#tn-pricing{
	background-image:url(images/menu-pricing.gif);
}
#tn-contact{
	background-image:url(images/menu-contact.gif);
}

/*......................... Main Headers .....................*/

h1{
	position:relative;
	width:512px;
	height:28px;
	border-bottom:1px solid #b0d33f;
	margin-bottom: 20px;
}
h1 span{
	position:absolute;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
}
#home h1 span{
	background-image:url(images/h1-home-page.gif);
}
#faq h1 span{
	background-image:url(images/h1-faq-page.gif);
}
#pricing h1 span{
	background-image:url(images/h1-pricing-page.gif);
}
#contact h1 span{
	background-image:url(images/h1-contact-page.gif);
}
#showreel h1 span{
	background-image:url(images/h1-showreel-page.gif);
}
#special h1 span{
	background-image:url(images/h1-special-page.gif);
}
#testimonials h1 span{
	background-image:url(images/h1-testimonial-page.gif);
}
#photography h1 span{
	background-image:url(images/h1-photography.gif);
}
#website h1 span{
	background-image:url(images/h1-website.gif);
}
	
	
	
	

/*....................... Right Sections .........................*/
#home #home-the-complete h2{
	position:relative;
	width: 179px;
	height: 41px;
	border:none;
	padding:0;
	margin:0;
}
#home #home-the-complete h2 span{
	position:absolute;
	width:100%;
	height:100%;
	background-image:url(/images/weddings/home-right-the-complete.gif);
	z-index:20;
}
#home-the-complete p{
	background:url(/images/weddings/home-right-the-complete-middle.gif);
	font-size: 1.2em;
	padding: 0 10px 5px 10px;
}
#home-the-complete span{
	display:block;
	height:30px;
	background:url(/images/weddings/home-right-the-complete-bottom.gif) no-repeat;
}
#home-special{
	position:relative;
	margin:0 0 0 20px;
	background:url(/images/weddings/right-special-top.gif) no-repeat;
	zoom:1;
}
#home-special h2{
	color:#FA587E;
	border:none;
	background:none;
	padding: 25px 0 0 10px;
	font-variant:small-caps;
	font-weight:bold;
	font-size:1.3em;
	width:auto;
	height:45px;
}
#home #home-special p{
	margin: -15px 2px 0 0;
	padding:0 50px 15px 10px;
	color:#FFF;
	font-size:1.2em;
	background-image:url(/images/weddings/right-special-middle.gif);
}
#home-special-span{
	position:absolute;
	background-image:url(/images/weddings/right-special-bottle.gif);
	width:49px;
	height:75px;
	top:-2px;
	right:2px;
	z-index: 25;
}

/*.............................. Content ...............................*/
#content h2{
	position:relative;
	width:513px;
	height:20px;
	border-bottom:1px solid #b0d33f;
	padding:20px 0 4px 0;
	margin-bottom:20px;
}
#home h2 span{
	position:absolute;
	width:100%;
	height:100%;
	background: url(images/h2-home-page.gif) no-repeat;
}
#content p{
	color:#CC3366;
	padding:0 15px 5px 0;
	font-size: 1.4em;
	line-height:1.5em;
}
#content h3{
	color:#CC0066;
	margin:20px 0 4px 0;
	font-size:1.3em;
	background-color:#FFE6EF;
	padding:1px;
}
#footer ul{
	margin: 0 auto;
	width:750px;
	padding:20px 0 0 0;
	color:#990066;
	font-size: 1.3em;
}
#footer li{
	padding: 5px 20px;
}
#footer span{
	color:#FFF;
	font-weight:bold;
}

/*...................... FAQ page ..........................*/
#faq #content, #testimonials #content{
	width:720px;
}
ul#internalnav{
	font-size:1.3em;
	margin-bottom: 15px;
}
ul#internalnav a{
	background-color:#FFF2FC;
}
ul#internalnav li{
	background: url(images/faq-list-background.gif) no-repeat;
	padding:6px 1px 6px 28px;
	margin:1px;
	float:left;
	width:320px;
}
.section{
	clear:left;
	padding-top:0px;
}

/*......................... Pricing .......................*/

#pricing #content{
	width:720px;
}
#pricing #content h1{
	width:720px;
}
#pricing #content h1 span{
	background-repeat:no-repeat;
}
table{
	width:720px;
}
 table, th, td{  
	border-collapse:collapse;
	border:1px solid #FECDED;
	color:#CA0275;
	font-size:1.2em;
	padding:3px;
	text-align:center;
}
tr > td:first-child {
	text-align:left;
	background-color:#FFECF7;
}
tr > th:first-child {
	background:none;
}
th{
	font-size:1.2em;
	font-weight:bold;
	background-color:#333;
	padding-left:45px;
}
#bottom-row{
	background-color:#FFD9F1;
	font-size:1.3em;
}
#pricing #silver{
	color:#DFDFDF;
}
#pricing #gold{
	color:#FFCC33;
}
#pricing #platinum{
	color:#EEE;
}
#pricing #diamond{
	color:#FDB3F0;
}
#pricing #bronze{
	color:#F0FEBA;
}
#pricing #content ul{
	margin:20px;
}
#pricing #content li{
	padding: 3px;
	font-size:1.2em;
	color:#FF0066;
	list-style:square;
}
#pricing a{
	color:#993399;
	text-decoration:underline;
}
#pricing p{
	padding:10px 0;
	font-weight:bold;
}
#pricing li#overview{
	color:#333;
	font-size:1.5em;
	list-style:none;
}
#pricing-table a{
	color:#B0D33F;
	background-color:#fff;
	padding:2px;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	width:150px;
	margin: 5px;
}
#pricing #internalnav ul{
	padding:0;
}
#pricing #internalnav li{
	background-image:none;
	width:450px;
}
#pricing .section{
	margin:0;
	padding-top:5px;
}
tr#top			{ background:url(pricing-table-images/th-back.jpg) repeat-x  0 3px ; height:48px;}
#regent			{ background:url(pricing-table-images/regent.jpg) no-repeat 0 1px;}
#star			{ background:url(pricing-table-images/star.jpg) no-repeat 0 1px;}
#mountain		{ background:url(pricing-table-images/mountain.jpg) no-repeat 0 1px;}
#blue			{ background:url(pricing-table-images/blue.jpg) no-repeat 0 1px;}


/* ..................... Testimonial Page ..........................*/
#testimonials p span{
	color:#990066;
	font-style: italic;
	font-size:1.4em;
}
#testimonials h3{
	margin-top:25px;
}

/*.....................Home page ...............*/

#prev-photo a:link, #prev-photo a:visited {
	color:#AFD241;
	text-decoration:underline;
	font-size:1.4em;
}

#faq .section {
	padding-top:20px;
}