/*Styles for Gavin Kingcome, Photography*/

/*Rules
--------------------------------------------------*/
* {
  margin: 0;
  padding: 0;
}
body{font-family:Arial, sans-serif; margin:0;}

/*h1, h2, h3
--------------------------------------------------*/
h1, h2, h3 {text-indent:-3000px; color:#8e9e7f;}
h1 {font-size:2.3em; letter-spacing:-0.05em; background:url('../../images/h_01.gif') no-repeat;}
h2, h3 {font-size:1.3em;}
h4{font-size:1.3em; padding:0 0 10px 0;}
p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.82em; line-height:1.6em; padding:0 0 10px 0;}

/*layout
--------------------------------------------------*/
.wrapper {margin-top:5%; /*IE 6+7 fix*/ text-align:center;}
.innerwrapper {width:910px;/* was 900 width*/ height:600px; margin: auto; /*IE 6+7 fix*/ text-align:left;}
.innerwrapperfolio {width:960px;/* was 900 width*/ height:600px; margin: auto; /*IE 6+7 fix*/ text-align:left;}

.clear {clear:both; height:10px; font-size:0em;}
.header {float:left; width:400px; height:50px;}
.gallery {clear:both; height:26px;}/*height was 35px. Fixes gap between navigation buttons*/
.indentheader {padding-left:230px;}
.profile {xwidth:876px; /* was 810 width*/ height:460px; background:#889F7E; padding:20px; color:#FFF;}
.profile a {color:#FFF; text-decoration:none;}
.profile a:hover {text-decoration:underline;}
/* bew*/
.thumbnails a {font-size:0px;}

/* new indent
--------------------------------------------------*/
.indentlis {padding-left:36px;}

/*Navigation Rule
--------------------------------------------------*/
.menu{clear:both; height:170px;}
.menu ul {list-style:none;}
.menu ul li {float:left; text-transform:capitalize; font-size:13px; text-align:left;}
.menu ul li a {width:205px;/*was 190 */ height:20px; margin:0 10px 10px 0; padding:140px 10px 0 5px; color:#FFF; text-decoration:none; outline:none; display:block; font-family:Arial, sans-serif;}

/*Blank*/
.menu ul li.blank {width:220px; height:160px; margin-right:10px; background:#fff; font-size:0em;}

.menu ul li.link01 a{background:url('../../images/01.jpg') no-repeat;}
.menu ul li.link01 a:hover {color:#CCC;}

.menu ul li.link02 a{background:url('../../images/02.jpg') no-repeat;}
.menu ul li.link02 a:hover {color:#CCC;}

.menu ul li.link03 a{background:url('../../images/03.jpg') no-repeat;}
.menu ul li.link03 a:hover {color:#CCC;}

.menu ul li.link04 a{background:url('../../images/04.jpg') no-repeat;}
.menu ul li.link04 a:hover {color:#CCC;}

.menu ul li.link05 a{background:url('../../images/05.jpg') no-repeat;}
.menu ul li.link05 a:hover {color:#CCC;}

.menu ul li.link06 a{background:url('../../images/06.jpg') no-repeat;
margin:0 0 10px 0;
 /*added to right side numbers 6 and 9*/}
.menu ul li.link06 a:hover {color:#CCC;}

.menu ul li.link07 a{background:url('../../images/07.jpg') no-repeat;}
.menu ul li.link07 a:hover {color:#CCC;}

.menu ul li.link08 a{background:url('../../images/08.jpg') no-repeat;}
.menu ul li.link08 a:hover {color:#CCC;}

.menu ul li.link09 a{background:url('../../images/09.jpg') no-repeat;
margin:0 0 10px 0; 
/*added to right side numbers 6 and 9*/}
.menu ul li.link09 a:hover {color:#CCC;}


/*Gallery & Conatct
--------------------------------------------------*/
.nav {float:right; width:250px;}
.nav ul {list-style:none;}
.nav ul li {clear:both;}
.nav ul li a {width:100px; height:20px; margin:0; padding:0; outline:none; display:block; text-indent:-3000px;}

/*Gallery*/
.nav ul li.gallery a{background:url('../../images/h_02.gif') no-repeat;}
.nav ul li.gallery a:hover {background:url('../../images/h_02.gif') 0 -24px no-repeat;}

/*Contact*/
.nav ul li.contact a{background:url('../../images/h_03.gif') no-repeat;}
.nav ul li.contact a:hover {background:url('../../images/h_03.gif') 0 -24px no-repeat;}


/*Swap Images
--------------------------------------------------*/
#lyr0, #lyr1, #lyr2, #lyr3, #lyr4, #lyr5, #lyr6 {position:absolute; visibility:hidden; z-index:1;}
.largeImages {float:left; background:#FFF; width:635px; height:510px; padding:0;}
.thumbnails {float:right; text-align:right;/*was left*/ background:#FFF; width:226px; height:510px; padding:0 0 0 0px;}
a.thumbnails img {margin:0; outline:none; padding:0px;}
.thumbnails img {padding: 0px 0px 5px 5px;} /* addded for right thumbnails padding -reduced from 6 to 5px for Firefox 3*/