body {
	background:top center  url(../images/background.jpg);
	text-align: center;
}
#container {
	position: relative;
	margin: 0 auto;
	top: 50px ;
	width: 856px;
	text-align: left;
	font-family: arial, sans-serif;
}

#header {
	position: absolute;
	margin: 0 auto;
	top: 0px;
	left: 0px;
	width: 856px;
	height: 15px;
	background: no-repeat center url(../images/header.png) ;
	z-index: 10;
}
#header2 {
	position: absolute;
	margin: 0 auto;
	top: 11px;
	left: 0px;
	width: 856px;
	height: 29px;
	background: no-repeat center url(../images/header3.png) ;
	z-index: 10;
}
#menu {
	position: absolute;
	margin: 0 auto;
	top: 15px;
	left: 0px;
	width: 856px;
	height: 25px;
	background: url(../images/sides2.png)  center;
	z-index: 15;
}

#indexmain {
	position: absolute;
	margin: 0 auto;
	top: 40px;
	left: 0px;
	width: 856px;
	height: 533px;
	font-family: arial, sans-serif;
	background: url(../images/sides3.png)  center;
	z-index:1;
}


#main {
	position: absolute;
	margin: 0 auto;
	top: 40px;
	left: 0px;
	width: 856px;
	height: 533px;
	font-family: arial, sans-serif;
	background: url(../images/sides.png)  center;
	z-index:1;
}
#main2 {
	position: relative;
	top: 0px;
	left: 28px;
	min-height: 300px;
	width: 800px;
	padding: ;
	
	font-family: arial, sans-serif;
	font-size: 10pt;
	color: #000000;
	
}

#main3 {
	position: relative;
	top: 0px;
	left: 200px;
	min-height: 0px;
	width: 800px;
	padding: ;
	
	font-family: arial, sans-serif;
	font-size: 10pt;
	color: #000000;
	
}
#main4 {
	position: absolute;
	margin: 0 auto;
	top: 40px;
	left: 0px;
	width: 856px;
	font-family: arial, sans-serif;
	color: #ffffff;
	background: url(../images/sides.png)  center repeat-y;
	z-index:1;
}

#contact {
	position: relative;
	top: 0px;
	left: 28px;
	height: 533px;
	width: 800px;
	padding: ;
	background: url(../images/contact.jpg);
	font-family: courier new, sans-serif;
	font-size: 9pt;
	color: #4a4a4a;
	
}

#ben {
	position: relative;
	top: 0px;
	left: 28px;
	height: 533px;
	width: 800px;
	padding: ;
	background: url(../images/about.jpg);
	font-family: courier new, sans-serif;
	font-size: 9pt;
	color: #4a4a4a;
	
}

#faq {
	position: relative;
	top: 0px;
	left: 28px;
	height: 533px;
	width: 800px;
	padding: ;
	background: url(../images/faq.jpg);
	font-family: courier new, sans-serif;
	font-size: 9pt;
	color: #deded6;	
}

#weddings {
	position: relative;
	top: 0px;
	left: 28px;
	height: 533px;
	width: 800px;
	padding: ;
	background: url(../images/weddings.jpg);
	font-family: courier new, sans-serif;
	font-size: 9pt;
	color: #4a4a4a;	
}

#engagement {
	position: relative;
	top: 0px;
	left: 28px;
	height: 533px;
	width: 800px;
	padding: ;
	background: url(../images/engagement.jpg);
	font-family: courier new, sans-serif;
	font-size: 9pt;
	color: #000000;	
}

#crazybooth {
	position: relative;
	top: 0px;
	left: 28px;
	height: 533px;
	width: 800px;
	padding: ;
	background: url(../images/crazybooth.jpg);
	font-family: courier new, sans-serif;
	font-size: 9pt;
	color: #ffffff;	
}


#about-info a:link {
	text-decoration: none;
	color: #000000;
}
#about-info a:visited {
	text-decoration: none;
	color: #000000;
}
#about-info a:active {
	text-decoration: none;
	color: black;
}
#about-info a:hover {
		color: #ff0000;
}

#about-studio a:link {
	text-decoration: none;
	color: #ffffff;
}
#about-studio a:visited {
	text-decoration: none;
	color: #ffffff;
}
#about-studio a:active {
	text-decoration: none;
	color: black;
}
#about-studio a:hover {
		color: #ff0000;
}
#main a:link {
	text-decoration: none;
	color: #999999;
}
#main a:visited {
	text-decoration: none;
	color: #999999;
}
#main a:active {
	text-decoration: none;
	color: black;
}
#main a:hover {
		color: #000000;
}

