@charset "utf-8";
/* CSS Document */

body {background:#3b3b3b url(img/slice_VerticalX.gif) repeat-x;}
#main {width:820px; margin:2px auto 0 auto;}

/* NAVIGATION */
ul#menu {
	margin:0 0 0 17px; 
	padding:40px;
}

ul#menu li {
	list-style:none;
	display:inline;
}

ul#menu li a {
	display:inline;
	text-decoration:none;
	width: 122px;
    height: 45px;
    padding: 0;
    float: left;
    margin-left: 16px;
	background-image:url(img/btn_Nav.jpg);
	text-indent:-9999px;
}
#menu1 a {background-position:0 0}
#menu2 a {background-position:-140px 0}
#menu3 a {background-position:-279px 0}
#menu4 a {background-position:-419px 0}
#menu5 a {background-position:-558px 0}

#menu1 a.active, #menu1 a:hover, #menu1 .selected {
	background-position:0 -53px;
}
#menu2 a.active, #menu2 a:hover, #menu2 .selected{
	background-position:-140px -53px;
}
#menu3 a.active, #menu3 a:hover, #menu3 .selected {
	background-position:-279px -53px;
}
#menu4 a.active, #menu4 a:hover, #menu4 .selected {
	background-position:-419px -53px;
}
#menu5 a.active, #menu5 a:hover, #menu5 .selected {
	background-position:-558px -53px;
}

/* LOGO */
#logo h1 {margin-top:5px;display:block;text-indent:-9999px;}  
#logo {
	background-image:url(img/img_LogoHeader.gif);
	background-repeat:no-repeat;
	height:100px;
	width:820px;
	position:relative;
	margin:auto;
}

/* SUB NAV */
#sub_nav {
    float: right;
    list-style: none;
	margin-top:13px;}
#sub_nav li {
    float: right; }
#sub_nav li a {
    display: block;
	height:27px;
	text-indent:-9999px;}
#sub_weddings a {
	width:130px;}
#sub_portraits a {
	width:54px;}
#sub_sports a {
	width:122px; }

/* HOME PAGE */
#block_feature {
	margin:20px auto 0 auto;
	background:#151515;
	border:1px solid #262626;
	height:500px;
	width:820px;
}

#block_feature img {
	margin:0;
	padding:0;
	border:none;}
	
/* CONTENT */
.block_text {
	overflow:auto;
	background:#151515;
	border:1px solid #262626;
	margin:20px auto 0 auto;
	height:auto;
	font-size:9pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#bababa;
	padding:30px 15px 15px 15px;
}

.leftCol {
	float:left;
	width:460px;
	border-right:1px solid #262626;
	padding-right:15px;
}

.rightCol {
	float:right;
	width:310px;
	padding:0;
}

.block_gallery {
	background:#151515;
	border:1px solid #262626;
	margin:20px auto 0 auto;
	height:auto;
	font-size:9pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#bababa;
	padding:30px 15px 30px 15px;
	overflow:auto;
}

p.note {margin-top:30px; font-style:italic;}
p.end {margin-top:30px;}
#about .leftCol p{margin-bottom:13px;}
blockquote {
	background:url(img/quote.gif) no-repeat;
	padding-left:35px;
	padding-top:10px;
	margin:30px 0 0 15px;
	font-style:italic;
	color:#bababa;
	line-height:21px;
	height:485px;
	font-size:10pt;
}
p.phone{
	background:url(img/phone_icon.gif) no-repeat;
	padding:0 0 0 35px;
	margin:15px 0 0 15px;
	line-height:17px;}
	
p.email{ 
	background:url(img/mail_icon1.gif) no-repeat;
	padding:0 0 0 35px;
	margin:10px 0 0 15px;
	line-height:13px;}

p.address { margin-left:15px;margin-top:20px; line-height:18px; }

