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


a {
  outline: none;
}

img {
	border: none;
}
div, span{ margin:0px; padding:0px; border:0; }

body {
	background-image: url(./images/background1.jpg);
	background-repeat: repeat-x;
	background-color: #BEAE9B;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

div.frame{
	width:921px;
	height:642px;
	margin-top:25px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(./images/bg-panel3.png);
	background-position: top center;
	background-repeat:no-repeat;
	text-align: left;
}
/* navigation */
div.navigation{
	float:right;
	margin-top:12px;
	margin-right:30px;
	font-family:Tahoma, Geneva, sans-serif;
	padding-top:5px;
}
.navigation ul{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:;	
}

.navigation li{
	float:left;
}
.navigation a{
	display:block;
	width:100px;
	height:40px;
	text-decoration:none;
	/*color:#581e00;
	text-align:center;
	letter-spacing:1px; */
	background:transparent url(./images/navigation2.gif) no-repeat 0 0;
    text-indent:-9009px;
}
li#navigation2 a {
    width:100px;
    background-position: -100px 0;
    }
	
li#navigation3 a {
    width:100px;
    background-position: -200px 0;
    }

.navigation li a:hover{
    background-position: 0 -40px;
   }
 
li#navigation2 a:hover{
    background-position: -100px -40px;
    }
	
li#navigation3 a:hover{
    background-position: -200px -40px;
    }
	
/*sets up invisible home link in top left  */
div.homeLink{
	height:75px;	
}
p.homeLink{
	width:350px;
	height:75px;
	position:absolute;
	border: 0px;	
	margin-bottom: 1px;
}
.homeLink a{
	width:350px;
	height:75px;
	border-style:none;
	position:absolute;
	border: 0px;	
	margin-bottom: 1px;	
}

/* left column */
div.leftCol{
	width: 575px;
	height: 567px;
	}
	
div#border {
	width:561px;
	height:470px;
	border-top:none;
	border-left:none;
	border-bottom:none;
	border-right-style:solid;
	border-right-width:2px;
	border-right-color:#d9531e;
	margin-top:48px;
	position:absolute;
	z-index:2;
}

div.aboutLeftCol {
	width: 703px;
	height: 567px;
}
div#aboutBorder {
	width:715px;
	height:470px;
	border-top:none;
	border-left:none;
	border-bottom:none;
	border-right-style:solid;
	border-right-width:2px;
	border-right-color:#d9531e;
	margin-top: 48px;
	position:absolute;
	z-index:2;
}

div.workLeftCol {
	width: 874px;
	height: 567px;
	/*margin-top:20px;
	margin-left:56px;
	padding-top:25px;*/
}

div#workBorder {
	width:875px;
	height:470px;
	border-top:none;
	border-left:none;
	border-bottom:none;
	border-right-style:solid;
	border-right-width:2px;
	border-right-color:#d9531e;
	margin-top: 48px;
	position:absolute;
	z-index:2;
}

	
/* "I like to create" image on home page */	/* previously had img.creatImage class and a.createImage for no border */
/*div.createImage{
	width:522px;
	height:440px;
	margin-top:25px;
	margin-left:25px;
	position:absolute;	
	z-index:6;
}
div.createImage a{
	width:522px;
	height:360px;
	border: 0px;
	background-image:url(images/create-hover5.png);
	background-repeat:no-repeat;
	border-style:none;
	text-decoration:none;	
	position:absolute;
	overflow:hidden;
	}
div.createImage a:hover{
	width:522px;
	height:360px;
	border: 0px;
	background-position: -522px 0;
	background-repeat:no-repeat;
	overflow:hidden;
}
div.createImage a:active{
	width:522px;
	height:360px;
	border: 0px;
	background-position: 0 0;
	background-repeat:no-repeat;
	overflow:hidden;
}*/


div#g_home{
	width:546px;
	height:440px;
	margin-top:-2px;
	margin-left:0px;
	position:absolute;	
	z-index:5;	
}
div#g_home a{
	width:491px;
	height:324px;
	border: 0px;
	padding-top:88px;
	background-image:url(images/create-hover7.png);
	background-repeat:no-repeat;
	border-style:none;
	text-decoration:none;	
	position:absolute;
	overflow:hidden;	
}
div#g_home a:hover{
	width:546px;
	height:350px;
	border: 0px;
	background-position: -546px 0;
	background-repeat:no-repeat;
	overflow:hidden;	
}



/*great design image  */
div.greatDesign {
	width: 340px;
	height: 171px;	
}

