/*----------------------------

claregrosart.co.uk style sheet
Designed by Ant Tyler
www.atyler.co.uk
    
*/

/* -----
 General
*/
html { 
 height : 100%;
 background : #000;
}
body {
 font-family : Arial, Helvetica, sans-serif;
 color : #fff;
}
#sitewrap01 {
 align : center;
 width : 900px;
 margin-left : 100px;
 margin-top : 30px;
 line-height : 125%;
}
#sitewrap01 #wrap02 {
 align : center;
 width : 300px;
 margin-left : 100px;
 margin-top : 30px;
}
#banner {
 align : center;
 width : 700px;
 margin : 10px 0 10px 50px;
}
.clearfix {
 overflow : auto;
 zoom : 1;
}
/* --------
 Navigation
*/
#navmain {
 width : 500px;
 height : 30px;
 float : center;
 font-size : large;
 margin : 0 0 0 158px;
}
#navmain a {
 color : #fff;
 font-size : large;
 text-decoration : none;
}
#navmain a:hover {
 color: #F7CF5C;
 text-decoration : underline;
}
#navbase {
 width : 450px;
 margin : 10px 0 30px 10em;
 clear : both
}
#navbase a {
 font-size : medium;
 color : #fff;
 text-decoration : none;
}
#navbase a:hover {
 color : #F7CF5C;
 text-decoration : underline;
}
p.sec-cont a,
p.sec-cont strong a {
 color : #E7AE09;
}
p.sec-cont a:hover,
p.sec-cont strong a:hover {
 color : #F7CF5C;
}
/* ----------
 Main Content
*/
#centrecontainer {
 width : 800px;
 margin : 1px;
}
#centrecontainer #leftcontent {
 float : left;
 width : 280px;
 margin : 10px 0 0 5px;
 font-size : medium;
}
#centrecontainer #rightcontent {
 float: right;
 width: 380px;
 font-size : medium;
}
#rightcontent img {
 border : 1px #fff solid;
 margin : 25px 0 0 0;
}
#rightcontent p {
 text-align : left;
 font-size : small;
 font-style : italic;
}
#rightcontent p.sec-cont {
 text-align : left;
 font-size : medium;
 font-style : normal;
 padding : 15px 0 0 0;
}
#leftcontent p {
 align : left;
 font-size : medium;
 padding : 10px 20px 0 0;
}
#leftcontent p a {
 align : left;
 color : #E7AE09;
 font-size : medium;
 text-decoration : none;
}
#leftcontent p a:hover {
 align: left;
 color : #F7CF5C;
 font-size : medium;
 text-decoration : underline;
}
p.home-caption {
 padding-left : .2em;
}
/* ------
 Gallery
*/
#wrap1 {
 padding-left :4.2em;
}
div.picholder {
 margin-left : 3em;
 margin-bottom : 1.5em;
 border : none;
 text-align : center;
}
div.picholder img {
 margin : .5em 1em;
 border : 1px #ccc solid;
 text-align : center;
}
p.gallery {
 margin : 1.2em 0 1.2em 7.5em;
}
#wrap1 img.lgepic {
 margin : 3em .5em;
 border : 1px #ccc solid;
}
#wrap1 img.navarrow,
#wrap1 img.navarwr {
 border : none;
 margin : .5em 1em;
}
#wrap1 p {
 text-align : center;
 font-weight : bold;
 font-size :.8em;
}
#wrap1 p a {
 text-align : center;
 font-weight : bold;
 color : #E7AE09;
}
#wrap1 p a:hover {
 color : #F7CF5C;
}
/* -------
 Copyright
*/
#copyright {
 font-size : .7em;
 font-weight : bold;
 text-align : center;
 clear : both;
 float : left;
 margin : 10px 0 10px 5em;
}
#copyright a {
 font-size : 1em;
 font-weight : bold;
 color : #E7AE09;
 text-align : center;
 text-decoration : none;
}
#copyright a:hover {
 font-size : 1em;
 font-weight : bold;
 color : #F7CF5C;
 text-decoration : underline;
}
/* -----
 End Css
*/