body {background-image: url(i/page_background.jpg); background-color:#b2b2b2; background-repeat:repeat-x; margin: 0px 20px 20px;; font-family: Arial, Verdana, Helvetica, sans-serif;}
#header {width: 760px; height:4em; margin:0px auto; position: relative;}
	#logo {float:right; margin: 7px 5px 0px; border:none;}
	.logoContacts {float:right; clear:right; color:#ddd; margin-right:4px; font-weight:bold; margin-top:5px;}
	.logoContacts a {text-decoration: none; color:#ddd;}
	.logoContacts a:hover {text-decoration:underline;}
	#mainnavigation {float:left; margin: 0px; padding:0px; list-style-type:none;}
	#mainnavigation ul {position: absolute; bottom: 0px; left: 0px; list-style-type:none; margin:0px; padding:0px;}
	#mainnavigation ul li {padding:1px 5px 3px;}
	#mainnavigation ul li a {font-weight:normal; font-size:0.75em;}
	#mainnavigation ul li a.selected {font-weight:bold; font-size:0.75em; color: #333;}
	#mainnavigation li {float:left; border-left: 1px #999 solid; margin-right: 5px; padding:5px 0px 5px 5px;}
	#mainnavigation li a {font-size: 0.85em; color: #d2d2d2; text-decoration:none; font-weight:bold;}
	#mainnavigation li a.selected {color: #333;}
	#mainnavigation a:hover {color: #fff;}
#maincontainer {width: 760px; min-height:550px; height:auto !important; height:550px; background-color:#333;margin:0px auto;}

#footer {width: 760px; margin:0px auto;}
#footer p {text-align:center; color:#666;}
#footer p a {color:#666;}

#imageholder {background-color: #fff; padding:5px 5px 1px;}
#copy {padding:5px;}

/* TEMPLATE 2  */
.t2 #imageholder {float: left; width: 450px;}
.t2 #copy {float: right; width: 280px;}

/*  TEMPLATE 3  */
.t3 #imageholder {float: left; width: 135px;}
.t3 #copy {float: right; width: 595px;}

/*  TEMPLATE 4  */
.t4 #imageholder {float: left; width: 365px;}
.t4 #copy {float: right; width: 365px;}

/* TYPOGRAPHY */
h1 {font-size: 1.2em; color: #fff; font-family:"Trebuchet MS", Georgia, "Times New Roman", Times, serif; text-align:center; border-bottom: 1px solid #999999; width:85%; margin: 20px auto 10px; padding-bottom: 10px;}
h1.noBorder {border:none;}
h2 {margin: 30px 0px 0px; font-size: 0.85em; color: #fff;}
p, #copy li { color: #ddd; line-height:135%; font-size: 0.75em; margin-right:15px;}
#copy ul {margin-left: 15px; padding-left:0px;}
#copy li {margin-bottom: 10px;}
p.nomargtop {margin-top:0px;}
p.intropage {margin: 15px 150px !important; text-align:center;}

.videoholder {background-color:#000; text-align:center; padding: 100px 0px; margin-bottom:4px;}

#maincontainer a {font-weight: bold; color:#fff;}
#maincontainer a:hover {text-decoration:none; background-color: #ccc; color: #333;}

.logoLinks {list-style-type:none; margin:0px; padding:0px; text-align:center;}
.logoLinks li {float:left; margin: 10px;}
.logoLinks li a img {border:none}


.t1 p {margin-left: 70px; margin-right: 70px;}

/* COMMON */
.clearboth {clear:both;}
.hide {display:none;}
.stronger {font-weight:bold;}
.w50percent {width:50%;}
.clearLeft {clear:left;}
.clearRight {clear:right;}

/* THE TEAM melenweddings.co.uk/about_melen_weddings/the_team.php */
#mySlides {background-color:#000;}
.teamContainer {padding: 30px;}
.teamIndex {overflow:hidden;}
#myController {list-style-type: none; margin:0px; padding: 0px;}
#myController li { float:left;}
#myController li a img {border-style: none;}

.sub .jFlowControl {display: inline; background-color:#0000FF;}

.jFlowControl {display:block; width: 230px; height:200px; border: 1px solid #fff;}

/* GALLERY FILTER  melenweddings.co.uk/melen_weddings_photography/gallery.php */
#galleryfilter {list-style-type: none; margin:0px; padding: 0px; text-align:center;}
#galleryfilter li {display: inline;}
#galleryfilter li a {color:#ddd; text-decoration:none; padding:1px;}
#galleryfilter li a.selected {font-weight:bold; color: #333; background-color:#fff;}
#galleryfilter li a:hover {text-decoration:none;}