body {
	margin: 0;
	padding: 0;
}


img {
	padding: 0;
	margin: 0;
	border: none;
}

#main {
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

a.small-link {
	color: #3f9fd5;
	text-decoration: none;
	font-size: 12px;
}

a:hover .small-link {text-decoration: underline;}

a:visited .small-link {color: #0f6fa5;}

blockquote {
padding:10px;
display:block;
color:#51809a;
font: italic 14px georgia;
line-height: 21px;
background-color: #f0eee8;
margin-left: 0px;
border: 1px solid #e7e4db;
width: 760px;
}

#quote .quotemark { 
margin: 0; 
font: italic 14px georgia; 
font-weight: bold; 
font-size: 24px; 
line-height: 0px; 
}

/*blockquote:before { content: open-quote; font-weight: bold; font-size: 24px;}
blockquote:after { content: close-quote; font-weight: bold; font-size: 24px;}*/

ul {
	list-style: default;
	margin: 3px 0 0 14px;
	padding: 0;
	font:  bold 12px arial, helvetica, sans-serif;
	line-height: 22px;
	color: #61767c;
}


#container p.small {font-size: 11px;}

#container p.smallright {font-size: 11px; text-align: right}

/* -------- header --------- */



#header {
	width: 100%;
	height: 184px;
	background: url(../images/header-bg-2.jpg) repeat-x;
}
#header-1 {
	position: relative;
	width: 864px;
	height: 184px;
	background: url(../images/header-bg.jpg) no-repeat 100% 0;
	margin: 0 auto;
}
#header-1 .logo {
	position: absolute;
	background: url(../images/logo.jpg) no-repeat;
	width: 218px;
	height: 56px;
	text-indent: -9999px;
	overflow: hidden; 
	top: 56px;
	
}
#header-1 .email {
	position: absolute;
	background: url(../images/email.jpg) no-repeat;
	width: 157px;
	height: 13px;
	text-indent: -9999px;
	overflow: hidden; 
	top: 28px;
	left: 603px;
}



/* -------- top nav --------- */


#top-nav {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 149px;
	left: 2px;
	z-index: 100;
}
#top-nav li {float: left;}
#top-nav a {
	height: 27px;
	float: left; 
	overflow: hidden; 
	text-indent: -9999px;
}
#top-nav li a:hover {background-position: bottom !important;}
#top-nav li:hover,
#top-nav li.hover {position: relative;}
#top-nav li.hover .drop, 
#top-nav li:hover .drop,
#top-nav li:hover .drop-2,
#top-nav li.hover .drop-2 {display: block;}
#top-nav .drop,
#top-nav .drop-2 {
	display: none;
	position: absolute;
	top: 27px;
	left: 2px;
	margin: 0;
	padding: 8px 0 0 0;
	width: 92px;
	list-style: none;
	font: 12px arial, helvetica, sans-serif;
	background: #589DBA url(../images/drop-bg.jpg) repeat-x 0 100%;
}
#top-nav .drop-2 {left: 3px;}
#top-nav .drop a,
#top-nav .drop-2 a {
	margin: 0 0 0 9px;
	padding: 8px 0 0 1px;
	color: #d8f1fe;
	text-indent: 0;
	display: block;
	width: 73px;
	border-bottom: 1px solid #73AFCA;
	text-decoration: none;
}
#top-nav .twolines {
	height:36px;
}
#top-nav .threelines {
	height:50px;
}
#top-nav .drop .last,
#top-nav .drop-2 .last {border-bottom: none;}
#top-nav .drop a:hover,
#top-nav .drop-2 a:hover {
	color: #fff;
	font-weight: normal;
}
#top-nav li .drop .bottom,
#top-nav li .bottom {
	display: block;
	background: url(../images/drop-bottom-bg.png) no-repeat;
	width: 92px;
	height: 10px;
	float: left; 
	position:relative;
	font: 0px sans-serif;
	margin: 0 0 -10px 0; 
}
#top-nav li .home {
	background: url(../images/home.jpg) no-repeat;
	width: 75px;
}
#top-nav li .about {
	background: url(../images/about.jpg) no-repeat;
	width: 79px;
}
#top-nav li .presenter {
	background: url(../images/presenter.jpg) no-repeat;
	width: 95px;
}
#top-nav li .facilitator {
	background: url(../images/facilitator.jpg) no-repeat;
	width: 95px;
}
#top-nav li .trainer {
	background: url(../images/trainer.jpg) no-repeat;
	width: 95px;
}
#top-nav li .voiceover {
	background: url(../images/voiceover.jpg) no-repeat;
	width: 95px;
}
#top-nav li .writer {
	background: url(../images/writer.jpg) no-repeat;
	width: 96px;
}
#top-nav li .cv {
	background: url(../images/cv.jpg) no-repeat;
	width: 65px;
}
#top-nav li .contact {
	background: url(../images/contact.jpg) no-repeat;
	width: 80px;
}




