/*structure*/
body
{
background-image:url(images/bg.jpg);
background-color:#f5f5f5;
background-position:center top;
background-repeat:no-repeat;
margin-top:0px;
margin-bottom:0px;
overflow-x:hidden;

}
#wrapper
{
width:975px;
margin-left:auto;
margin-right:auto;
}
#header
{
width:975px;
height:256px;
}
#content
{
width:975px;
padding-bottom:100px;
}
#leftblock
{
width:430px;
float:left;
padding-left:45px;
}
#centerblock
{
width:430px;
float:left;
padding-left:30px;
}
img
{
border:none;
}
#aboutleft
{
width:530px;
float:left;
margin-left:35px;
padding-top:45px;
}
#aboutright
{
width:350px;
float:left;
margin-left:25px;
padding-top:45px;
}

/*jquery*/
#mainport
{
width:980px;
height:402px;
background-image:url(images/mainport.jpg);
background-repeat:no-repeat;
margin:0px;
padding:0px;
}
#mainport li
{
list-style:none;
position:relative;
}
.infoitem
{}
#rachel
{
top:331px;
left:-8px;
width:286px;
height:38px;
}
#john
{
top:293px;
left:307px;
width:286px;
height:38px;
}
#classic
{
top:255px;
left:624px;
width:286px;
height:38px;
}
#rachelinfo
{
display:none;
width:980px;
height:583px;
background-image:url(images/portinfobg.jpg);
background-repeat:no-repeat;
}
#johninfo
{
display:none;
width:980px;
height:583px;
background-image:url(images/portinfobg.jpg);
background-repeat:no-repeat;
}
#classicinfo
{
display:none;
width:980px;
height:583px;
background-image:url(images/portinfobg.jpg);
background-repeat:no-repeat;
}
.infoleft
{
margin-top:35px;
margin-left:30px;
width:auto;
float:left;
}
.inforight
{
margin-top:55px;
margin-left:40px;
width:300px;
float:left;
}
.title
{
margin-bottom:10px;
}
.view
{
float:right;
}

/*footer*/
#footer
{
background-color:#393e48;
width:100%;
margin-bottom:0px;
}
#footercontent
{
width:975px;
margin-left:auto;
margin-right:auto;
padding-top:40px;
height:300px;
padding-left:75px;
}
.footerbox
{
width:200px;
height:300px;
margin-right:15px;
margin-left:10px;
float:left;
background-image:url(images/footerbar.jpg);
background-position:center right;
background-repeat:no-repeat;
}
.footerbox img
{
padding:5px;
}


/*menu sprite*/
#menu
{
width:935px;
height:54px;
background-image:url(images/menubar.gif);
position:relative;
}
#menu li
{
margin:0px;
padding:0px;
list-style:none;
position:absolute;
}
#menu li, #menu a
{
height:54px;
display:block;
}
#home
{
left:680px;
width:64px;
}
#about
{
left:744px;
width:68px;
}
#work
{
left:812px;
width:61px;
}
#contact
{
left:873px;
width:95px;
}
#home a:hover
{
background: transparent url(images/menubar.gif)
-680px -54px no-repeat;
}
#about a:hover
{
background: transparent url(images/menubar.gif)
-744px -54px no-repeat;
}
#work a:hover
{
background: transparent url(images/menubar.gif)
-812px -54px no-repeat;
}
#contact a:hover
{
background: transparent url(images/menubar.gif)
-873px -54px no-repeat;
}


/*portfolio*/
.portblock
{
width:313px;
height:224px;
background-image:url(images/portbg.jpg);
margin-right:10px;
margin-bottom:20px;
float:left;
}
.portimg
{
margin-left:25px;
margin-top:8px;
}
.portimglink
{
margin-left:25px;
}
/*typography*/
p
{
font-family:"Chapparel Pro", chapparel, georgia, times;
font-size:10pt;
line-height:20pt;
color:#5e646c;
}
strong
{
font-family: "Chapparel Pro", chapparel, georgia, times;
font-size:10pt;
line-height:20pt;
color:#d24247;
font-weight:normal;
}
a:link
{
font-family: "Chapparel Pro", chapparel, georgia, times;
font-size:10pt;
line-height:20pt;
color:#fc9732;
font-weight:normal;
text-decoration:none;
}
a:active
{
font-family: "Chapparel Pro", chapparel, georgia, times;
font-size:10pt;
line-height:20pt;
color:#fc9732;
font-weight:normal;
text-decoration:none;
}

a:visited
{
font-family: "Chapparel Pro", chapparel, georgia, times;
font-size:10pt;
line-height:20pt;
color:#fc9732;
font-weight:normal;
text-decoration:none;
}

a:hover
{
font-family: "Chapparel Pro", chapparel, georgia, times;
font-size:10pt;
line-height:20pt;
color:#d24247;
font-weight:normal;
text-decoration:none;
}
h1
{
font-family:century gothic, sans-serif;
font-size:14pt;
text-transform:uppercase;
line-height:20pt;
color:#5e646c;
font-weight:normal;
margin-bottom:-5px;
}
h2
{
font-family:century gothic, sans-serif;
font-size:12pt;
text-transform:uppercase;
line-height:20pt;
color:#f5f5f5;
font-weight:normal;
}
.footerbox a
{
font-family:"Chapparel Pro", chapparel, georgia, times;
font-size:10pt;
line-height:20pt;
color:#f5f5f5;
text-decoration:none;
}
.footerbox a:active
{
font-family:"Chapparel Pro", chapparel, georgia, times;
font-size:10pt;
line-height:20pt;
color:#f5f5f5;
text-decoration:none;
}
.footerbox a:visited
{
font-family:"Chapparel Pro", chapparel, georgia, times;
font-size:10pt;
line-height:20pt;
color:#f5f5f5;
text-decoration:none;
}
.footerbox a:hover
{
font-family:"Chapparel Pro", chapparel, georgia, times;
font-size:10pt;
line-height:20pt;
color:#dddddd;
text-decoration:none;
}

.txtfield
{
background-image:url(images/textfield.jpg);
width:497px;
height:43px;
padding-top:20px;
padding-left:10px;
background-repeat:no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12pt;
color:#5e646c;
border:none;
}
.txtfield:focus
{
background-image:url(images/textfield.jpg);
width:497px;
height:43px;
padding-top:20px;
padding-left:10px;
background-repeat:no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12pt;
color:#5e646c;
border:solid 1px #dddddd;
}
.cmtfield
{
background-image:url(images/commentfield.jpg);
width:497px;
height:217px;
padding-top:20px;
padding-left:10px;
background-repeat:no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12pt;
color:#5e646c;
border:none;
}
.cmtfield:focus
{
background-image:url(images/commentfield.jpg);
width:497px;
height:217px;
padding-top:20px;
padding-left:10px;
background-repeat:no-repeat;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12pt;
color:#5e646c;
border:solid 1px #dddddd;
}
.submit
{
background-color:#f5f5f5;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12pt;
color:#5e646c;
border:solid 1px #dddddd;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
}