html.center, body.center {
	height: 100%;
}
html { min-height: 100%; margin-bottom: 1px; }

body {
	background-image:url(../images/bg_tile.jpg);
	background-repeat:repeat-x repeat-y;
	margin: 0;
	min-width: 760px;
}

div {
	position: relative;
}

p {
margin:0;
padding:0;
}

#page {
	width: 760px;
	margin: 0 auto 0 auto;
}

#top {
	width: 760px;
	height: 106px;
	background-image: url(../images/header.gif);
	background-repeat:no-repeat;
	background-position:bottom;

		}
#main {
	width: 760px;
	min-height: 100%;
	background-image:url(../images/bg_strip.gif);
	background-repeat:repeat-y;
	margin-bottom: 1px;
}

/*--------------------
	Header
---------------------*/

#header {
	width: 760px;
	height: 359px;
	margin-left: auto;
	margin-right: auto;
	background-attachment: scroll;
	background-image:url(../images/bg_flash.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#image {
width:714px;
height:323px;
	padding-top:36px;
	padding-left:46px;
}
#menuHolder {
	width: 628px;
	height: 57px;
	padding:40px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;
	}
#menu {
	width: 628px;
	height: 57px;
}

#menu ul, li {
list-style-type: none;
margin:0;
padding:0;
}

#menu ul {
position: absolute;
/* ppositionning for IE5 et IE5.5 */
/* general menu background*/
width: 628px;
padding: 0px 0px 0px 0px;
text-align: left;
}

#menu li {
float: left;
}

#menu li a#logo {
/* buttons dimensions and definitions */
display: block;
background-image: url(../images/logo.gif); 
/* <a> block to give it its dimensions */
height: 57px;
width: 208px;
padding: 0px 0px 0px 0px;
}
#menu li a#about {
/* buttons dimensions and definitions */
display: block;
background-image: url(../images/buttons.gif); 
/* <a> block to give it its dimensions */
height: 57px;
width: 84px;
padding: 0px 0px 0px 0px;
}
#menu li a#portfolio {
/* buttons dimensions and definitions */
display: block;
background-image: url(../images/buttons.gif);
background-position: -84px; 
/* <a> block to give it its dimensions */
height: 57px;
width: 84px;
padding: 0px 0px 0px 0px;
}
#menu li a#links {
/* buttons dimensions and definitions */
display: block;
background-image: url(../images/buttons.gif);
background-position: -168px; 
/* <a> block to give it its dimensions */
height: 57px;
width: 84px;
padding: 0px 0px 0px 0px;
}
#menu li a#services {
/* buttons dimensions and definitions */
display: block;
background-image: url(../images/buttons.gif);
background-position: -252px; 
/* <a> block to give it its dimensions */
height: 57px;
width: 84px;
padding: 0px 0px 0px 0px;
}
#menu li a#contact {
/* buttons dimensions and definitions */
display: block;
background-image: url(../images/buttons.gif);
background-position: -336px; 
/* <a> block to give it its dimensions */
height: 57px;
width: 84px;
padding: 0px 0px 0px 0px;
}

/* background move for each button */


#menu a#about:hover {
background-position: -420px;
}

#menu a#portfolio:hover {
background-position: -504px;
}

#menu a#links:hover {
background-position: -588px;
}

#menu a#services:hover {
background-position: -672px;
}

#menu a#contact:hover {
background-position: -756px;
}

#menu span {
display: none;
}


/*--------------------
	Content
---------------------*/

#content {
	width: 760px;
	height:inherit;
	margin: 0 auto 0 auto;
	padding-bottom: 0px;
}

#content-left {
	float: left;
	width: 380px;
	height:inherit;
}

#content-group {
	width: 760px;
	height:inherit;
	margin: 0 auto 0 auto;
}

#content-main {
	float: right;
	width: 360px;
	height:inherit;
}
#content-centre {
float: left;
width: 380px;
height:inherit;
}
#content-right{
float:right;
width:107px;
height:inherit;
}

/*----------------------
	Left Div Content
-----------------------*/
#textHolder {
width:358px;
float:right;
}
#textHolder a{
text-decoration:underline;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	
}
#textHolder a:hover{
text-decoration:none;
}

/*----------------------
	Titles
-----------------------*/

