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

img, div, input { behavior: url("iepngfix.htc") }

body {
	padding:0px;
	margin:0px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:12px;
	background-image:url(images/bg_strip.jpg);
	background-repeat:repeat-x;
	background-color:#161515;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}

.mainWrapper {
	padding:0px;
	margin:0px;
	background-image:url(images/homeBG.jpg);
	background-repeat:no-repeat;
	width:972px;
	height:897px;
}

.subWrapper {
	padding:0px;
	margin:0px;
	background-image:url(images/subNavBG.jpg);
	background-repeat:no-repeat;
	width:972px;
}

.logo {
	padding:32px 0px 0px 320px;
}

.clear {
	clear:both;
}

/*====================================================== NAV */

.navHolder {
	padding:0px 0px 0px 75px;
}

#nav {
	padding:10px 0px 0px 75px;
	margin:0px;
}

#nav li { 
	display: inline;
	list-style:none;
	margin:0px 10px 0px 0px;
}

#nav li a {
	margin:0px 38px 0px 0px;
}

#btn_gallery a { 
	background-image:url(images/btn_gallery.jpg);
	float: left; width: 82px; height: 28px; overflow: hidden;
}

#btn_gallery a:hover {
	background-position: 0px -28px;
}

#btn_collections a { 
	background-image:url(images/btn_collections.jpg);
	float: left; width: 187px; height: 28px; overflow: hidden;
}

#btn_collections a:hover {
	background-position: 0px -28px;
}

#btn_clients a { 
	background-image:url(images/btn_clients.jpg);
	float: left; width: 74px; height: 28px; overflow: hidden;
}

#btn_clients a:hover {
	background-position: 0px -28px;
}

#btn_about a { 
	background-image:url(images/btn_about.jpg);
	float: left; width: 66px; height: 28px; overflow: hidden;
}

#btn_about a:hover {
	background-position: 0px -28px;
}

#btn_contact a { 
	background-image:url(images/btn_contact.jpg);
	float: left; width: 82px; height: 28px; overflow: hidden;
}

#btn_contact a:hover {
	background-position: 0px -28px;
}

.btnOn {
	background-position: 0px -28px;
}

/*==================================================== home page */

.homeFlash {
	float:left;
	padding:18px 0px 0px 60px;
	margin:0px 0px 0px 0px;
}

/*==================================================== Gallery page */

.galleryHolder {
	float:left;
	width:833px;
	height:555px;
	background-image:url(images/galleryBG.jpg);
	background-color:#000;
	margin:18px 0px 0px 60px;
	padding:0px;
	display: block;
}

#gallNav {
	margin:0px 0px 5px 30px;
	padding:0px;
}

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

#gallNav li a {
	margin:1px 1px 0px 0px;
	padding:28px 0px 0px 0px;
	
}

#wedding_btn a { 
	background-image:url(images/gall_portraitBtn.jpg);
	float: left; width: 82px; height: 0px; padding-top: 30px; overflow: hidden;
}

#wedding_btn a:hover {
	background-position: 0px -30px;
}

#fineArt_btn a { 
	background-image:url(images/gall_fineartBtn.jpg);
	float: left; width: 82px; height: 0px; padding-top: 30px; overflow: hidden;
}

#fineArt_btn a:hover {
	background-position: 0px -30px;
}

.gallbtnOn {
	background-position: 0px -30px;
}

.galleryNav {
	padding:0px 0px 0px 50px;
	margin:0px 0px 0px 0px;
}

.galleryFlash {
	padding:0px 0px 0px 65px;
	margin:0px 0px 0px 0px;
	width:689;
	height:519;
	vertical-align:top;
}

/*==================================================== Sub pages */

/*==================================================== Collect */

.collectArea {
	background-image:url(images/subLower.jpg);
	background-repeat:no-repeat;
	height:1900px; /* moves the outside border up or down */
	background-position:bottom;
}

.collectContent {
	float:left;
	margin:20px 0px 0px 60px;
	background-color:#CCC;
	width:833px;
	height:1500px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	text-align:center;
	line-height:21px;
}

.collectContent p {
	padding:0px 20px;
	
}

.collectContent h1 {
	font-size:16px;
	font-style:bold;
}

.collectContent h2 {
	font-size:9px;
}

.collectContent a {
	color:#FFF;
	text-decoration:underline;
}

.collectContent a:hover {
	text-decoration:none;
}


/*==================================================== About */

.aboutArea {
	background-image:url(images/subLower.jpg);
	background-repeat:no-repeat;
	height:1402px; /* moves the outside border up or down */
	background-position:bottom;
}

.aboutContent {
	float:left;
	margin:18px 0px 0px 60px;
	background-color:#CCC;
	width:833px;
	height:1080px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:21px;
}

.aboutContent p {
	padding:0px 50px;	
}

.aboutContent h1 {
	padding:0px 50px;
	font-size:16px;
	font-style:bold;
}

/*==================================================== Contact */

.contactHolder {
	float:left;
	width:833px;
	height:555px;
	background-image:url(images/contactBG.jpg);
	background-color:#000;
	margin:18px 0px 0px 60px;
	padding:0px;
}

.contactWrapper {
	padding:55px 0px 0px 40px;
	margin:0px 0px 0px 0px;
	width:689;
	height:519;
	color:#333;
}

.contactWrapper h1 {
	padding:0px;
	margin:0px;
}

#send {
	padding:0px 123px 0px 0px;
	}

.clientArea {
	background-image:url(images/subLower.jpg);
	background-repeat:no-repeat;
	height:1875px; /* moves the outside border up or down */
	background-position:bottom;
}

.clientContent {
	float:left;
	margin:20px 0px 0px 60px;
	background-color:#CCC;
	width:833px;
	height:1650px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:21px;
}

.clientHolder {
	padding-left:55px;
	width:700px;
}

.contactTxt {
	font-size:12px;
}

.contactTxt p {
	padding:15px 0px 0px 0px;
}

.contactTxt a {
	color:#666;
	text-decoration:underline;
}

.contactTxt a:hover {
	text-decoration:none;
}