/* -------- secondary menu --------- */


#secondary-menu {
	width: 154px;
	float: right; 
	
	/*fixes size and position */

}

#secondary-menu div{
	margin-top: 10px;
	padding: 20px;
		text-align:left;
	/* fixes padding etc for ie work-around for box model issue */
}


#secondary-menu ul {
color: #61767c;
	padding: 0px;	
	width: 120px;
	list-style: none; 
}

#secondary-menu li {
	margin: 10px 0 10px 0;
	padding: 4px 0px 4px 0px;	
	font: bold 11px arial, helvetica, sans-serif;
	border-bottom: 1px solid #c4c4c4;
}

#secondary-menu ul li .last {
	border: none;
}

#secondary-menu a {
	color: #3f9fd5;
	text-decoration: none;
}

#secondary-menu a:hover {
	color: #5bbcf3;
}




/* -------- main content --------- */



#content {
	z-index: 1;
	width: 100%;
	background: #FEFEFD url(../images/content-top-bg.jpg) repeat-x;
	overflow: hidden; 
	
}
#content-1 {
	width: 100%;
	background:  url(../images/content-bottom-bg.jpg) repeat-x 0 100%;
	overflow: hidden; 
		
}

#content_right {
	float: right; 
	width: 406px;
	margin-bottom: 60px;
}

#video_content {
	position: relative;
	float: right; 
	margin: 20px 0px 30px 20px;	
}


#container {
	margin: 0 auto;
	width: 864px;
}

#container .text-area {
	float: left; 
	width: 410px;

}

#container .content-text-area {
	float: left; 
	width: 782px;
	margin-bottom: 60px;
	text-align:justify;
		line-height:24px;
}


#container p {
	font: 12px arial, sans-serif;
	color: #61767c;
	line-height: 18px;
	}


#container h2.cvheading {
	font: bold 14px arial, sans-serif;
	color: #68a9c9;
	line-height: 18px;
	}
	
	#container h3.cvheading {
	font: 12px  arial, helvetica, sans-serif;
	color: #ca9e4f;
	line-height: 18px;
	}

#container h1.home {
	margin: 0;
	padding: 40px 0px 0 0;
	font: 18px arial, helvetica, sans-serif;
	color: #61767c;
}

#container h1.work-page {
	margin-bottom: 80px;
	padding: 40px 25px 20px 0;
	font: 18px arial, helvetica, sans-serif;
	color: #3491b8;
	text-align:left;
}

#container h1 {
	margin: 0;
	padding: 40px 25px 10px 0;
	font: 18px arial, helvetica, sans-serif;
	color: #3491b8;
}

#container h2 {
	margin: 0;
	padding: 18px 25px 0 0;
	font: bold 14px arial, helvetica, sans-serif;
		line-height: 18px;
	color: #61767c;
}

#container span {
	float: left; 
	color: #61767c;
	font: 12px arial, helvetica, sans-serif;
	padding: 14px 0px 10px 0;
	text-align:justify;
	line-height: 18px;
	}
	
#container span a {
	color: #3f9fd5;
	text-decoration: none;
}

#container span a:hover {text-decoration: underline;}



#container  a {
	color: #3f9fd5;
	text-decoration: none;
}

#container  a:hover {text-decoration: underline;}

#container a:visited {color: #0f6fa5;}



#container .button {
	float: left; 
	display: block;
	background: url(../images/button.png) no-repeat;
	width: 192px;
	height: 35px;
	font: 12px arial, helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
	margin: 0px 0 0 220px;
}
#container .button span {
	color: #3097d1;
	position: relative;
	font: bold 12px arial, helvetica, sans-serif; 
	padding: 11px 0 0 14px;
}


