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

body{
background: #ab4800 url(../images/bg.jpg) repeat-x scroll left top;
font-family: verdana;

}
b{font-weight:normal;}
h2{font-size: 14px;}

#wrapper{
background: url(../images/wrapbg.jpg) no-repeat scroll center top;
text-align: center;
height: 577px;
width: 100%;}

h3{
text-indent: -9999px;}

.wedding_quote{
margin-top:20px;}

#wrappertwo{background: url(../images/wrap2.jpg) no-repeat scroll center top;
height: 449px;
margin: 0 auto;
width:968px;}

#wrapperthree{background: url(../images/wrap3.jpg) no-repeat scroll center top;
height: 547px;
margin: 0 auto;
position: relative;
width:968px;}

#inner{
background: none;
height: 130px;
margin: 0 auto;
width: 800px;}

.shift{
margin-left: 67px;}
	
#inner h1{
color: #ccc;
font-size: 9px;
float: left;
text-align: left;
width: 500px;
padding-top: 10px;}
	
#contacts{
float:right; 
width: 180px;
padding-top: 10px;}	
	
#content_box{
margin: 0 auto;
padding:30px 0 0 380px;
position: relative;
width: 420px;}
	
#content_box p, #wedding_box p, #party_box p, #contact_box p{
line-height: 25px;
font-size: 14px;
margin-top: 10px;
text-align: left;}

#party_box .small{font-size:12px; padding-left:105px;}


#navigation{
width:820px;
margin: 0 auto;}

#nav{
margin-left:225px;}

#nav ul{
list-style-image:none;
display: inline;}

#nav li{
text-transform: uppercase;
font-weight: bold;
display: inline;
margin-left:7px;
font-size:14px;}

#nav a.current{color:#000;}#nav a:hover{color:#000;}#nav a:visited{color:#ab4801;}

#wedding_box{
padding: 150px 0 0 160px;
width: 390px;}

#wedding_box h2{
text-indent:-9999px}

#party_box{
float:left;
padding: 150px 0 0 157px;
width: 366px;
margin-right: 15px;}

#contact_box{
float: left;
padding-top:160px;}


/****footer***/


#footer{
border-top: 1px solid #CCC;
margin-top:100px;
height:200px;
background: #220900;}

#footer_inner{
width:932px;
margin: 0 auto;
padding-top: 20px;}

#footer h2{
background: url(../images/links.jpg) no-repeat scroll 0 0;
height: 43px;
width: 89px;
text-indent: -9999px;}

#footer a{font-size: 12px;}
#footer span{font-size: 12px; color:#CCC;}
#footer .left{line-height:25px; padding-left: 112px; width: 290px; float: left;}
#footer .right{color: #812200; margin-top: 9px; width: 400px; float: right;}






/****form****/
#form{ 
padding-left: 10px;
width:350px;}

#form input, #form textarea{
border: 1px solid #CCC;
font-size: 14px;
padding:3px;
margin: 0 0 20px;
width: 250px;}

#form label {
color:#ab4800;
display: block;
float: left;
font-size: 14px;
font-weight: bold;
margin: 5px 2px 0 0;
text-align: left;
width:60px; }

#form label.error{
color: red;
font-size: 10px;}


#form input#button1{
cursor: pointer;
float: right;
margin-right: 13px;
border: medium none;
bottom: 60px;
background: transparent url(../images/submit.jpg) no-repeat scroll 0 0;
width: 99px;
height: 48px;
position: absolute;
right:71px;
text-indent: -9999px;
overflow: hidden;
font-size: 0px; display:block; line-height: 0px; /*these last three ppties anre so text doesnt display in ie*/}

#form input:focus, #form textarea:focus{
border: 2px solid #ddd;}