.message_wrap {margin-top:15px;padding:40px 15px 40px 15px;border:solid 1px #262626;}
p#emailSent { font-size:14pt;margin-bottom:5px;padding-left:22px;background:transparent url(img/success.gif) no-repeat 0 2px;}
p#error { font-size:14pt;color:#a21c12;padding-left:22px; background:transparent url(img/cross.gif) no-repeat 0 1px; margin-bottom:5px; }
p#error_message {color:#a21c12;}
#galleryMenu {overflow:auto;}

ul#galleryMenu li {
	list-style:none;
	display:inline;}

ul#galleryMenu li a {
	display:inline;
	text-decoration:none;
	text-indent:-9999px;
	width: 250px;
    height: 450px;
    padding: 0;
    float: left;
	border:1px double #262626;}
	
ul#galleryMenu #menu_weddings a
{background:url(img/gal_icon_wedding.jpg);}
ul#galleryMenu #menu_portraits a
{background:url(img/gal_icon_portrait.jpg);margin-left:15px;}
ul#galleryMenu #menu_sports a
{background:url(img/gal_icon_sport.jpg);margin-left:15px;}

ul#galleryMenu #menu_weddings a.active, ul#galleryMenu #menu_weddings a:hover
	{background-position:0 -450px;}
ul#galleryMenu #menu_portraits a.active, ul#galleryMenu #menu_portraits a:hover
	{background-position:0 -450px;}
ul#galleryMenu #menu_sports a.active, ul#galleryMenu #menu_sports a:hover
	{background-position:0 -450px;}
	
/* TITLES */
h2#weddings {
	display:block;
	height:32px;
	width:169px;
	background:url(img/weddings.gif) no-repeat;
	text-indent:-9999px;
}
h2#portraits {
	display:block;
	height:32px;
	width:166px;
	background:url(img/portraits.gif) no-repeat;
	text-indent:-9999px;
}
h2#sports {
	display:block;
	height:32px;
	width:118px;
	background:url(img/sports.gif) no-repeat;
	text-indent:-9999px;
}
#services h2{
	display:block;
	height:32px;
	width:140px;
	background:url(img/services.gif) no-repeat;
	text-indent:-9999px;
}
#about h2{
	display:block;
	height:32px;
	width:173px;
	background:url(img/aboutme.gif) no-repeat;
	text-indent:-9999px;
}
#contact h2{
	display:block;
	height:32px;
	width:145px;
	background:url(img/contact.gif) no-repeat;
	text-indent:-9999px;
}
#client_login h2{
	display:block;
	height:32px;
	width:204px;
	background:url(img/clientlogin.gif) no-repeat;
	text-indent:-9999px;
}
h3#fullDay{
	display:block;
	height:22px;
	width:152px;
	background:url(img/fullday.gif) no-repeat;
	text-indent:-9999px;
}
h3#fourHour{
	display:block;
	height:18px;
	width:145px;
	background:url(img/fourhour.gif) no-repeat;
	text-indent:-9999px;
}
h3#twoHour{
	display:block;
	height:17px;
	width:143px;
	background:url(img/twohour.gif) no-repeat;
	text-indent:-9999px;
}
h3#addOn{
	display:block;
	height:18px;
	width:78px;
	background:url(img/addon.gif) no-repeat;
	text-indent:-9999px;
}
h3#sendMail{
	display:block;
	height:17px;
	width:131px;
	margin-top:30px;
	background:url(img/sendmail.gif) no-repeat;
	text-indent:-9999px;
}
h3#contactDetails{
	display:block;
	height:17px;
	width:144px;
	background:url(img/contactdetails.gif) no-repeat;
	text-indent:-9999px;
	margin-left:15px;
	margin-top:30px;
}
h3 {margin-top:24px;margin-bottom:15px;color:#bababa;}
a#onlineProofs{
	display:block;
	height:18px;
	width:129px;
	background:url(img/onlineproofs.gif) no-repeat 5px 4px;
	text-indent:-9999px;
	margin-left:10px;
	margin-top:15px;
	padding:5px;
	border:1px solid #262626;
}
/* FORM */
fieldset {overflow:hidden;margin-bottom:60px;}
input.form_button{ 
	display:block;
	width:91px;
	height:32px;
	text-indent:-9999px;
	border:none;
	background:url(img/submit.gif);}