#container .videobutton {
	float: left; 
	display: block;
	background: url(../images/videobutton.png) no-repeat;
	width: 231px;
	height: 35px;
	font: 12px arial, helvetica, sans-serif;
	text-decoration: none;
	cursor: pointer;
	margin: 37px 0 0 254px;
}
#container .videobutton span {
	color: #3097d1;
	position: relative;
	font: bold 12px arial, helvetica, sans-serif; 
	padding: 11px 0 0 14px;
}




#container .pic {
	margin: 44px 0px 0 22px;
	float: left; 
}

#container .homepic {
	margin: 34px 0px 0 22px;
	float: left; 
}



#footer {
	width: 100%;
	background: #3491B8 url(../images/footer-bg-2.jpg) repeat-x;
}
#contents {
	background: #3491B8 url(../images/footer-bg.jpg) no-repeat;
	width: 845px;
	margin: 0 auto;
	overflow: hidden; 
}
.button-2 {
	float: left; 
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/button.jpg) no-repeat;
	width: 199px;
	height: 29px;
	margin: 26px 0 0 35px;
}
.boxes {
	float: left; 
	margin: 45px 0 0 0; 
	width: 845px;
}
.box-1 {margin: 0 0 0 33px;}
.box-1,
.box-2,
.box-3,
.box-4 {
	float: left; 
	background: url(../images/box-1-bg.jpg) no-repeat;
	width: 147px;
	height: 181px;
	overflow: hidden; 
	margin: 0 43px 0 0;
	padding: 0 0 54px 0;
}
.box-1 {
	margin: 0 43px 0 33px;
	display: inline; 
}
.box-2 {background: url(../images/box-2-bg.jpg) no-repeat;}
.box-3 {background: url(../images/box-3-bg.jpg) no-repeat;}
.box-4 {background: url(../images/box-4-bg.jpg) no-repeat;}
.box-1 span,
.box-2 span,
.box-3 span,
.box-4 span {
	float: left; 
	font: 15px arial, helvetica, sans-serif;
	color: #fff;
	padding: 9px 0 0 13px;
	margin: 0;
}
.box-2 span {color:#1f85d4;}
.box-1 a,
.box-2 a,
.box-3 a,
.box-4 a {text-decoration: none;}
.box-1 img,
.box-2 img,
.box-3 img,
.box-4 img {padding: 15px 0 0 11px;}
.box-1 ul,
.box-2 ul,
.box-3 ul,
.box-4 ul {
	float: left; 
	list-style: none;
	margin: 3px 0 0 14px;
	padding: 0;
	font: 11px/18px arial, helvetica, sans-serif;
}
.box-1 ul li,
.box-2 ul li,
.box-3 ul li,
.box-4 ul li {width: 100%;}
.box-1 ul a,
.box-2 ul a,
.box-3 ul a,
.box-4 ul a {
	color: #feffff;
	text-decoration: none;
}
.box-1 ul a:hover,
.box-2 ul a:hover,
.box-3 ul a:hover,
.box-4 ul a:hover {text-decoration: underline;}


#pre-footer-space {
height: 40px;
background-color: #f4efdb;
}



#footer-2 {
	width: 100%;
	background: #2C3336;
	border-top: 1px solid #316B84;
	overflow: hidden;
}
#contents-footer-2 {
	width: 845px;
	margin: 0 auto; 
}
#contents-footer-2 ul {
	position: relative;
	float: left; 
	list-style: none;
	margin: 36px 0 0 -22px;
	padding: 0 0 50px 0;
	font: 11px arial, helvetica, sans-serif;
}
#contents-footer-2 ul li {float: left;}
#contents-footer-2 ul li a {
	color: #fff;
	text-decoration: none;
	background: url(../images/sep.jpg) no-repeat 100% 2px;
	padding: 0 14px 0 14px;
}
#contents-footer-2 ul li a:hover {text-decoration: underline;}
#contents-footer-2 ul .last {background: none;}
#contents-footer-2 .email {
	color: #4cbfe2;
	font: 11px arial, helvetica, sans-serif;
	text-decoration: none;
	float: right; 
	margin: 35px 70px 0 0;
}
#contents-footer-2 .email:hover { text-decoration: underline;}


/*  slideshow  */
   

#slideshow {
    position:relative;
    height:294px;
	width:385px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}