@charset "UTF-8";
/* CSS Document */


@font-face {
    font-family: 'OptimaLTStdRoman';
    src: url('fonts/optimaltstd-webfont.eot');
    src: url('fonts/optimaltstd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/optimaltstd-webfont.woff') format('woff'),
         url('fonts/optimaltstd-webfont.ttf') format('truetype'),
         url('fonts/optimaltstd-webfont.svg#OptimaLTStdRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ITCUsherwoodBookRegular';
    src: url('fonts/usherwood-book-webfont.eot');
    src: url('fonts/usherwood-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/usherwood-book-webfont.woff') format('woff'),
         url('fonts/usherwood-book-webfont.ttf') format('truetype'),
         url('fonts/usherwood-book-webfont.svg#ITCUsherwoodBookRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	margin:0;
	padding:0;
	font: 90%/1.2 "OptimaLTStdRoman", Palatino Linotype, Book Antiqua3, Palatino, serif; 
	color: #776f5c;
	background:#f5f5f2;
	text-align:center;
}	

div {
	border:
}

#container {
	width:900px;
	margin-left:auto;
	margin-right:auto;
	margin-top:36px;
	text-align:left;
}

#content {
	width: 900px;
	margin-left:auto;
	margin-right:auto;
	border: solid 1px #c4bdaa;
	/* old border colour light #e0dccc;*/ 	
	clear:both;
	background:#ebe9e6;
	position:relative;
}

.textContent #content, .homeContent {
	padding:40px;
	width:820px;
}

.homeContent {
		padding-top:15px;
}

#footer p {
	font-size:0.8em;
	text-align:right;
	margin: 12px 0 36px 0;
}

img {
	border:none;
}

/* Main Menu Styling */


#menu {
	width:610px;
	float:right;
	font-family:"ITCUsherwoodBookRegular",Palatino Linotype, Book Antiqua3, Palatino, serif; 
	text-align:right;
	font-size:1.1em;
	margin: 44px 0 8px 0;
	padding:0;
}


#menu li {
	display: inline;
	margin:0px 0px 0px 14px;
	padding:0;
}

#latestWorkSection a.latestWorkSection, #projectsSection a.projectSection, #gallerySection a.gallerySection, #contactSection a.contactSection, #profileSection a.profileSection,  #traditionSection a.traditionSection, #home a.home   {
	color: #cf9f58;
}


/* link styling */

#menu a, #content #subMenu a {	
	text-decoration:none;
}

#menu a.selected, #menu a:hover {	
	color: #cf9f58;
}

a {	
	color: #776f5c;
}


a:hover, a.selected, #details .current a {
	color: #cf9f58;
}

#footer a {
	text-decoration:none;
}

#content a {
	color: #cf9f58;
	text-decoration:underline;
}

#content a:hover {
	color:#55493d;
}

#content #subMenu a:hover {
	color:#55493d;
}

#details  a {
	color: #776f5c;
	text-decoration:none;
}

#details a:hover, #menu a:hover {
	color: #cf9f58;
}


/* submenu e.g. profile page */


#subMenu {
 	padding:0 0 8px 0;
	display:block;
		}

#subMenu ul {
	padding:2px 6px 2px 6px;
	background:#f0eeeb;
	display:inline;
	border:solid 1px #c4bdaa;
}

#subMenu li {
	display: inline;
	margin:0;
	padding:0;
}

/* header / text styling */

H1 {
	margin:0px 0 6px 0;
	padding:18px 0 0px 0;
	float:left;
	font-weight:normal;
	font-size:1.1em;
	line-height:1.6em;
	width:240px;
}

H2, H3, H4, H5 {
	margin: 0px 0px 8px 0px;
	color:  #6f4f38;
	font-weight:normal;
}


H1 a {
	text-decoration:none;
	color:#825d42;
}

h2 {
	font-size:1.2em;
	width:200px;
}

h4 {
	margin:0;
	font-size:1em;
	}
	
p {
	margin: 0 0 8px 0;
}

.left {
	float:left;
}

.right {
	float:right;
}

img.left {
	margin: 0px 8px 4px 0px;
}

img.right {
	margin: 0px 0px 4px 8px;
}

.clear {
	clear:both;
}

/* projects section gallery */

#title {
	width:200px;
	float:left;
}

#title h2{
	font-size:1em;
}

#title .wide {
	width:300px;
}

#details {
	padding:10px 10px 2px 10px;
	clear:both;
}

#pages ul {
	float:left;
	width: 480px;
	text-align:center;
	margin:0 auto 0 auto;
}

#pages li {
	display: inline;
	margin:0 3px 0 3px;
	padding:0;
}

.otherprojects {
	float:right;
	width: 160px;
	text-align:right;
}

.back a, .otherprojects a.back {	
	padding-left:8px;
	background: url(images/previous-small.png) left center no-repeat;
}

.forward a {	
	padding-right:8px;
	background: url(images/next-small.png) right center no-repeat;
}

/* index pages styling */


#column1 {
	width:320px;
	float:left;
	background: url(images/projects.jpg) top center no-repeat;
	height:600px;
}