input.form_button:hover{
	background-position:0 -32px;
	cursor: hand;
	cursor:pointer;}
.login_button{ 
	display:block;
	width:91px;
	margin:auto;
	height:32px;
	text-indent:-9999px;
	border:none;
	background:url(img/login.gif);
	font-size:0px;
	display:block;
	line-height:0px;}
.login_button:hover{
	background-position:0 -31px;;
	cursor: hand;
	cursor:pointer;}
.loginbox {
	border:1px solid #262626;
	padding:20px;
	text-align:center;
	margin-bottom:45px;}
#client_login p {margin-bottom:60px;margin-top:15px;}
.passwordbox { 
	color:#bababa;
	border:1px solid #262626;
	background:transparent;
	padding:5px;
	margin:15px 0;
	width:190px;}
p#note {margin-top:105px;margin-bottom:30px;}
p#note, p#assistance {margin-left:15px;}
fieldset p{padding-bottom:15px;}
fieldset label {padding-left:7px;}
.blocklabel {padding:0;}
.text_input, .text_area {
	font-size:9pt;
	font-family: Arial, Helvetica, sans-serif;
	color:#bababa;
	border:1px solid #262626;
	background:transparent;
	padding:5px;}
.text_input {
	height:18px;
	width:210px;}
.text_area {
	height:130px;
	width:400px;
	margin-top:8px;}
#contact_form label.error {
	width: auto;
	display:none;
	margin-left:-7px;
	font-style:italic;
	color:#B11D1D;
	line-height:1px;
}
textarea {overflow:auto;}
input.error {border-color:#B11D1D}
textarea.error {border-color:#B11D1D;}
/* FADE CSS */
.fadeThis_icon {
	position:relative;
	display:block;
	margin:15px 0 15px 15px;
	height: 25px;
	width: 107px;
	background:url(img/facebook.gif) 0 0 no-repeat;}
.hover_icon {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	cursor: hand;
	cursor: pointer;
	height: 25px;
	width: 107px;
	background:url(img/facebook.gif) 0 -25px no-repeat;}

/* FOOTER */
#footer {
	margin-top:20px;
	background:none;}

.container {
	width:820px;
	margin:0 auto;
	position:relative;}

.container h4 {
	margin:0 auto 0 auto;
	display:block;
	width:340px;
	height:110px;
	text-indent:-9999px;
	background:url(img/img_footer.gif) no-repeat;}

.footer_column1 h4 {
	float:left;
	margin:55px 0 0 0;
	display:block;
	width:243px;
	height:10px;
	text-indent:-9999px;
	background:url(img/img_Copyright.jpg) no-repeat;}

.footer_column2 {float:right;}
/* misc */
hr{ color: #262626;
	border:0;
	background-color: #262626;
	height: 1px;
	}
img { border: 1px solid #262626; padding: 5px; background-color: none; margin-left:10px; }
img.replaced {margin:0;}
p {font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	line-height:21px;
	color:#bababa;
}

ul.services li { background:url(img/check.gif) no-repeat; padding-bottom:7px; padding-left: 20px; color:#bababa; 
				 font:font-family:Arial, Helvetica, sans-serif;
				 font-size:9pt;
				 }

img#bio { 
    float: left;
	margin:0 10px 0px 0;
}

/* links */
a { text-decoration: underline; color: #bababa; outline: none;}
a:hover { text-decoration: none; }
a img { border-style:none; }

p.after_gallery{clear:both;}
p.after_gallery a{color:#262626; font-style:italic; text-transform:capitalize;text-decoration:none; font-size:8pt;}
p.after_gallery a span{font-size:11pt;}

#center {height:620px;}
.landscape { padding-top:50px; }
#gallery { height: 100px; }
#gallery li {
    float: left;
    padding: 1px;
	background:url(img/ajax-loader.gif) 60% 60% no-repeat;
    border-color: #262626;
	cursor: hand;
    cursor: pointer;}
#center {background:url(img/ajax-loader.gif) 50% 50% no-repeat;}