/* Home right column */
div.homeRight {
	width:318px;
	height:500px;
	margin-left:610px;
	margin-top:70px;
	position:absolute;
	z-index:4;	
}
span.featuredPic{
	width:82px;
	height:82px;
	display:block;
	margin-top:18px;
	position:absolute;
	z-index:5;		
}
span.featuredPic a{
	width:82px;
	height:82px;
	background-image: url(images/sidebar8.jpg);
	background-repeat:no-repeat;
	position:absolute;
	overflow:hidden;
}
span.featuredPic a:hover{
	background-position: -82px 0;
	overflow:hidden;
}
span.featuredText{
	width:175px;
	height:85px;
	display:block;
	margin-top:18px;
	margin-left:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	position:absolute;
	z-index:5;	
}
span.featuredText a{
	color:#fff;
	font-weight:bold;	
}
span.featuredText a:hover{
	color:#d9531e;
	letter-spacing:1px;	
}
span.sidebarThumb{
	width:82px;
	height:82px;
	margin-top:18px;

	display:block;
	position:absolute;
	overflow:hidden;
	z-index:5;	
}
span.sidebarThumb a{
	width:82px;
	height:82px;
	position:absolute;
	background-repeat:no-repeat;
	overflow:hidden;
}
span.sidebarThumb a:hover{
	background-position: -82px 0;
	overflow:hidden;
}


/* About ride sidebar */
div.aboutRight {
	width:200px;
	height:500px;
	margin-left:775px;
	margin-top:70px;
	position:absolute;
	z-index:4;	
}


/* About text paragraphs and photo */
div.aboutMain{
	width:409px;
	height:330px;
	margin-top:;
	margin-left:56px;
	font-family:Arial, Helvetica, sans-serif;	
	position:absolute;
	z-index:5;
}

div.aboutMain p{
	text-align:justify;
	font-size:small;
	color:#fff;	
	letter-spacing:;
	line-height:150%;
	font-weight:bold;
	margin-top:15px;
}

div.aboutMain a{
	color:#BEAE9B;
	letter-spacing:1px;
}

div.aboutMain a:hover{
	color:#d9531e;	
	font-size:110%;
	text-decoration:none;
	}

span.orangeText {
	color:#d9531e;	
}

/* about Photo */
div.aboutPhoto {
	width:145px;
	height:233px;
	margin-top:140px;
	margin-left:40px;
	position:absolute;
	z-index:5;
	overflow:hidden;
}


div.aboutPhoto a{
	width:145px;
	height:233px;
	position:absolute;
	background-image: url(images/wedding-story.png);
	background-repeat:no-repeat;
	overflow:hidden;
}

div.aboutPhoto a:link{
	
}

div.aboutPhoto a:hover{
	background-position: -145px 0;
}

/* About second column */
div.aboutSecond {
	width:190px;
	height:501px;
	margin-top:70px;
	margin-left:492px;
	font-family:Arial, Helvetica, sans-serif;	
	position:absolute;
	z-index:5;
}
div.aboutSecond p{
	margin-top:7px;
	padding-left:20px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#BEAE9B;	
	letter-spacing:;
	line-height:170%;
	font-weight:bold;
}

div.aboutSecond h2{
	font-size:85%;
	color:#d9531e;	
	letter-spacing:.5px;
	line-height:150%;
	font-family:Arial, Helvetica, sans-serif;
}

div.aboutSecond a{
	color:#fff;	
}

div.aboutSecond a:hover{
	color:#d9531e;	
	font-size:110%;
	text-decoration:none;
}
/* Work page with thumbnails */

p#work1 {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	margin-top:8px;
	margin-left:92px;
	position:absolute;
	z-index:5;
	color:#fff;		
}
#work1 a{
	color:#fff;	
	text-decoration:none;
	}
#work1 a:hover{
	color:#d9531e;	
	font-size:110%;
	text-decoration:none;
	}

div.thumb {
	width:138px;
	height:121px;
	position:absolute;
	overflow:hidden;
	z-index:5;	
}

div.thumb a{
	width:138px;
	height:121px;
	position:absolute;
	background-repeat:no-repeat;
	overflow:hidden;
}
#pos1 a:hover{
	background-image:url(images/test-thumb.gif);
	background-position: -138px 0;
}
#pos2 a:hover{
	background-image:url(images/test-thumb.gif);
	background-position: -138px 0;
}
#pos3 a:hover{
	background-image:url(images/test-thumb.gif);
	background-position: -138px 0;
}
#pos4 a:hover{
	background-image:url(images/test-thumb.gif);
	background-position: -138px 0;
}
#pos5 a:hover{
	background-image:url(images/test-thumb.gif);
	background-position: -138px 0;
}
#pos6 a:hover{
	background-image:url(images/test-thumb.gif);
	background-position: -138px 0;
}
#pos7 a:hover{
	background-image:url(images/test-thumb.gif);
	background-position: -138px 0;
}
#pos8 a:hover{
	background-image:url(images/test-thumb.gif);
	background-position: -138px 0;
}
#pos9 a:hover{
	background-image:url(images/test-thumb.gif);
	background-position: -138px 0;
}
#pos10 a:hover{
	background-image:url(images/test-thumb.gif);
	background-position: -138px 0;
}
#pos11 a:hover{
	background-image:url(images/test-thumb.gif);
	background-position: -138px 0;
}
#pos12 a:hover{
	background-image:url(images/test-thumb.gif);
	background-position: -138px 0;
}
/* Work samples pages */

