/* CSS Document */

body {
	background-color:#dedede;
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#202020;
	line-height:175%;
	margin-bottom:0px
}

.address { font-size:10px; color:#6e6e6e }

h1 { font-size:14px; font-weight:bold }

h2 { font-size:13px; font-weight:bold }

h3 { font-size:12px; font-weight:bold }

#middle {
	background-image:url(website/img/bg.png);
	width:984px;
	height:1600px
}

#middle_cw {
	background-image:url(website/img/bg.png);
	width:984px;
	height:2000px
}

#header { background-image:url(website/img/header.png); width:984px; height:202px }

#bottom { background-image:url(website/img/footer.png); height:52px; width:984px }

#hcontent { width:940px; height:180px; padding-top:22px }

#maincontent { width:900px; height:600px }

#flashfile { width:900px; height:600px }

#flashfile2 { width:900px; height:563px }

#cright { width:480px; height:1540px; float:left; padding-right:42px; text-align:left }

#cleft {
	width:420px;
	height:1540px;
	float:left;
	padding-left:42px;
	text-align:left
}

#rightblock { width:300px; padding-right:42px; float:right; text-align:left; }

#leftblock { width:555px; padding-right:42px; padding-left:42px; float:left; text-align:left; }

.smlfield { width:250px; height:25px; line-height:25px; vertical-align:25px }

.lrgfield { width:480px; height:140px; font-family:"Trebuchet MS", Tahoma, "Lucida Sans" }

.submission { color:#CC0000; font-weight:bold }

.sent { color:#339900; font-weight:bold }


#showreel { width:900px;  }

/* ---------------------------------   main content   -------------------------------- */

#navigation { width:auto; height:30px; text-align:right; float:right; vertical-align:bottom; margin-right:20px; padding-top:102px }

#subnavigation { width:450px; height:20px; text-align:right; float:right; margin-right:20px }

.text { font-size:16px; font-weight:bold; color:#eeeeee }

.subtext { font-size:13px; font-weight:bold; color:#eeeeee }

h1 { font-size:16px; font-weight:bold; color:#aaaaaa }

.title { font-size:16px; font-weight:bold; color:#aaaaaa }

.fadet { font-size:16px; font-weight:bold; color:#eeeeee }

.ctext { font-size:11px; text-align:left; line-height:150%; color:#202020 }

#logo { width:224px; height:140px; float:left; margin-left:20px; margin-top:20px }

#line { width:450px; height:8px; margin-right:20px; float:right }

#kindtext { margin-left:80px; margin-right:80px }

#kind_words { 
	margin-left:80px; 
	margin-right:80px;
	padding:10px;
	background-color:#eeeeee;
	margin-top:30px;
	}

#footer {
	width:750px;
	height:auto;
	padding-top:20px;
	text-align:left;
	margin-left: 120px;
	margin-right: 120px;
	font-family: "Trebuchet MS";
	clear:both;
}
#footer2 {
	width:900px;
	height:auto;
	padding-top:20px;
	text-align:left;
	font-family: "Trebuchet MS";
}


/* ---------------------------------   complete weddings   -------------------------------- */

#titlebox { width:900px; height:50px; padding-top:20px; text-align:left; line-height:50px; vertical-align:middle }

#one {
	width:400px;
	float:left;
	margin-right:10px;
	text-align:left;
	height:auto
}
#two { width:80px; float:left; margin-right:10px; text-align:left; height:auto }
#three {
	width:50px;
	float:left;
	margin-right:10px;
	text-align:left;
	height:auto
}
#four { width:auto; float:left; margin-right:10px; text-align:left; height:auto }

#picturebox {
	width:300px;
	float:right;
	height:auto;
}


/* NEW VIDEO PAGE 2012 */

.left-frame {
	float:left;
	width:500px;
	height:281px;
	padding-bottom:20px;
	}
	
.right-content {
	float:left;
	height:281px;
	width:220px;
	margin-left:30px;
	padding-bottom:20px;
	}


/* ---------------------------------     -------------------------------- */

#gallery { width: 900px; height:600px; float:none; margin-left:20px; margin-right:20px; padding-top:20px }

#clist { width: 900px; height:506px; float:none; margin-left:20px; margin-right:20px; padding-top:20px }

#cvid { width: 900px; height:576px; float:none; margin-left:20px; margin-right:20px; padding-top:20px }

#portfolio { width: 900px; height:650px; float:none; margin-left:20px; margin-right:20px; padding-top:20px }

#video { width: 900px; height:506px; float:none; margin-left:20px; margin-right:20px; padding-top:20px }

#sections { width:180px; height:auto; float:left; text-align:left; line-height:150% }

#sections2 { width:300px; height:750px; float:left; text-align:left; line-height:125% }

#linebox { background-color:#eeeeee; width:900px; height:3px }

/* --------------------------- end -------------------------- */

a:link, a:visited, a:active { color:#aaaaaa; text-decoration:none; font-weight:bold }
a:hover { color:#6e6e6e; text-decoration:none; font-weight:bold }

a.sub:link, a.sub:visited, a.sub:active {color:#aaaaaa; font-weight:bold; font-size:13px }
a.sub:hover { color:#202020; font-weight:bold; font-size:13px; text-decoration:none }

a.top:link, a.top:visited, a.top:active {color:#202020; font-weight:bold; font-size:12px }
a.top:hover { color:#202020; font-weight:bold; font-size:12px; text-decoration:underline }

a.new:link, a.new:visited, a.new:active {
	color:#6e6e6e;
	font-weight:normal;
	font-size:14px;
	text-decoration:underline
}
a.new:hover {
	color:#202020;
	font-weight:normal;
	font-size:14px;
	text-decoration:underline
}

a.footert:link, a.footert:visited, a.footert:active {color:#6e6e6e; font-weight:normal; font-size:10px }
a.footert:hover { color:#202020; font-size:10px; font-weight:normal; text-decoration:underline }

a.ctact:link, a.ctact:visited, a.ctact:active {color:#202020; font-weight:normal; font-size:12px }
a.ctact:hover { color:#202020; font-size:12px; font-weight:normal; text-decoration:underline }
.photocaption {
	font-size: 12px;
}