/*COLORS
dark brown: rgb(89,61,43)
pink:(193,76,71)
green: rgb(176,203,105)
lemon: rgb(246,232,127)
*/
*{
margin:0;
padding:0;
border:0;
text-decoration:none;
list-style:none;
}
body{
color:rgb(89,61,43);
background:transparent url(../images/fanTightCorner.jpg) left bottom no-repeat;
background-attachment:fixed;
}
.clearFix:after{
content:".";
display:block;
clear:both;
height:0;
color:white;
visibility:hidden;
} 
.clearFix{
overflow : hidden; 
zoom:1;
}
#band{
height:6px;
border-top:8px solid rgb(193,76,71);
border-bottom:2px solid rgb(193,76,71);
}
#wrapper{
clear:both;
padding:0 0 0 20px;
background:transparent url(../images/p.gif) 40px 15px no-repeat;
}
.aboutBody #wrapper{
background:transparent url(../images/a.gif) 30px 5px no-repeat;
}
.resBody #wrapper{
background:transparent url(../images/r.gif) 30px 5px no-repeat;
}
.comBody #wrapper, .contactBody #wrapper{
background:transparent url(../images/c.gif) 30px 5px no-repeat;
}
#content{
padding:0 60px 40px 80px;
margin-right:20px;
max-width:950px;
background:transparent url(../images/gradLeft.gif) 0 0 no-repeat;
}
/* HEADERs _________________________________________________*/
#header h1{
padding-top:30px;
margin-left:20px;
line-height:0;
}
h2{
padding-top:50px;
margin-bottom:.5em;
border-bottom:1px solid rgb(193,76,71);
}
h3{
margin:0 110px 0 170px;
}
/* P, BLOCKQUOTE, SPAN, CITE _________________________________________________*/
p{
margin:0 100px .5em 180px;
font-size:122%;
line-height:1.2em;
}
.vcard{
height:300px;
margin:1em 0 0 0;
font-size:122%;
line-height:1.2em;
}
.vcard .fn{
font-size:114%;
font-style:italic;
}
/* LINKS _________________________________________________*/
a{
color:rgb(193,76,71);
}
a:hover{
border-bottom:1px dotted rgb(193,76,71);
}
#header h1 a:hover{
border:none;
}
/* LISTS _________________________________________________*/
ul.projAtt{
float:left;
color:rgb(193,76,71);
}
ul.projAtt li{
margin-bottom:.5em;
}
/* IMG _________________________________________________*/
img.imgL{
float:left;
margin:.5em 12px .5em 180px;
}
img.imgR{
float:right;
margin:.5em 110px .2em 12px;
border:1px solid rgb(89,61,43);
}
a.imgR{
float:right;
margin:.5em 100px .2em 12px;
padding-bottom:19px;
background:transparent url(../images/zoom.gif) bottom right no-repeat;
}
a.imgL{
float:left;
margin:.5em 12px .2em 180px;
padding-bottom:19px;
background:transparent url(../images/zoom.gif) bottom right no-repeat;
}
a.imgR img, a.imgL img{
border:1px solid rgb(89,61,43);
}
a.imgR:hover, a.imgL:hover{
border:none;
background:transparent url(../images/zoomOn.gif) bottom right no-repeat;
}
a.imgR:hover img, a.imgL:hover img{
border:1px solid rgb(193,76,71);
}
a.slides{
background:transparent url(../images/viewMore.gif) bottom right no-repeat;
}
a.slides:hover{
background:transparent url(../images/viewMoreOn.gif) bottom right no-repeat;
}
img.imgL{
float:left;
margin:.5em 12px .5em 180px;
}
img.imgRB{
float:right;
margin:.5em 110px .2em 12px;
border:1px solid rgb(89,61,43);
}
a.imgRB{
float:right;
margin:.5em 100px .2em 12px;
padding-bottom:19px;
background:transparent url(../images/zoom.gif) bottom right no-repeat;
}
a.imgLB{
float:left;
margin:.5em 12px .2em 180px;
padding-bottom:19px;
background:transparent url(../images/zoom.gif) bottom right no-repeat;
}
a.imgRB img, a.imgLB img{
border:1px solid rgb(89,61,43);
}
a.imgRB:hover, a.imgLB:hover{
border:none;
background:transparent url(../images/zoomOn.gif) bottom right no-repeat;
}
a.imgR:hover img, a.imgLB:hover img{
border:1px solid rgb(193,76,71);
}
a.slidesB{
background:transparent url(../images/viewMoreBefore.gif) bottom left no-repeat;
}
a.slidesB:hover{
background:transparent url(../images/viewMoreBeforeOn.gif) bottom left no-repeat;
}
img.imgL{
float:left;
margin:.5em 12px .5em 180px;
}
img.imgRA{
float:right;
margin:.5em 110px .2em 12px;
border:1px solid rgb(89,61,43);
}
a.imgRA{
float:right;
margin:.5em 100px .2em 12px;
padding-bottom:19px;
background:transparent url(../images/zoom.gif) bottom right no-repeat;
}
a.imgLA{
float:left;
margin:.5em 12px .2em 180px;
padding-bottom:19px;
background:transparent url(../images/zoom.gif) bottom right no-repeat;
}
a.imgRA img, a.imgLA img{
border:1px solid rgb(89,61,43);
}
a.imgRA:hover, a.imgLA:hover{
border:none;
background:transparent url(../images/zoomOn.gif) bottom right no-repeat;
}
a.imgRA:hover img, a.imgLA:hover img{
border:1px solid rgb(193,76,71);
}
a.slidesA{
background:transparent url(../images/viewMoreAfter.gif) bottom left no-repeat;
}
a.slidesA:hover{
background:transparent url(../images/viewMoreAfterOn.gif) bottom left no-repeat;
}
/* NAV _________________________________________________*/
#primNav{
padding:0 20px;
}
#primNav ul li{
float:left;
width:18%;
height:8.5em;
border:1px solid rgb(89,61,43);
border-width:1px 0 1px 1px;
}
#primNav ul li#com{
width:21%;
}
#primNav ul ul{
display:none;
}
.resBody #primNav ul #resProj{
display:block;
}
.comBody #primNav ul #comProj{
display:block;
}
.aboutBody #primNav ul #newsProj{
display:block;
}
#primNav ul ul li{
float:none;
width:auto;
height:auto;
border:0;
}
#primNav a{
display:block;
padding:5px 0 0 14px;
color:rgb(139,119,107);
}
#primNav a:hover,
#resProj1Body .proj1 a,
#comProj1Body .proj1 a,
#comProj2Body .proj2 a,
#comProj3Body .proj3 a,
#comProj4Body .proj4 a,
#newsProjBody .proj1 a{
color:rgb(89,61,43);
border-bottom:0;
background:transparent url(../images/tinySq.gif) 2% 55% no-repeat;
}
#primNav a.top{
display:block;
padding:5px 0 0 8px;
color:white;
font-size:136%;
letter-spacing:1px;
background-color:rgb(139,119,107);
}
#primNav a.top:hover,
.resBody #res .top,
.comBody #com .top,
.aboutBody #about .top,
#contactBody #contact .top{
background-color:rgb(89,61,43);
}
#primNav ul li#pic{
background:transparent url(../images/fanTightArty.jpg) 50% 50% repeat;
border-right:1px solid rgb(89,61,43);
}
#primNav ul li#res{
border-left:2px solid rgb(89,61,43);
}