div.storySample{
	width:200px;
	height:413px;
	margin-top:75px; 
	margin-left:57px; 
	z-index:4; 
	position:absolute;	
}
div.storySample h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#d9531e;
	margin-top:10px;
	width:190px;			
}
div.storySample p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#BEAE9B;
	margin-top:10px;
	width:190px;		
}
div.imageSample{
	width:546px;
	height:413px;	
	margin-top:75px; 
	margin-left:274px; 
	/*z-index:4; */
	position:absolute;	
}
div.imageSample a{
	text-decoration:none;
	border:none;	
}
div#next{
	width:30px;
	height:87px;
	margin-top:434px;
	margin-left:831px;
	position: absolute;
	overflow:hidden;
	float:left;
	z-index:6;	
}
div#next a{
	width:30px;
	height:87px;
	background-image: url(images/work/next.png);
	background-repeat:no-repeat;
	position: absolute;
	overflow:hidden;
}
div#next a:hover{
	background-position:-30px 0;
}

div#previous{
	width:30px;
	height:87px;
	margin-top:434px;
	margin-left:232px;
	position: absolute;
	overflow:hidden;
	float:left;
	z-index:6;
}
div#previous a{
	width:30px;
	height:87px;
	background-image: url(images/work/previous.png);
	background-repeat:no-repeat;
	position: absolute;
	overflow:hidden;
}
div#previous a:hover{
	background-position:-30px 0;
}
div#back{
	width:32px;
	height:42px;
	margin-top:467px;
	margin-left:57px;
	position: absolute;
	overflow:hidden;
	float:left;
	z-index:6;
}
div#back a{
	width:32px;
	height:42px;
	background-image: url(images/work/work.png);
	background-repeat:no-repeat;
	position: absolute;
	overflow:hidden;
}
div#back a:hover{
	background-position:-32px 0;
}

/* contact form */
div.form {
	width:418px;
	height:330px;
	margin-top:15px;
	margin-left:40px;
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 12px;
	color:#fff;
	font-weight:bold;
	position:absolute;
	z-index:5;
}
div.form td{
	padding-bottom:5px;	
}

div.form input{
	border:none;
	width:225px;	
}

div.form select, div.form textarea{
	border:none;
	width:225px;
}


/* connect icons */

div#facebook {
	width:99px;
	height:82px;
	margin-top:20px;
	margin-left:21px;
	position:absolute;
	overflow:hidden;
	float:left;
	
}
div#facebook a{
	width:99px;
	height:82px;
	position:absolute;
	background-image: url(images/facebook.png);
	background-repeat:no-repeat;
	overflow:hidden;
}
div#facebook a:hover{
	background-position: -99px 0;
}

div#linkedin {
	width:99px;
	height:82px;
	margin-top:15px;
	margin-left:21px;
	position:absolute;
	overflow:hidden;
}
div#linkedin a{
	width:99px;
	height:82px;
	position:absolute;
	background-image: url(images/linkedin.png);
	background-repeat:no-repeat;
	overflow:hidden;
}
div#linkedin a:hover{
	background-position: -99px 0;
}

div#directemail {
	width:103px;
	height:82px;
	margin-top:15px;
	margin-left:21px;
	position:absolute;
	overflow:hidden;
}
div#directemail a{
	width:103px;
	height:82px;
	position:absolute;
	background-image: url(images/sayhello.png);
	background-repeat:no-repeat;
	overflow:hidden;
}
div#directemail a:hover{
	background-position: -103px 0;
}
/* Thank you conf page */
span#thankyou p{
	text-align:left; 
	margin-left:42px; 
	line-height:170%;
}
span#thankyou a{
	color:#BEAE9B;
	}

span#thankyou a:hover{
	color:#d9531e;	
	font-size:110%;
	text-decoration:none;
	}


/* Simple Viewer on work sample pages */

#simplegallery1{ /*CSS for Simple Gallery Example 1*/
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 0px;
}
#simplegallery1 .gallerydesctext{ /*CSS for description DIV of Example 1 (if defined)*/
text-align: left;
padding: 2px 5px;
}

/* Footer */
div.footer {
	margin-left:48px;
	margin-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
	position:absolute;
	z-index:6;
}
.footer ul{
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:;	
}
.footer li{
	float:left;
}
.footer a{
	display:block;
	width:80px;
	height:20px;
	text-decoration:none;
	color:#591F00;
	text-align:left;
	font-weight:bold;
	letter-spacing:1px;
}
div.footer a:visited{
	color:#591F00;
}
div.footer a:hover{
	color:#d9531e;
	letter-spacing:1px;	
}
div.copyright{
	margin-right:25px;
	margin-top:3px;
	font-family:Arial, Helvetica, sans-serif;
	color:#591F00;
	font-size:9px;
	font-weight:bold;
	float:right;		
}

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