@import url("sitewide.css");
/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -


*/

body{
background:#FFFFFF;
margin:10px 0px 0px 0px;
padding:10px 0px 0px 0px;
text-align:center;
font-family:Georgia, Arial,Verdana,Helvetica,sans-serif;
background-image: url(../g/film.jpg);
background-position: center top;
background-repeat: repeat-x;
}
/******************************
* THE TOP PRIMARY NAVIGATION
******************************/
div#primarynav{
height:53px;
width:700px;
margin:0 0 0 0px;
padding:0;
border:0;
background:transparent;
/* not required at this time :)
float:left; */
}
div#primarynav ul#menu{
	height:53px;
	width:700px;
	margin:0;
	padding:0;
	position:relative;
	background-color: transparent;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#primarynav ul#menu li{
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
}
ul#menu li,ul#menu a{
height:53px;
display:block;
}
div#primarynav ul#menu li a{
text-indent:-9999px;
text-decoration:none;
/* commented backslash hack v2 \*/
overflow: hidden;
/* end hack */
}
#home{
left:0;
width:208px;
}
#about{
left:208px;
width:95px;
}
#gallery{
left:303px;
width:95px;
}
#links{
left:398px;
width:95px;
}
#contact{
left:491px;
width:209px;
}
/* start of buttons */
/* The 'on' states follow */
#home a:hover,body#homeon #home{
	background-color: transparent;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	background-position: 0 -53px;
}
#about a:hover,body#abouton #about{
	background-color: transparent;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	background-position: -208px -53px;
}
#gallery a:hover,body#galleryon #gallery{
	background-color: transparent;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	background-position: -303px -53px;
}
#links a:hover,body#linkson #links{
	background-color: transparent;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	background-position: -398px -53px;
}
#contact a:hover,body#contacton #contact{
	background-color: transparent;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	background-position: -491px -53px;
}

/******************************
* THE BODYLINKS
******************************/
a:link{
color:#9B9B9B;
background-color:transparent;
text-decoration: none;
font-weight: normal;
}
a:visited{
color:#708090;
background-color:transparent;
text-decoration: none;
font-weight: normal;
}
a:active{
color:#000000;
background-color:transparent;
font-weight: normal;
}
a:hover{
color:#990100;
text-decoration: underline;
font-weight: normal;
}
/******************************
* THE STRUCTURE
******************************/
#container{
width:700px;
\width:700px;
w\idth:700px;
border-top:1px solid #E4E4E4;
margin:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
}
#navwrapper{
padding:0px;
margin:0px;
background-color:#EBEBEB;
height:52px;
border-right:0px solid #D3D3D3;
}
#banner{
	padding:0px;
	margin:0px;
	background-color:#FFFFFF;
	background-image:url(../images/banner.jpg);
	background-repeat:no-repeat;
	height:100px;
	border-right:1px solid #D3D3D3;
	background-position: center center;
}

#subbanner{
	background-color:#FFFFFF;
	background-image:url(../images/subbanner.jpg);
	background-repeat:no-repeat;
	height:75px;
	border-right:1px solid #D3D3D3;
	background-position: center center;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#container2{
border:1px solid #DCDCDC;
margin:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
}
/* Start of numbers section */	
#mid{
padding-bottom:45px;
border-right:1px solid #EFEFEF;
margin-left:232px;
margin-right:232px;
background-color:#FFFFFF;
background-image:url(../g/2.jpg);
background-repeat:no-repeat;
}
#left{
float:left;
width:231px;
\width:231px;
w\idth:231px;
margin:0;
margin-right:0px;
padding-bottom:45px;
border-right:1px solid #EFEFEF;
background-color:#FFFFFF;
background-image:url(../g/1.jpg);
background-repeat:no-repeat;
}
#right{
float:right;
width:231px;
\width:231px;
w\idth:231px;
margin:0;
margin-left:0px;
padding-bottom:45px;
background-color:#FFFFFF;
background-image:url(../g/3.jpg);
background-repeat:no-repeat;
}
/* End of numbers section */

/* Start of portfolio selection */
#mid1{
border-right:1px solid #EFEFEF;
margin-left:232px;
margin-right:232px;
background-color:#FFFFFF;
background-image:url(../g/galleryoptbg.jpg);
background-repeat:repeat-x;
}
#left1{
float:left;
width:231px;
\width:231px;
w\idth:231px;
margin:0 0 0 0;
border-right:1px solid #EFEFEF;
background-color:#FFFFFF;
background-image:url(../g/galleryoptbg.jpg);
background-repeat:repeat-x;
}
#right1{
float:right;
width:232px;
\width:232px;
w\idth:232px;
margin:0 0 0 0;
padding-bottom: 0px;
background-color:#FFFFFF;
background-image:url(../g/galleryoptbg.jpg);
background-repeat:repeat-x;
}
/* End of portfolio selection */

/* The About */
#aboutold{
padding:10px 0 5px 40px;
margin:0px;
background-color:#FFFFFF;
border-top:1px solid #DFDFDF;
font-family: Georgia, Arial,Verdana,Helvetica,sans-serif;
font-size:80%;
color:#ABABAB;
text-align: left;
}
/* The Footer */
#footer{
clear:both;
padding:10px 0 5px 0;
margin-top:0px;/* appears to be required for ie5.5 */
height:42px;
background-color:#FFFFFF;
background-image: url(../g/basebg.jpg);
background-repeat: no-repeat;
background-position: bottom;
border-top:1px solid #DFDFDF;
font-size:70%;
color:#808080;
}
/******************************
* END OF STRUCTURE
******************************/

/******************************
* IMAGES
******************************/
/* left aligned image borders with hover */
.imgborder{
border:1px solid #F0F0F0;
padding:15px;
margin:30px 0px 0px 0px;
background-color:#FFFFFF;
}
a:hover .imgborder{
border: 1px solid #ADADAD;
}
/******************************
* FONTS AND TEXT
******************************/
.sectiontext{
font-family: Georgia,Arial, Verdana, Helvetica,  sans-serif;
font-size: 100%;
color: #919191;
font-style: italic;
padding: 15px 0 25px 0;
margin: 0px;
}
/******************************
* THE HEADERS AND OTHER FONTS
******************************/
h1,h2,h3{
font-weight: normal;
text-align:left;
font-family:georgia,arial,verdana,helvetica,sans-serif;
}
h1{
	font-size:2.0em;
	color:#4F4F4F;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 33px;
	padding-top: 15px;
}
h2{
	color:#A7AFB0;
	font-size:115%;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
h3{
	margin:10px 30px 0px 35px;
	color:#4A5254;
	padding:0 0 0 0;
	font-size:105%;
	text-align: center;
}
h4{
margin:10px 30px 0px 35px;
color:#4A5254;
padding:0 0 0 0;
font-size:80%;
}
/******************************
* THE LOGO IMAGE REPLACEMENT THINGY 
******************************/
#logo{
display:block;
height:80px;
width:320px;
background-image:url(../g/logo.gif);
background-repeat:no-repeat;
background-position:left;
margin-top: 0px;
padding:50px 0  0 0px;
}
/* turns off gaps around images */
img{border:0;}
/******************************
* OLD BROWSER WARNING
******************************/
span.hidden,.hide,div.hr  hr{
display:none;
}