body {
margin: 0px;
background-image:url('images/topgradient.jpg');
background-repeat:repeat-x;
background-color:#101d4c;
height:100%;
}

a:link { color: #de0017; text-decoration: none; }
a:visited { color: #de0017; text-decoration: none; }
a:hover { color: #de0017; text-decoration: underline; }
a:active { color: #de0017; text-decoration: none; }

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

ul {
list-style-type:square;
}

li {
padding-bottom:5px;
}

.buttons {
margin-left:auto;
margin-right:auto;
width:680px;
padding-right:20px;
}

.button1div {
float:left;
width:131px;
}

.button1 {
width: 111px;
height: 22px;
background: url('images/topbutton1.jpg') no-repeat;
background-position: 0 0px;
display: block;
}

.button1:hover {
background-position: 0 -22px;
display: block;
}

.button2div {
float:left;
width:229px;
}

.button2 {
width: 209px;
height: 22px;
background: url('images/topbutton2.jpg') no-repeat;
background-position: 0 0px;
display: block;
}

.button2:hover {
background-position: 0 -22px;
display: block;
}

.button3div {
float:left;
width:172px;
}

.button3 {
width: 172px;
height: 22px;
background: url('images/topbutton3.jpg') no-repeat;
background-position: 0 0px;
display: block;
}

.button3:hover {
background-position: 0 -22px;
display: block;
}

.contentbox {
width:732px;
padding-left:30px;
padding-top:10px;
padding-bottom:30px;
margin-left: auto;
margin-right: auto;
z-index:3;
font-size:13px;
font-family: helvetica, arial, sans-serif;
background-image:url('images/boxbg.png');
background-repeat:repeat-y;
}

.families {
float:right;
width:310px;
background-color:#ecf1ff;
border-bottom: #dcdcdc 2px solid;
border-right: #dcdcdc 2px solid;
padding:10px;
padding-bottom:20px;
font-size:13px;
font-family: helvetica, arial, sans-serif;
line-height:140%;
height:370px;
}

.familiesbutton {
width: 275px;
height: 76px;
background: url('images/families_button.png') no-repeat;
background-position: 0 0px;
display: block;
}

.familiesbutton:hover {
background-position: 0 -76px;
display: block;
}

.findbutton {
width: 273px;
height: 71px;
background: url('images/findaphotographer_button.jpg') no-repeat;
background-position: 0 0px;
display: block
}

.findbutton:hover {
background-position: 0 -71px;
display: block;
}

.littletext {
font-size:10px;
line-height:110%;
font-family: helvetica, arial, sans-serif;
}

.logo {
position: absolute;
width:250px;
padding-top:10px;
padding-left:590px;
margin-left: auto;
margin-right: auto;
z-index:3;
}

.nav {
position: absolute;
width:700px;
padding-top:108px;
padding-left:30px;
margin-left: auto;
margin-right: auto;
z-index:4;
}

.photographers {
float:left;
width:310px;
background-color:#ecf1ff;
border-bottom: #dcdcdc 2px solid;
border-right: #dcdcdc 2px solid;
padding:10px;
padding-bottom:20px;
font-size:13px;
font-family: helvetica, arial, sans-serif;
line-height:140%;
height:370px;
}

.photographersbutton {
width: 268px;
height: 76px;
background: url('images/photographers_button.png') no-repeat;
background-position: 0 0px;
display: block
}

.photographersbutton:hover {
background-position: 0 -76px;
display: block;
}

.portraits {
float:right;
width:238px;
padding-right:30px;
padding-top:0px;
}

.signupbutton {
width: 178px;
height: 76px;
background: url('images/signup_button.jpg') no-repeat;
background-position: 0 0px;
display: block
}

.signupbutton:hover {
background-position: 0 -76px;
display: block;
}

.signupcenter {
margin-left:auto;
margin-right:auto;
width:300px;
padding-left:90px;
}

.signuprules {
font-size:15px;
line-height:130%;
font-family: helvetica, arial, sans-serif;
float:right;
width:344px;
padding-right:30px;
padding-top:10px;
}

.textblock {
font-size:15px;
line-height:130%;
font-family: helvetica, arial, sans-serif;
margin-top:32px;
float: left;
}

.textblockintro {
font-size:15px;
line-height:130%;
width:670px;
font-family: helvetica, arial, sans-serif;
margin-top:32px;
float: left;
}

.thanks {
padding-bottom:15px;
}

.sponsors {
position:relative;
padding-top:30px;
width:950px;
left:50%;
margin-left:-475px;
color:#ffffff;
font-size:17px;
font-family: helvetica, arial, sans-serif;
font-weight:bold;
text-align:left;
}

.swirl {
position:absolute;
width:884px;
height:297px;
margin:0px;
padding:0px;
top:0;
left:0;
z-index:-1;
background-image:url('images/swirl.jpg');
}

.whitebox {
position: absolute;
width:762px;
height:68px;
padding:0px;
margin-left: auto;
margin-right: auto;
margin-top:85px;
z-index:2;
}

.wrapper {
width:822px;
margin-left: auto;
margin-right: auto;
}