/* CSS Document */
/*General Rules for all pages*/

body {color: #666; background-color: #aca49c; margin: 0; padding: 0; font: 68%/2em "Lucida Grande","Arial","Verdana",san-serif; text-align: center;}

/*for netscape 4 browser */
p, q, td, ul, li, h1, h2 {font-family: "Lucida Grande","Arial","Verdana",san-serif;}

h1, h2 {color: #8f0000; text-transform: uppercase; font-weight: lighter;}
h1 {font-size: 1.6em; border-bottom: #666 dotted 1px; padding-bottom: 10px;}
h2 {font-size: 1.2em;}
p {margin:0; padding: 5px 0;}
ul {list-style-type:none; padding:0;}
li {margin: 5px 0;}
acronym {border-bottom:1px dotted #666; cursor:help;}

.red {color:#8f0000; font-weight:bold;}
.clearboth { clear: both;}
.hide {display: none;}

/*general links
------------------------------*/
a {text-decoration: none; color: #666;font-weight: inherit; border-bottom: dotted #666 1px;}
a:hover {color: #8f0000; border-bottom: dotted #8f0000 1px;}
a:link img {text-decoration:none; border-bottom:0 !important;}

/*top navigation links
------------------------------*/
#nav {color: #8f0000; width: auto;}
#nav a:link, #nav a:visited {color: #8f0000; font-weight: bold; background-color: #fff; border-bottom: none;}
#nav a:hover {background-color: #ddd; font-weight: bold; border-bottom: none;}


/* Page Layout Identifiers
------------------------------*/
#container {width:740px; margin: 0 auto; background-color: #fff; text-align:left; height:100%;}
#header {width: 680px; padding: 50px 30px;}
#sitename {width: 387px; float: right; background: #fff url(../img/gradientbar.gif) right center no-repeat; color: #fff; font-weight: bold; text-align: right; vertical-align: middle;}
.content {width: 680px; margin: 0 auto;}
#maintext {width: 325px; border-bottom: #8f0000 solid 1px; padding: 0;}
#ads { margin:30px; clear:both}
#footer {padding: 0 0 1em 0; border-top: 1px dotted #666; margin:4em 30px; clear:both;}


/*specific elements layout for about page
-------------------------------------------*/
#about #intro {width: 325px; padding: 0 0 60px 0;}
#about #mainimg {width: 325px; height: 190px; float: right; background: url(../img/bg_grey.gif) top left repeat; text-align: center; }
#about #mainimg img {margin-top: 20px;}
#about ul {padding-left: 2em;}


/*specific elements layout for riffe page
-------------------------------------------*/
#riffe #mainimg {width: 450px; border: #333 1px solid; margin: 0 0 90px 0;}
#riffe #intro {float: right; width: 200px;}
#riffe .content {background: url(../img/riffe_sml.gif) bottom right no-repeat;}
#riffe #maintext h2 a:link, #maintext h2 a:visited {padding: 2px 0 0 0; color: #8f0000; border-bottom: #666 dotted 1px; display:block;}
#riffe #maintext h2 a:hover {color: #333;}
#riffe #riffeseries {float: right; width: auto;}


/*specific elements layout for galleries page
-------------------------------------------*/
#galleries #maintext {margin-left: 355px;}
#galleries #mainimg {width: auto; margin: 0 0 20px 0;}


/*specific elements layout for each gallery page
-------------------------------------------*/
#gallery #intro {padding: 0;}
#gallery #mainimg img {border: solid 1px #000;}
#gallery #mainimg {width: 680px; margin: 0; padding: 0;}
#gallery #mainimg span {display: block; float: left; width: 64px; height: 64px; margin: 18px; padding: 0;}
#gallery h1 {border-bottom:0; margin: 25px 0 0 0;}

/*specific elements layout for design page
-------------------------------------------*/
#design h1 {border-bottom:0; padding-bottom:0; margin-bottom:0;}
#design .website {display:block; border-bottom: #666 dotted 1px; padding-bottom:10px;}
#design ul {margin:0;}
#design #maintext {margin-left: 355px;}
#design #mainimg {height: 250px; background: url(../img/bg_grey.gif) top left repeat; margin: 0 0 20px 0;}
#design #mainimg table {width: 640px;}
#design #mainimg table a img {border: 1px solid #000; text-decoration:none;}
#design ul#books { margin:1em 0;}
#design ul#books li {float:left; margin-right:4px;}
#design ul#books li a img {padding:1px; border:1px solid #666;}

/*specific elements layout for books page
-------------------------------------------*/
div#books #intro {float:left; width:325px;}
div#books #maintext {margin-left: 355px;}
div#books #intro ul { list-style-type:circle; padding-left:20px;}
div#books h2 {color:#666; text-transform:uppercase; margin-bottom:0;}

div#books img {padding:1px; border:1px solid #666; float:left; margin-right:8px;}



/*specific elements layout for contact page
-------------------------------------------*/
#contact #maintext {margin-left: 180px; padding: 0 0 60px 0; border-bottom:0;}
#contact #address {width: 150px; float: left; margin: 0; padding: 5px 5px 280px 5px; background-color: #8f0000; color: #fff; font-weight: lighter;}
#contact #address h2 {margin: 0; border-bottom: #fff dotted 1px; color: #fff;}
#contact #maintext p {margin: 0; padding: 35px 0;}
#contact label {display: block;}
#contact #enquiryform {width:80%;}
#contact .field {width:100%;}