.latestWork #column1 {	
	background: url(images/latest-work-2.jpg) top center no-repeat;
}

.latestWork2 #column1 {	
	background: url(images/latest-work-4.jpg) top center no-repeat;
}

#column3 {
	width:250px;
	float:right;
	padding: 30px 30px 10px 30px;
}

#mainContent {
	width:550px;
	float:right;
	padding: 40px 30px;
}

#sideBar {
	width:263px;
	float:left;
	background-color:#ddd8cc;
	padding: 0 0 0px 0;
	margin:0;
}

#sideBar ul  {
	list-style-type:none;
	margin:0;
	padding:0 0 0px 0px;

}

 #sideBar ul li {
	margin: 0px 0 1px 0;
}

#sideBar ul li.last {
	margin: 0px;
}


#sideBar ul li a, #sideBar h2 span  {
	width:240px;
	background:#f2f2ee;
	display:block;
	padding:7px 10px 7px 12px;
	text-decoration:none;
	
}

#sideBar h2 {
	margin: 0px 0px 1px 0px;
}

#sideBar h2 a {
	color:  #6f4f38;
	text-decoration:none;
}

#sideBar ul li a:hover, #sideBar.two li.two a, #sideBar.three li.three a, #sideBar.four li.four a, #sideBar.five li.five a, #sideBar.six li.six a, #sideBar.seven li.seven a, #sideBar.eight li.eight a, #sideBar.nine li.nine a, #sideBar.ten li.ten a, #sideBar.eleven li.eleven a, #sideBar.twelve li.twelve a, #sideBar.thirteen li.thirteen a, #sideBar.fourteen li.fourteen a  {
	background:#f7f7f2;
}



#content.sideBar {
	background:#ebe9e6 url('/images/side-bar.gif') repeat-y top left;
}
#content.projects {
	background: #ebe9e6 url(images/projects-back.gif) top left repeat-y;
}

#content.latestWork{
	background: #ebe9e6 url(images/projects-back.gif) top left repeat-y;
}

/* next / previous projects galleries buttons */

#next {
	z-index:100;
	position:absolute;
	top:0px;
	right:-30px;
}


#previous {
	float:left;
	z-index:100;
	position:absolute;
	top:0px;
	left:-30px;

}

#previous span, #next span {

	display:block;
	
}

#previous a:hover span {
	background:url(images/previous.png) center left no-repeat;
}

#next a:hover span {
	background:url(images/next.png) center right no-repeat;
}

/* forms styling */

textarea {	
	font: 90%/1.4 "OptimaLTStdRoman",Palatino Linotype, Book Antiqua3, Palatino, serif; 
	color: #776f5c;
	background:#f5f5f2;
	width: 320px;
	height:160px;
	border: solid 1px #c4bdaa;
}	

input {	
	font: 90%/1.4 "OptimaLTStdRoman",Palatino Linotype, Book Antiqua3, Palatino, serif; 
	color: #776f5c;
	background:#f5f5f2;
	border: solid 1px #c4bdaa;
}	


.submit {
	border: solid 1px #c4bdaa;
	color: #776f5c;
	background:#f5f5f2;
}


.slides_container div {
    width:900px;
   	text-align:center;
  }
  
 /* projects profiles styling */

.var {
	text-transform:uppercase;
	font-size:0.8em;
}

.projectsItem, .projectsItemWide {
	padding: 0 0 16px 0;
	margin: 0 0 16px 0;
	clear:both;
	border-bottom:1px solid #c4bdaa;
}

.projectsItem p {
	margin: 0 0 0px 250px;
	
}

.projectsItem a, .projectsItemWide a {
	background:#f3f3f0;
	display:block;
	padding-bottom:2px;
}

/*.projectsItem a:hover {
	background:#f7f7f3;
}
*/
.projectsItemWide p {
	margin: 0 0 0px 365px;
	
}

.projectsItem h3, .projectsItemWide h3 {
	text-transform:uppercase;
	margin:0px;
	padding:0;
	font-size:1.1em;
}

.itemImage {
	width:240px;
	float:left;
	margin: 4px 12px 4px 0px;
	text-align:center;
}

.projectsItemWide .itemImage {
	width:355px;
}

.itemImage img {
	margin:0;
	padding:0;
}

#content .itemImage a {
	text-decoration:none;
}

p.specs {
	margin:0 0 12px 0;	
}

/* two column styling e.g. home page */

.leftColumn {
	width:400px;
	float:left;
	margin:10px 0 20px 0;
}

.rightColumn {
	width:400px;
	float:right;
	margin:10px 0 20px 0;
}

.imageColumn {
width:200px;
float:left;
padding-right:8px

}

.imageColumn img {
padding-bottom:8px
}

.profiles {
	font-size:1em;
}

#content .slideShowTitle a {
	padding-top:260px;
	height:340px;
	font-size:1.4em;

	display:block;
	text-decoration:none;
	color: #776f5c;
}

.slideShowTitle {
		text-align:center;
}

.lecture img {
	margin-top:8px;
}