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

Title : Anthony Phillips
Author : Suspire Media
URL : http://www.suspiremedia.co.uk

Description : Anthony Phillips Freelance Photographer based in London specialising in positive images of people with special needs, mental health and disabilities

Created : Feb 05
Modified : July 05
Copyright: Anthony Phillips/Suspire Media

All rights reserved including rights of reproduction and use in any form or by any means, including the making of copies by any photo process or by any electronic or mechanical device (printed, written, or oral), or recording for sound or visual reproduction, or for use in any knowledge or retrieval system or device, unless permission in writing is obtained from the copyright proprietor.

Unauthorised copying or plagiarism of this style sheet will be seen as an infringement of UK copyright laws.

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

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;
background:transparent url(../g/navbar.jpg) top left no-repeat;
margin:0;
padding:0;
position:relative;
}
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;
}
#folio{
left:303px;
width:95px;
}
#tech{
left:398px;
width:95px;
}
#contact{
left:491px;
width:209px;
}
/* start of buttons */
/* The 'on' states follow */
#home a:hover,body#homeon #home{
background:transparent url(../g/navbar.jpg) 0 -53px no-repeat;
}
#about a:hover,body#abouton #about{
background:transparent url(../g/navbar.jpg) -208px -53px no-repeat;
}
#folio a:hover,body#folioon #folio{
background:transparent url(../g/navbar.jpg) -303px -53px no-repeat;
}
#tech a:hover,body#techon #tech{
background:transparent url(../g/navbar.jpg) -398px -53px no-repeat;
}
#contact a:hover,body#contacton #contact{
background:transparent url(../g/navbar.jpg) -491px -53px no-repeat;
}

/******************************
* 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:#FAFAFA;
background-image:url(../g/topbg.jpg);
background-repeat:no-repeat;
height:150px;
border-right:1px solid #D3D3D3;
}
#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{
margin:0px 10px 0px 33px;
font-size:140%;
padding-top:15px;
color:#4F4F4F;
}
h2{
margin:10px 30px 0px 0px;
color:#A7AFB0;
font-size:125%;
}
h3{
margin:10px 30px 0px 35px;
color:#4A5254;
padding:0 0 0 0;
font-size:105%;
}
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;
}