@charset "utf-8";
body {
	font-family: Helvetica, Tahoma, Arial;
	font-size: 11px;
	color: #ffffff;
	text-decoration: none;
	background-color: #111111;
	text-align: center;
	display: inline;
	margin: 0px;
	padding: 0px;
}
.maxheight {height: 100%;}
#mainshell {margin: 0 auto; width: 800px; height: 480px; border: 2px solid #ffffff; clear: both; background-image: url(images/logo-bg.jpg); background-repeat: no-repeat; background-position: bottom left; background-color: #000000;}

/* Footer */
#footer {margin: 0 auto; width: 800px; height: 30px; font-family: Helvetica, Tahoma, Arial; font-size: 10px; color: #ffffff; padding-top: 10px;}
.foottext {font-family: Helvetica, Tahoma, Arial; font-size: 10px; color: #ffffff; text-decoration: none;}
.foottext:link {font-family: Helvetica, Tahoma, Arial; font-size: 10px; color: #ffffff; text-decoration: underline;}
.foottext:visited {font-family: Helvetica, Tahoma, Arial; font-size: 10px; color: #ffffff; text-decoration: underline;}
.foottext:hover {font-family: Helvetica, Tahoma, Arial; font-size: 10px; color: #999999; text-decoration: underline;}
.foottext:active {font-family: Helvetica, Tahoma, Arial; font-size: 10px; color: #999999; text-decoration: underline;}

/* Navigation */
#navcontain {height: 12px; margin-left: 24px; margin-top: 10px; float:left; display: inline; width: 452px; text-align: center; clear: both;}
.navcolourbox {height: 12px; width: 12px; float: left; display: inline; background-color: #ffffff; margin-right: 5px; margin-left: 20px;}
.navimg {margin-left: 16px; margin-right: 8px; float: left;}

.navs {font-family: Helvetica, Tahoma, Arial; font-size: 11px; color: #ffffff; text-decoration: none; float:left; font-variant: small-caps;}
.navs:link {font-family: Helvetica, Tahoma, Arial; font-size: 11px; color: #ffffff; text-decoration: none; float:left; font-variant: small-caps;}
.navs:visited {font-family: Helvetica, Tahoma, Arial; font-size: 11px; color: #ffffff; text-decoration: none; float:left; font-variant: small-caps;}
.navs:hover {font-family: Helvetica, Tahoma, Arial; font-size: 11px; color: #999999; text-decoration: none; float:left; font-variant: small-caps;}
.navs:active {font-family: Helvetica, Tahoma, Arial; font-size: 11px; color: #999999; text-decoration: none; float:left; font-variant: small-caps;}

.navssel {font-family: Helvetica, Tahoma, Arial; font-size: 11px; color: #999999; text-decoration: none; float:left; font-variant: small-caps;}
.navssel:link {font-family: Helvetica, Tahoma, Arial; font-size: 11px; color: #999999; text-decoration: none; float:left; font-variant: small-caps;}
.navssel:visited {font-family: Helvetica, Tahoma, Arial; font-size: 11px; color: #999999; text-decoration: none; float:left; font-variant: small-caps;}
.navssel:hover {font-family: Helvetica, Tahoma, Arial; font-size: 11px; color: #999999; text-decoration: none; float:left; font-variant: small-caps;}
.navssel:active {font-family: Helvetica, Tahoma, Arial; font-size: 11px; color: #999999; text-decoration: none; float:left; font-variant: small-caps;}


/* Image Display */
#bigimage {height: 400px; width: 400px; margin-top: 30px; margin-left: 40px; float: left; display: inline;}
#slideshow {height: 420px; width: 420px; margin-top: 20px; margin-left: 30px; float: left; display: inline; background-color: #ffffff;}
.galleryentry {border: 1px solid #ffffff; margin-bottom: 15px;}
#clientareabox {height: 400px; width: 420px; margin-top: 30px; margin-left: 40px; float: left; display: inline;}
.cliententry {border: 1px solid #ffffff; margin-right: 8px;}
.cliententryend {border: 1px solid #ffffff;}
.mainimgedge {border-right: 1px solid #ffffff;}


/* Home Styles */
#home-mainshell {
	margin: 0 auto;
	width: 800px; height: 480px;
	border: 2px solid #ffffff;
	background-image: url(images/home-bg.jpg); background-repeat: no-repeat;
}
#home-containleft {float: left; width: 300px; height: 480px;}
#home-navcontain {margin-top: 325px; margin-left: 25px; float: left; display: inline; width: 270px; height: 30px;}
.home-navrow {height: 15px; float: left; display: inline; margin-bottom: 10px; clear:both;}
.home-navcolourbox {height: 15px; width: 15px; float: left; display: inline; background-color: #ffffff; margin-right: 15px;}

.home-navs {font-family: Helvetica, Tahoma, Arial; font-size: 11px; color: #ffffff; text-decoration: none; font-variant: small-caps;}
.home-navs:link {font-family: Helvetica, Tahoma, Arial; font-size: 11px; color: #ffffff; text-decoration: none; font-variant: small-caps;}
.home-navs:visited {font-family: Helvetica, Tahoma, Arial; font-size: 11px; color: #ffffff; text-decoration: none; font-variant: small-caps;}
.home-navs:hover {font-family: Helvetica, Tahoma, Arial; font-size: 11px; color: #999999; text-decoration: none; font-variant: small-caps;}
.home-navs:active {font-family: Helvetica, Tahoma, Arial; font-size: 11px; color: #999999; text-decoration: none; font-variant: small-caps;}

/* Wedding Styles */
#wed-mainshell {
	margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px;
	width: 800px; height: 480px;
	border: 2px solid #999999;
}
#wed-containleft {float: left; width: 320px; height: 480px; text-align: center;}
#wed-containright {float: right; width: 476px; height: 480px; text-align:left;}
.wed-smallimg {width: 70px; height: 70px; float: left; display:inline; margin-left: 10px; margin-top: 10px;}
#wed-sectionlinks {
	float: left;
	height: 20px;
	text-align: center;
	width: 320px;
	margin-top: 30px;
}
.section-navs {font-family: Helvetica, Tahoma, Arial; font-size: 10px; color: #ffffff; text-decoration: none;}
.section-navs:link {font-family: Helvetica, Tahoma, Arial; font-size: 10px; color: #ffffff; text-decoration: none;}
.section-navs:visited {font-family: Helvetica, Tahoma, Arial; font-size: 10px; color: #ffffff; text-decoration: none;}
.section-navs:hover {font-family: Helvetica, Tahoma, Arial; font-size: 10px; color: #999999; text-decoration: none;}
.section-navs:active {font-family: Helvetica, Tahoma, Arial; font-size: 10px; color: #999999; text-decoration: none;}

.sectionsel-navs {font-family: Helvetica, Tahoma, Arial; font-size: 10px; color: #999999; text-decoration: none;}
.sectionsel-navs:link {font-family: Helvetica, Tahoma, Arial; font-size: 10px; color: #999999; text-decoration: none;}
.sectionsel-navs:visited {font-family: Helvetica, Tahoma, Arial; font-size: 10px; color: #999999; text-decoration: none;}
.sectionsel-navs:hover {font-family: Helvetica, Tahoma, Arial; font-size: 10px; color: #999999; text-decoration: none;}
.sectionsel-navs:active {font-family: Helvetica, Tahoma, Arial; font-size: 10px; color: #999999; text-decoration: none;}


/* Online Styles */
#online-mainshell {
	margin-left: auto; margin-right: auto; margin-top: 0px; margin-bottom: 0px;
	width: 800px; height: 600px;
	border: 2px solid #ffffff;
	background-color: #000000;
}
#online-containleft {float: left; width: 320px; height: 100px;}
#online-containright {float: right; width: 476px; height: 100px; text-align:center; background-color: #000000;}
#online-syspages {float: left; width: 800px; height: 500px; text-align:center;}

/* Contact Styles */
#contact-mainshell {
	margin: 0 auto;
	width: 800px; height: 480px;
	border: 2px solid #ffffff;
	background-color: #000000;
}
#contact-containleft {float: left; width: 320px; height: 80px;}
#contact-containright {float: right; width: 476px; height: 80px; text-align:center;}

/* Contact Form */

.message {
	font-family: Helvetica, Tahoma, Arial;
	font-size: 11px;
	color: #ffffff;
	background-color: #222222;
	border: 1px #ffffff solid;
	width: 170px;
	height: 175px;
	padding: 2px;
	overflow: auto
}
.address {
	font-family: Helvetica, Tahoma, Arial;
	font-size: 11px;
	color: #ffffff;
	background-color: #222222;
	border: 1px #ffffff solid;
	width: 170px;
	height: 75px;
	padding: 2px;
	overflow: auto
}
.textfields {
	font-family: Helvetica, Tahoma, Arial;
	font-size: 11px;
	color: #ffffff;
	background-color: #222222;
	border: 1px #ffffff solid;
	width: 170px;
	height: 18;
	padding: 2px;
}
.labels {
	font-family: Helvetica, Tahoma, Arial;
	font-size: 11px;
	color: #ffffff;
}
.contdets {float:right; text-align: right; padding-right: 5px;}
.name {
	font-family: Helvetica, Tahoma, Arial;
	font-size: 10px;
	color: #999999;
	font-weight: bold;
	text-align: right;
}
.contadd {
	font-family: Helvetica, Tahoma, Arial;
	font-size: 10px;
	color: #ffffff;
	text-align: right;
}
#textcont {
	float: left;
	text-align: center;
}
#textarea {
	position:relative;
	width:409px;
	height:400px;
	left: 20px; top: 30px;
	z-index:1;
	font-family: Helvetica, Tahoma, Arial;
	font-size: 11px;
	color: #ffffff;	
	text-align: left;
	overflow: auto;	
	margin-left: 21px;
	padding-right: 10px;
	scrollbar-face-color:#FFFFFF;
	scrollbar-highlight-color:#000000;
	scrollbar-3dlight-color:#000000;
	scrollbar-darkshadow-color:#000000;
	scrollbar-shadow-color:#000000;
	scrollbar-arrow-color:#000000;
	scrollbar-track-color:#000000;		
}

#center{
	width:800px;
	margin: 0 auto;
}
#facebook{
	float:left;
	width:400px;
	height:70px;
	text-align:left;
}

#twitter{
	position:relative;
	right:-158;
}