*{
	margin:0;
	padding:0;
	outline:none;
	}
body{
	font-size:14px;
	font-family:Helvetica, Arial, sans-serif;
	background:url('http://www.webonjour.com//media/imgs/bg.gif') repeat-x;
	}
p{
	margin-bottom:15px;
	line-height:16px;
	}
a{
	text-decoration:none;
	color:#000;
	}
a:hover{
	color:#ed1c24;
	}
img{
	border:none;
	}
h1{
	font-size:36px;
	}
h2{
	font-size:22px;
	}
h3{
	font-size:14px;
	}
h4{
	font-size:14px;
	visibility:hidden;
	}
h6{
	font-size:14px;
	margin:15px 0 10px 0;
	}
h1, h2, h3{
	font-family:Helvetica, Arial, sans-serif;
	font-weight:normal;
	height:auto;
	}
/* -------------- CUSTOM -------------- */
#mainbox{
	width:900px;
	margin:0 auto;
	}
#header{
	width:900px;
	height:70px;
	margin-bottom:40px;
	padding-top:30px;
	}
#header img{
	float:right;
	margin-top:0px;
	}
#header ul{
	position:absolute;
	}

/* --------- MENUS ------------*/
#lang{
	list-style:none;
	position:absolute;
	z-index:800;
	}
#lang li{
	float:left;
	display:block;
	margin:-4px 10px 0 0;
	}
#lang span{
	display:none;
	}
#es a{
	background:url('/media/links/nav-es.gif');
	width:47px;
	}

/* Main navigation
------------------------------------------------------------------*/
ul#menu {
    position:absolute;
    top:60px;
    width:434px;
    height:20px;
    /*overflow: hidden;*/
    background: url('http://www.webonjour.com/media/links/menu.gif') no-repeat 0 -20px;
    }
ul#menu li {
    padding:0;
    margin:0;
    display:block;
    float:left;
    text-indent:-9999px;    
    }
ul#menu li a {
    border:0;
    display:block;
    text-decoration:none;
    overflow:hidden;
    background: url('http://www.webonjour.com/media/links/menu.gif') no-repeat;
    }
li#bonjour a {
    width:99px;
    height:20px;
     }
li#services a {
    width:107px;
    height:20px;
     }
li#work a {
    width:130px;
    height:20px;
     }   
li#contact a {
    width:98px;
    height:20px;
     }
li#bonjour a:hover, li#bonjour a:focus {
    background-position:0px -21px;
     }
li#services a:link, li#services a:visited {   
    background-position:-99px 0px;
    }
li#services a:hover, li#services a:focus {    
    background-position:-99px -21px;
    }
li#work a:link, li#work a:visited {   
    background-position: -206px 0px;
    }
li#work a:hover, li#work a:focus {    
    background-position: -206px -21px;
    }
li#contact a:link, li#contact a:visited {   
    background-position: -336px 0px;
    }
li#contact a:hover, li#contact a:focus {    
    background-position: -336px -21px;
    }

/* Main navigation "active tabs"
------------------------------------------------------------------*/

body#home-page ul#menu li#bonjour a {
    background-position:0px -42px;
    }
body#services-page ul#menu li#services a {
    background-position:-99px -42px;
    }
body#work-page ul#menu li#work a {
    background-position:-206px -42px;
    }
body#contact-page ul#menu li#contact a {
    background-position:-336px -42px;
    }
/*    
#menu li{
	display:block;
	float:left;
	margin:15px 10px 0 0;
	}
#menu span{
	display:none;
	}
	
#menu {
    position:absolute;
    width:441px;
    height:22px;
    background:transparent url(../media/links/menu.gif) no-repeat;
    }
    
#menu a{
	position:absolute;
  width:441px;
  height:22px;
  background:transparent url(../media/links/menu.gif) no-repeat;
	}

*/

/* SECONDARY LINKS */
#nav{
	width:150px;
	display:block;
	float:left;
	list-style:none;
	margin:5px 2px 15px -2px;
	padding:0;
	}
#nav span{
	display:none;
	}
#nav li{
	margin-bottom:10px;
	display:block;
	list-style:none;
	}
#nav ul{
	padding:0;
	margin-top:10px;
	}
#nav ul li{
	margin:0 -5px 10px 5px;
	width:130px;
	padding:1px;
	_padding:0;
	_margin:0 -5px 10px 5px;
	list-style:none;
	}
/* -------------- CONTENT -------------- */
#content{
	width:850px;
	border-bottom:1px dotted #989898;
	padding-bottom: 40px;
	display:block;
	float:left;
	}
