body,ul,li,h1,h2,h3,h4,h5,h6,form,ol,dl,dt,dd{
	margin: 0; padding: 0
}
body{background:#9095AF url(/i/bg.gif) repeat-x;
	margin:0 0 0 0; padding:0; text-align: center}
body, input, textarea{font: 12px/19px tahoma, geneva, arial,sans-serif}
a{color:#000}
a:hover{background: #AED76F; text-decoration: none;}
a img{border: none}
p{margin: 0 0 1.4em 0; padding:0}
input[disabled], select[disabled]{color: #73778C;}
h2{font-size: 16px; margin:0px 0 20px;}
h3{font-size: 14px; margin:15px 0 10px;}
ul{margin-bottom: 1.4em}
li{list-style-position:outside; margin-left: 20px;}
.center{text-align: center;}
/*****************Layout*****************/
#container{
	position: relative;
	background:transparent url(/i/trobobg.gif) no-repeat 0 20px;
	width: 751px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding: 0 20px;
	voice-family: "\"}\""; 
  	voice-family:inherit;
  	width:711px;
}
html>body #container {width:711px}
#header{height: 97px}
#header h1{
	display: block; float: left;
	margin: 50px 0 0 6px; padding: 0; 
	width:284px; height: 33px;
	background: transparent url(/i/trobophoto.gif) 0 0 no-repeat;
}
#header h1 a{
	display: block; float: left;
	margin: 0; padding: 0; 
	width:284px; height: 33px;
	overflow: hidden;
	text-indent: -9999px;
	background: transparent url(/i/trobophoto.gif) 0 0 no-repeat;
}
#header h1 a:hover{
	background-color: transparent;
	border-bottom: 4px solid #AED76F;
}
#col1{width: 155px; float: left; padding:40px 0 35px; overflow: hidden}
#col2{width: 536px; float: right; padding: 0 0 35px}
#content{margin: 0 6px}
#footer{display: block; clear: both; position: relative; background: transparent url(/i/footerbg.gif) no-repeat 0 0; height: 30px}
#footer p{font-size:0.9em;text-align: right;color:#ACB0C3; padding: 5px 10px 0 0}
#footer a{color:#ACB0C3; text-decoration: none; padding: 1px 2px}
#footer a:hover{color: #000; background: #AED76F}
.copyright p{
	text-align: center;
	font-size: 11px;
	margin: 0;
	padding: 5px 0;
	color: #525565;
}
/*****************top_nav*****************/
ul#topnav{position: absolute; top:0;right:20px;list-style-type: none;margin:0;padding:10px 0 20px 0}
ul#topnav li{float: left; padding-left: 16px; margin-left: 10px; background: transparent url(/i/nav/navbullet.gif) no-repeat 0 3px}
ul#topnav a{padding: 0 2px; text-decoration: none; font-weight: bold;}
ul#topnav a:hover{color: #000; background: #AED76F}
/*****************Search Box*****************/
#search_form{float: right; clear: right;  width: 200px; height: 30px}
#search_field{position: absolute; top: 63px; left: 530px; width: 145px; margin:0;
	border-top: 1px solid #555867;
	border-left: 1px solid #555867;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color:#eee;
}
#search_field:hover{
	background-color:#fff;
}
#search_button{position: absolute; top: 63px; right: 20px}
/*****************Insidepage continent_nav*****************/
#continent_nav{width: 155px;overflow: hidden;background:#9095AF;text-align:center; margin-bottom: 20px;}
#continent_nav ul{float: left; display: inline; list-style-type: none;padding:0 0 1px 0;margin:1px 0 1px 1px;width: 153px;/*height: 124px;*/border-top: 4px solid #AED76F;border-bottom: 4px solid #000;text-align:left}
#continent_nav ul li{display: block; width: 153px; margin: 1px 0 0 0; float: left; background: #73778C; padding: 0}
#continent_nav ul li a{display: block; float: left; width: 153px; height: 30px; text-indent: -9999px; color: #82869D}
#continent_nav ul li.li1 a{background: transparent url(/i/nav/northamerica_s.gif) no-repeat top right}
#continent_nav ul li.li2 a{background: transparent url(/i/nav/southamerica_s.gif) no-repeat top right}
#continent_nav ul li.li3 a{background: transparent url(/i/nav/europe_s.gif) no-repeat top right}
#continent_nav ul li.li4 a{background: transparent url(/i/nav/oceania_s.gif) no-repeat top right}
#continent_nav ul li a:hover, #continent_nav ul li.current a{background-position: 0px -30px}
#continent_nav form{padding: 5px 0; display: none}
#continent_nav .current form{display: block; clear: both}
#continent_nav select{
	border: none;
	padding: 0;
	background-color: #9095AF !important;
	font-size: 1.1em;
	width: 139px;
	margin: 0 0 3px 7px;
}
#continent_nav input{margin-left: 6px}
/* Fix IE5.0. Hide from IE Mac \*/
* html #continent_nav li {float: left; height: 1%; }
/* End */
/*****************footer nav*****************/
ul#footernav{position: absolute;top:5px;left:10px;list-style-type: none;margin:0;padding:0;color:#ACB0C3}
ul#footernav li{display: inline; margin: 0;}
/*****************secondary nav*****************/
ul#secondarynav{
	border-top: 1px solid #A4A8BD;
	display:block;
	float: left;
	clear: both;
	margin-bottom: 20px;
}
ul#secondarynav li{
	border-bottom: 1px solid #A4A8BD;
	display:block;
	float: left;
	margin: 0;
	width: 155px;
}
ul#secondarynav li a{
	display: block;
	padding: 5px;
	text-decoration: none;
} 
ul#secondarynav li a:hover,
ul#secondarynav li a.current{
	background-color: #A4A8BD;
}
ul#secondarynav li#monochrome a,
ul#secondarynav li#monochrome a:hover{
	background-image: url(/i/new_seal.gif);
	background-repeat: no-repeat;
	background-position: 1% 51%;
	padding-left: 28px
}
/*****************top pics*****************/
#pic{width:536px;height:144px;background: transparent url(/i/picbg_inside.gif) no-repeat 0 0;margin-bottom: 20px}
#pic img{margin-top: 5px;margin-left: 6px}
/********seperator for margin bug on side panels*****************/
div.divider{font-size:1px; line-height:1px; display: block; clear:both; height:1px}
/***********************image replacement***********************/
h2.headline{
	margin: 20px 0px 10px; 
	height: 26px; 
	text-indent: -9999px; 
	overflow: hidden;
}
h2#getInTouch{background: #9095AF url(/i/h/getintouch.gif) 0 0}
h2#world{background: #9095AF url(/i/h/worldphotography.gif) 0 0}
h2#sebastien{background: #9095AF url(/i/h/sebastien.gif) 0 0}
h2#trobophotocom{background: #9095AF url(/i/h/trobophotocom.gif) 0 0}
h2#terms{background: #9095AF url(/i/h/termsandconditions.gif) 0 0}
h2#courses{background: #9095AF url(/i/h/courses.gif) 0 0}
h2#workshops{background: #9095AF url(/i/h/workshops.gif) 0 0}
/***********************tabs***********************/
.tabbedContent{
	border-top: 1px solid #73778C;
	position: relative;
}
.tabbedContent h4.tabTitle{
	display: none;
}
.tabbedContent ul.tabs{
	margin: 0; padding: 0; 
	list-style-type: none;
	height: 21px;
	position: relative;
	top: -21px;
	margin-bottom: -8px;
}
.tabbedContent ul.tabs li{
	width: 87px;
	height: 21px;
	position: absolute;
	background-repeat: no-repeat;
}
.tabbedContent ul.tabs li.tab1{
	right: 91px;
	background-image: url(/i/tab_en.gif);
}
.tabbedContent ul.tabs li.tab2{
	right: 5px;
	background-image: url(/i/tab_fr.gif);
}
.tabbedContent ul.tabs li a{
	display: block;
	width: 87px;
	height: 21px;
	line-height: 21px;
	text-indent: -9999px;
	overflow: hidden;
	outline: none;
}
.tabbedContent ul.tabs li a:hover{background-color: transparent;}
.tabbedContent ul.tabs li.tab{background-position: 0 -21px;}
.tabbedContent1 ul.tabs li.tab1,.tabbedContent2 ul.tabs li.tab2,.tabbedContent3 ul.tabs li.tab3,.tabbedContent4 ul.tabs li.tab4{
	background-position: 0 0;
}
.tabbedContent .tabContent{display:none;}
.tabbedContent1 .tabContent1,.tabbedContent2 .tabContent2,.tabbedContent3 .tabContent3,.tabbedContent4 .tabContent4{
	display:block;
} 
/*********************
Contact page
**********************/
.col1{
	float: left;
	width: 245px;
}
.col2{
	float: right;
	width: 245px;
}
#contactForm label, #contactForm input{
	display: block;
	clear: both;
}
#contactForm label{
	font-weight: bold;
	padding-top: 0px;
}
#contactForm .tbox, #contactForm .tarea{
	width: 80%;
	margin-bottom: 5px;
}
#contactForm input.send{
	width: auto;
}
#contactForm fieldset{
	border: none;
	padding: 0px;
	margin: 0px 0px 10px;
}
.tbox, .tarea{
	border-top: 1px solid #555867;
	border-left: 1px solid #555867;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background-color:#eee !important;
}
.tbox:hover, .tarea:hover{
	background-color:#fff !important;
}
p.error{
	border: 3px solid #7D3117;
	padding: 5px;
	font-weight: bold;
}
p.success{
	border: 3px solid #AED76F;
	padding: 5px;
	font-weight: bold;
}
/*information side*/
.info dl{
	margin-bottom: 20px;
}
.info dt{
	font-weight: bold;
	margin-bottom: 5px;
}
.info span.email{
	display: block;
	margin-bottom: 10px;
}
/*exhibiton page*/
div#exhibition{
	text-align: center;
	padding-top: 30px
}
div#exhibition img{
	border: 4px solid #fff;	
}
div#exhibition ul#returntohome{
	list-style-type: none;	
}
div#exhibition ul#returntohome li{
	margin-left: 0;	
}
/*******
various
********/
.hlight{
	 border-bottom: 1px solid #A4A8BD/*73778C*/;
	 background-color: #A4A8BD;
	 padding:10px 15px 0;
	 margin: 0 0 1.5em;
	 position: relative;
}
.hlight dl{
	margin: 0 0 10px 0;
}
.hlight dl dt{
	font-weight: bold;
	margin: 0 0 5px 0;
}
.clear{
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	overflow: hidden;
	display: block;
	clear: both;
}
/*******
courses and workshops
********/
.course h2{
	font-size: 25px;
	color: #fff;
	font-family: "GenevaNrw", "Arial Narrow", Geneva, Arial, Helvetica, sans-serif;
	margin: 3px 0 13px 130px;
}
.course img{
	position: absolute;
	top: 10px;
	left: 12px;
}
.course dl{
	float: left;
	margin: 0 0 0 130px;
	padding: 0;
}
.course dl dt{
	float: left;
	clear: left;
	padding: 0 10px 0 0;
	margin: 0 0 2px 0;
}
.course dl dd{
	float: left;
	padding: 0;
	margin: 0 0 2px 0;
}
.course p{
	display: block;
	clear: both;
	padding-top: 10px;
	margin-bottom: 5px;
}
.course ul.actions{
	list-style-type: none;
	margin: 20px 0 0 0;
	padding: 0;
	height: 45px;
}
.course ul.actions li{
	float: right;
	margin: 0;
	padding: 0 10px 0 0;
}
.course ul.actions li a{
	display: block;
	float: left;
	text-decoration: none;
	background: #AED76F;
	font-family: "GenevaNrw", "Arial Narrow", Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18px;
	padding: 5px 10px;
	color: #7C8197;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 1px 1px 2px #3F414D; /* Firefox */
  	-webkit-box-shadow: 1px 1px 2px #3F414D; /* Safari, Chrome */
	box-shadow: 1px 1px 2px #3F414D; /* CSS3 */
}
.course ul.actions li a:hover{
	color: #666;
}