#main2 h1 {
	margin: 0px;
	font-family: arial, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #999999;
}
#main2 h1 em{
	margin: 0px;
	font-family: arial, sans-serif;
	font-size: 16pt;
	font-weight: bold;
	font-style: italic;
	color: #999999;
}
#main2 img {
	float: none;
	border: 10px;
	border-color: black;
}
#main3 {
position: absolute;
	margin: 0 auto;
	top: 490px;
	left: 300px;
	width: 400px;
	height: 60px;
	font-family: arial, sans-serif;
	background:  #ffffff ;
	z-index:1;
	text-align: center
}
.small {
	font-size: 8pt;
}
main3 img {
		float: left;
}
.indent {
	width: 500px;
	height: 0px;
	float: left;
	margin-left: 28px
}

.indent2 {
	width: 280px;
	float: left;
	margin-left: 450px;
	vertical-align: middle;
}
.indent2 input
{ margin-bottom: 0px;
}


.indent3 {
	width: 200px;
	float: left;
	margin-left: -275px;
	margin-top: 180px;
	vertical-align: middle;
}

.indent4 {
	width: 310px;
	float: left;
	margin-left: 240px;
	vertical-align: middle;
}

.indent4a {
	width: 600px;
	float: left;
	margin-left: 325px;
	vertical-align: middle;
}

.indent4b {
	width: 310px;
	float: left;
	margin-left: 590px;
	margin-top: 320px;
	vertical-align: middle;
}

.indent5 {
	width: 700px;
	float: left;
	margin-left: 50px;
	margin-top: -110px;
	vertical-align: middle;
}
.indent6 {
	width: 310px;
	float: left;
	margin-left: -310px;
	margin-top: 209px;
	vertical-align: middle;
}
.indent7 {
	width: 310px;
	float: left;
	margin-left: -310px;
	margin-top: 445px;
	vertical-align: middle;
}

.indent8 {
	width: 250px;
	float: left;
	margin-left: 100px;
	margin-top: 3px;
	vertical-align: middle;
}

.indent9 {
	width: 400px;
	height: 0px;
	float: left;
	margin-left: 59px
}
.indent10 {
	width: 310px;
	float: left;
	margin-left: 680px;
	vertical-align: middle;
}

.indent11 {
	width: 270px;
	float: left;
	margin-left: 610px;
	margin-top: -400px;
	vertical-align: middle;
}

.form {
  font-family: arial, sans-serif;
  font-style: italic;
  color: #ffffff;
}
#indexfooter {
	height: 31px;
	width:856px;
	top: 533px;
	position: absolute;
	background: url(../images/footer3.png) no-repeat;
	background-position: 0px 0px;
	padding: 0px
	font-family: Arial, sans-serif;
	font-size: 8pt;
	color: #999999;
	
}
#footer {
	height: 31px;
	width:856px;
	top: 533px;
	position: absolute;
	background: url(../images/footer.png) no-repeat;
	background-position: 0px 0px;
	padding: 0px
	font-family: Arial, sans-serif;
	font-size: 8pt;
	color: #999999;
	
}

#footer2 {
	height: 125px;
	width:856px;
	top: 564px;
	position: absolute;
	background: url(../images/footer2.png) no-repeat;
	background-position: 0px 0px;
	padding: 0px
	font-family: courier new, sans-serif;
	font-size: 8pt;
	color: #eeeeee;
	text-align: center;
}

.roll{
	position:relative;
	white-space: nowrap;
	display: block;
	margin: 0px auto;
	padding: 0px;
}
.roll a{
	display: block;
	color: white;
	float: left;
	text-decoration: none;
	border: 0px;
	padding: 0;
	margin: 0;
}
.roll img{
	border: 0px;
	padding: 0;
	margin: 0;
}
.roll a:hover img{
	visibility: hidden;
}






.m1 {
	position: absolute;
	top:0px;
	left:15px;
	white-spac nowrap;
	width: 117px;
	height: 25px;
	margin: 0;
	padding: 0;
}
.m1 a {
	display: block;
	color: #000000;
	font-size: 11px;
	width: 117px;
	height: 25px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
	background: no-repeat center url(../images/portfolio-r.gif);
}
.m1 img {
	width: 117px;
	height: 25px;
	border: 0px;
}
.m1 a:hover img {
	visibility:hidden;
}
.m2 {
	position: absolute;
	top:0px;
	left:132px;
	white-spac nowrap;
	width: 119px;
	height: 25px;
	margin: 0;
	padding: 0;
}
.m2 a {
	display: block;
	color: #000000;
	font-size: 11px;
	width: 119px;
	height: 25px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
	background: no-repeat center url(../images/weddings-r.gif);
}
.m2 img {
	width: 119px;
	height: 25px;
	border: 0px;
}
.m2 a:hover img {
	visibility:hidden;
}