#textHeader.home {
width:358px;
height:60px;
background-image:url(../images/text_home.gif);
background-repeat:no-repeat;
}
#textHeader.about {
width:358px;
height:60px;
background-image:url(../images/text_aboutme.gif);
background-repeat:no-repeat;
}
#textHeader.portfolio {
width:358px;
height:60px;
background-image:url(../images/text_portfolio.gif);
background-repeat:no-repeat;
}
#textHeader.links {
width:358px;
height:60px;
background-image:url(../images/text_links.gif);
background-repeat:no-repeat;
}
#textHeader.services {
width:358px;
height:60px;
background-image:url(../images/text_services.gif);
background-repeat:no-repeat;
}
#textHeader.contact {
width:358px;
height:60px;
background-image:url(../images/text_contactme.gif);
background-repeat:no-repeat;
}
#textHeader.guardian {
width:358px;
height:60px;
background-image:url(../images/title_guardian.gif);
background-repeat:no-repeat;
}
#textHeader.metro {
width:358px;
height:60px;
background-image:url(../images/title_metro.gif);
background-repeat:no-repeat;
}
#textHeader.nerve {
width:358px;
height:60px;
background-image:url(../images/title_nerve.gif);
background-repeat:no-repeat;
}
#textBody{
width:318px;
padding-left:20px;
padding-right:20px;
padding-top:0px;
padding-bottom:0px;
background-image:url(../images/text_bgstrip.gif);
background-repeat:repeat-y;
}
#textBody p{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
color:#FFFFFF;
}
#textFooter{
width:358px;
height:25px;
background-image:url(../images/text_footer.gif);
background-repeat:no-repeat;
}

/*----------------------
    Right Menu
------------------------*/
td span{
display:none;
}
td {
width:117px;
height:65px;
background-repeat:no-repeat;

}
td a{
display:block;
width:117px;
height:65px;
}
td.music{
background-image:url(../images/btn_music.gif);
}
td.people{
background-image:url(../images/btn_people.gif);
}
td.buildings{
background-image:url(../images/btn_buildings.gif);
}
td.sports{
background-image:url(../images/btn_sports.gif);
}
td.landscapes{
background-image:url(../images/btn_landscapes.gif);
}
td.fashion{
background-image:url(../images/btn_fashion.gif);
}
td.events{
background-image:url(../images/btn_events.gif);
}


#leftCredit{
height:15px;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
display:block;
padding:0px 0px 0px 5px;
}
#leftCredit a{
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
}
#leftCredit a:hover{
text-decoration:underline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
}
#rightCredit{
height:15px;
float:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#999999;
display:block;
padding:0px 5px 0px 0px;
}
/*-------------------------
    RIGHT CONTENT
--------------------------*/
#rightContent{
width:360px;
}
/*------reviews---------*/
#reviews{
width:160px;
float:left;
}
#reviewTitle{
width:160px;
height:40px;
background-image:url(../images/title_review.gif);
background-repeat:no-repeat;
}
#reviewLogos{
display:block;
width:150px;
padding:10px 0px 0px 10px;
}
/*-------prices---------*/
#prices{
width:160px;
float:left;
}
#pricesTitle{
width:160px;
height:40px;
background-image:url(../images/title_prices.gif);
background-repeat:no-repeat;
}
#pricesBody{
display:block;
width:160px;
padding:10px 0px 0px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}
/*---------------------------
       Form
-------------------------*/

form span{
display:none;
}
#contactHolder{
float:left;
width:604px;
height:349px;
}
#contactForm{
float:left;
height:349px;
width:30px;
}
#contactDetails{
float:right;
height:349px;
width:301px;
}
.nameForm{
border:none;
background-image:url(../images/contact_name.gif);
background-repeat:no-repeat;
width:273px;
height:28px;
padding: 40px 10px 0px 20px;
display:block;
}
.nameInput{
border:none;
width:273px;
height:28px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
display:block;
background-color:#000000;
}
.emailForm{
border:none;
background-image:url(../images/contact_name.gif);
background-repeat:no-repeat;
width:273px;
height:28px;
padding: 40px 10px 0px 20px;
display:block;
}
.emailInput{
border:none;
width:273px;
height:28px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
display:block;
background-color:#000000;
}
.numberForm{
border:none;
background-image:url(../images/contact_number.gif);
background-repeat:no-repeat;
width:273px;
height:28px;
padding: 40px 10px 0px 20px;
display:block;
}
.numberInput{
border:none;
width:273px;
height:28px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
display:block;
background-color:#000000;
}
.enquiryForm{
border:none;
background-image:url(../images/contact_enquiry.gif);
background-repeat:no-repeat;
background-attachment:scroll;
width:273px;
height:85px;
padding: 40px 10px 20px 20px;
display:block
}
.enquiryInput{
border:none;
width:273px;
height:85px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
background-color:#000000;
}
#width{
width:760px;
height:1px;
margin:auto 0 auto 0;
display:block;
float:left;
}

#footerText {
	width: 740px;
	height:43px;
	padding:30px 10px 0px 10px;
	margin-left: auto;
	margin-right: auto;
		background-image: url(../images/footer.gif);
	background-repeat:no-repeat;
	color: inherit;
	clear: both;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#999999;
	display:block;
}