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

body {margin: 0 auto; background: url(../images/shadowtrickslargebg.jpg) no-repeat top center; background-attachment: fixed; text-align: right; background-color: #242424;}
body.none {background: none; background-color: #242424;}

em {font-style: italic;}
strong {font-weight: bold;}
h1 {font-family: "Arial Narrow"; letter-spacing: .2em; color: #242424; font-size: 36px;}
p {font-family: Arial; font-size: 12px; color: #242424;}
.pink {font-size: 24px; color: #FF0099; padding: 20px 50px;}

#container {margin: 0 auto; width: 100%;}
#menu {margin: 0 auto; width: 100%; background-color: #FFFFFF; position: absolute; bottom: 70px; left: 0; padding: 5px 0;}
#menu h1{padding:5px 20px;}
#menu p {padding: 5px 28px;}
#menu ul {white-space: nowrap; list-style-type: none; margin-right: 20px; padding: 5px 0;}
#menu li {display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 0.02em; color: #242424; border-right: 1px solid #242424; padding: 0 6px 0 3px;}
#menu li.noborder {border-right: none;}
#menu li a {color: #242424; text-decoration: none;}
#menu li a:hover {color: #FF0099; text-decoration: none;}

/**/
#container2 {margin: 0 auto; width: 1000px; text-align: center;}
#gallery {margin: 0 auto; text-align: center;}
#gallery p {color: #FFFFFF; padding-top: 20px;}

#menuinside {margin: 0 auto; width: 100%; background-color: #FFFFFF; padding: 5px 0;}
#menuinside h1{padding:5px 20px;}
#menuinside p {padding: 5px 28px;}
#menuinside ul {white-space: nowrap; list-style-type: none; margin-right: 20px; padding: 5px 0;}
#menuinside li {display: inline; font-family: Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 0.02em; color: #242424; border-right: 1px solid #242424; padding: 0 6px 0 3px;}
#menuinside li.noborder {border-right: none;}
#menuinside li a {color: #242424; text-decoration: none;}
#menuinside li a:hover {color: #FF0099; text-decoration: none;}

#blackandwhite {margin: 0 auto; width: 100%; background: url(../images/borders/blackandwhite.jpg) no-repeat bottom center; height: 150px;}
#color {margin: 0 auto; width: 100%; background: url(../images/borders/color.jpg) no-repeat bottom center; height: 150px;}
#people {margin: 0 auto; width: 100%; background: url(../images/borders/people.jpg) no-repeat bottom center; height: 150px;}
#weddings {margin: 0 auto; width: 100%; background: url(../images/borders/weddings.jpg) no-repeat bottom center; height: 150px;}
#commercial {margin: 0 auto; width: 100%; background: url(../images/borders/commercial.jpg) no-repeat bottom center; height: 150px;}
#contact {margin: 0 auto; width: 100%; background: url(../images/borders/contact.jpg) no-repeat bottom center; height: 150px;}
#about {margin: 0 auto; width: 100%; background: url(../images/borders/about.jpg) no-repeat bottom center; height: 150px;}
#lomo {margin: 0 auto; width: 100%; background: url(../images/borders/lomo.jpg) no-repeat bottom center; height: 150px;}


#text {margin: 0 auto; text-align: center; padding-bottom: 50px;}
#textleft {margin: 0 auto; width: 60%; float: left; text-align: justify; padding-bottom:}
#textleft h1 {font-size: 24px; color: #FF0099; padding: 20px 50px;}
#textleft p {font-family: Arial; color: #FFFFFF; font-size: 12px; padding: 0 50px; line-height: 21px;}
#textleft a {color: #FFFFFF; text-decoration: none;}
#textleft a:hover {color: #FF0099; text-decoration: none; font-weight: bold;}
#textright {margin: 0 auto; width: 40%; float: left; text-align: center; padding-top: 20px;}
#textright img {border: 1px dotted #ff0099;}

#textright h1 {font-size: 24px; color: #FF0099; padding: 10px 50px; text-align: right;}

#textright p {font-family: Arial; color: #FFFFFF; font-size: 12px; padding: 0 50px; line-height: 21px; text-align: right;}


#contactform {margin: 0 auto; padding-top: 20px; padding-bottom: 30px; margin-left: 30px;}
#contactform p {color: #FFFFFF; line-height: 21px; padding-left: 20px; text-align: left; padding-bottom: 10px;}
#contactform p.center {text-align: center;}
form			{margin: 0 auto; width:405px;}
form label		{width:195px; float:left; font-size: 12px; font-family: Arial; text-align: left; color: #FFFFFF; letter-spacing: .02em; clear: both; margin: 5px 0;}
form input		{width:200px; float: right; border: 2px dotted #ff0099; background-color: #242424; color: #FFFFFF; margin: 6px 0;}

form textarea	{width:400px; height: 120px; padding:0; margin: 0 0 10px 0; border: 2px dotted #ff0099; background-color: #242424; color: #FFFFFF;}
form input.button {padding: 7px 10px; width: auto; background: #FFFFFF; color: #242424; border: none; float: left; height: auto;}
form input.button:hover {background-color: #ff0099; color: #FFFFFF;}

#alertPanel		{position:absolute; top:50px;  left:10px; filter: alpha(opacity=90);-moz-opacity:.9;opacity:.9; -khtml-opacity:.9; color:#FF0099;  width:440px; font-family: Arial, Helvetica, sans-serif; letter-spacing: 0.02em; font-size: 12px;}
input.alertBut	{padding:7px 10px; width:auto; background:#ffffff; color:#242424; border:none; height:auto; float:none; margin:0 auto;}

#addressinfo {width: 400px;}