.m3 {
	position: absolute;
	top:0px;
	left:251px;
	white-spac nowrap;
	width: 168px;
	height: 25px;
	margin: 0;
	padding: 0;
}
.m3 a {
	display: block;
	color: #000000;
	font-size: 11px;
	width: 168px;
	height: 25px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
	background: no-repeat center url(../images/engagement-r.gif);
}
.m3 img {
	width: 168px;
	height: 25px;
	border: 0px;
}
.m3 a:hover img {
	visibility:hidden;
}

.m3a {
	position: absolute;
	top:0px;
	left:419px;
	white-spac nowrap;
	width: 119px;
	height: 25px;
	margin: 0;
	padding: 0;
}
.m3a a {
	display: block;
	color: #000000;
	font-size: 11px;
	width: 119px;
	height: 25px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
	background: no-repeat center url(../images/crazybooth-r.gif);
}
.m3a img {
	width: 119px;
	height: 25px;
	border: 0px;
}
.m3a a:hover img {
	visibility:hidden;
}

.m4 {
	position: absolute;
	top:0px;
	left:538px;
	white-spac nowrap;
	width: 65px;
	height: 25px;
	margin: 0;
	padding: 0;
}
.m4 a {
	display: block;
	color: #000000;
	font-size: 11px;
	width: 65px;
	height: 25px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
	background: no-repeat center url(../images/ben-r.gif);
}
.m4 img {
	width: 65px;
	height: 25px;
	border: 0px;
}
.m4 a:hover img {
	visibility:hidden;
}
.m5 {
	position: absolute;
	top:0px;
	left:603px;
	white-spac nowrap;
	width: 72px;
	height: 25px;
	margin: 0;
	padding: 0;
}
.m5 a {
	display: block;
	color: #000000;
	font-size: 11px;
	width: 72px;
	height: 25px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
	background: no-repeat center url(../images/faq-r.gif);
}
.m5 img {
	width: 72px;
	height: 25px;
	border: 0
}
.m5 a:hover img {
	visibility:hidden
}
.m6 {
	position: absolute;
	top:0px;
	left:675px;
	white-spac nowrap;
	width: 86px;
	height: 25px;
	margin: 0;
	padding: 0;
}
.m6 a {
	display: block;
	color: #000000;
	font-size: 11px;
	width: 86px;
	height: 25px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
	background: no-repeat center url(../images/contact-r.gif);
}
.m6 img {
	width: 86px;
	height: 25px;
	border: 0
}
.m6 a:hover img {
	visibility:hidden
}
.m7 {
	position: absolute;
	top:0px;
	left:761px;
	white-spac nowrap;
	width: 80px;
	height: 25px;
	margin: 0;
	padding: 0;
}
.m7 a {
	display: block;
	color: #000000;
	font-size: 11px;
	width: 80px;
	height: 25px;
	display: block;
	float: left;
	color: black;
	text-decoration: none;
	background: no-repeat center url(../images/blog-r.gif);
}
.m7 img {
	width: 80px;
	height: 25px;
	border: 0
}
.m7 a:hover img {
	visibility:hidden
}


a
{
  outline: none;
}

.i {
  font-style: italic;
}
.sub{
color: #666666;
font-size: 10pt;
}
input, textarea
{
    background-color : #f6f6f2; 
    font-family: courier new;
    font-size: 11px;
    color : #000000;
    margin-bottom: 0px;
    border: 0px;
  
    
}

.indexlink {
	position: absolute;
	top:0px;
	left:0px;
	white-space; nowrap;
	width: 800px;
	height: 533px;
	margin: 0;
	padding: 0;
	outline: none;
}
a.indexlink {
	display: block;
	font-size: 11px;
	color: black;
	background:url("tp.gif");
	text-decoration: none;
	z-index:900;
	outline: none;
}
img.indexlink {
	width: 800px;
	height: 533px;
	border-width: 0px;
	z-index: -10;
	background:none;
	outline: none;
}

.back {
	position: absolute;
	top:0px;
	left:0px;
	white-space; nowrap;
	width: 200px;
	height: 533px;
	margin: 0;
	padding: 0;
	outline: none;
}
a.back {
	display: block;
	font-size: 11px;
	color: black;
	background:url("tp.gif");
	text-decoration: none;
	z-index:900;
	outline: none;
}
img.back {
	width: 200px;
	height: 533px;
	border-width: 0px;
	z-index: -10;
	background:none;
	outline: none;
}



.forward {
	position: absolute;
	top:0px;
	left:600px;
	white-space; nowrap;
	width: 200px;
	height: 533px;
	margin: 0;
	padding: 0;
	outline: none;
}

a.forward {
	display: block;
	font-size: 11px;
	color: black;
	background:url("tp.gif");
	text-decoration: none;
	z-index:800;
	outline: none;

}

img.forward {
	width: 200px;
	height: 533px;
	border-width: 0px;
	z-index: -10;
	background:none;
	outline: none;
}