#content #image{
	width:250px;
	height:250px;
	border:1px solid #989898;
	display:block;
	float:left;
	margin:0 48px 40px 0;
	padding:25px;
	}
/*#content img{
	width:250px;
}*/
#content h1{
	margin:0 0 10px 0;
	display:block;
	/*float:left;
	width:450px !important;*/
	}
#content h2{
	display:block;
	/*float:left;
	width:450px;*/
	}
#content h3{
	margin-bottom:15px;
	display:block;
	/*float:left;
	width:450px;*/
	}
#content a, #content a:visited, #content a:active, #content a:hover, #content a:link{
	text-decoration: underline;
	color:#111;
}
/* ------ */
#wide-content{
	width:750px;
	display:block;
	float:left;
	border-bottom:1px dotted #989898;
	margin-bottom:25px;
	padding-bottom:25px;
	}
#wide-content h1{
	margin:0 0 10px 0;
	display:block;
	float:left;
	width:100%;
	}
#wide-content h2{
	display:block;
	float:left;
	width:450px;
	}
#wide-content h3{
	margin-bottom:15px;
	display:block;
	float:left;
	width:450px;
	}
/* -------------- SUB-CONTENT ------------ */
#sub-content{
	width:750px;
	/*border-top:1px dotted #989898;*/
	border-bottom:1px dotted #989898;
	padding:40px 0;
	margin-top:15px;
	display:block;
	float:right;
	}
#sub-content ul{
	display:block;
	float:left;
	list-style:none;
	margin:15px 10px 0 0;
	width:340px;
	}
#sub-content ul .thumb{
	width:100px;
	height:100px;
	display:block;
	float:left;
	margin-right:20px;
	border:1px solid #989898;
	padding:15px;
	}
#sub-content ul .title{
	display:block;
	float:left;
	width:180px;
	margin-top:5px;
	}
#sub-content h5{
	font-size:10px;
	font-weight:normal;
	margin-bottom:10px;
	}
#sub-content p{
	margin-bottom:5px;
	}
/* ------------------ SITEMAP --------------- */
#sitemap{
	clear:both;
	display:block;
	float:left;
	width:900px;
	}
#sitemap ul{
	list-style:none;
	display:block;
	float:left;
	margin-right:25px;
	}
#sitemap #left{
	width:150px;
	display:block;
	float:left;
	margin-top:-20px;
	}
#sitemap #left li{
	padding:8px 0;
	width:150px;
	}
#sitemap #left li.section{
	border-bottom:1px solid #333;
	border-top:1px solid #333;
	padding:10px 0;
	margin:20px 0 10px 0;
	}
#sitemap #left li.row0{
	}
#sitemap #left li a:hover{
	background-color:#ed1c24;
	color:#FFF;
	}
#sitemap #middle{
	width:520px;
	display:block;
	float:left;
	margin:-20px 0 0 25px;
	}
#sitemap #middle li{
	padding:8px 0;
	width:520px;
	}
#sitemap #middle li.section{
	border-bottom:1px solid #333;
	border-top:1px solid #333;
	padding:10px 0;
	margin:20px 0 10px 0;
	}
#sitemap #middle li.row0{
	}
#sitemap #middle li a:hover{
	background-color:#ed1c24;
	color:#FFF;
	}
#sitemap #right{
	width:175px;
	display:block;
	float:left;
	margin:-20px 0 0 25px;
	}
#sitemap #right li{
	padding:8px 0;
	width:175px;
	}
#sitemap #right li.section{
	border-bottom:1px solid #333;
	border-top:1px solid #333;
	padding:10px 0;
	margin:20px 0 10px 0;
	}
#sitemap #right li.row0{
	}
#sitemap #right li a:hover{
	background-color:#ed1c24;
	color:#FFF;
	}

/* ------------------ FOOTER --------------- */
#footer{
	width:750px;
	display:block;
	float:right;
	margin-top:50px;
	padding-bottom:50px;
	}
#footer span{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333;
	display:block;
	float:left;
	margin-right:10px;
	}
	
/* ------------------ FRAME --------------- */
#content #imageOutter{
	margin-right: 40px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	background-color: #cccccc;
	width:230px;
	height:230px;
	border:1px solid #989898;
	display:block;
	float:left;
	}

#content #imageInner{
	margin-top: 10px;
	margin-left: 10px;
	position: absolute;
	background-color: white;
	width:230px;
	height:230px;
	border:1px solid #989898;
	display:block;
	float:left;
	}