/* Created by Trevor Lewis. Copyright 2007.*/
html, body {color: #000; font-size: 101%; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #f7f7f2; text-align: center; margin: 0; padding: 0 }
img { font-size: 65% }
/*Containers and Divisions for page structure.*/
#pagewidth  { background-color: #fff; text-align: left; margin-top: 30px; margin-right: auto; margin-left: auto; width: 720px; overflow: hidden;}
#header { background-color: #a6bdc9; background-repeat: no-repeat; background-position: 0 0; position: relative; width: 100%; height: 80px; overflow: hidden; }
#navcontainer { background-color: #e6e6e6; position: relative; width: 100%; border-top: 2px solid #4d4d4d; overflow: hidden; }
#menucol { margin-top: 7px; margin-bottom: 7px; margin-left: 3px; position: relative; width: 200px; float: left; border: solid 1px #d0d0d0; -moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px; -moz-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px; overflow: hidden; }
#maincol  { background-color: white; margin: 7px 0 7px 10px; position: relative; width: 500px; height: 21em; float: left; overflow: auto; border: solid 1px #d0d0d0; -moz-border-radius-bottomleft: 12px; -moz-border-radius-topleft: 12px; -webkit-border-bottom-left-radius: 12px ; -webkit-border-top-left-radius: 12px }
#footer  { background-image: url("../images/blue_bottom.gif"); background-repeat: no-repeat; background-position: 0 100%; margin: 0; padding: 7px 0 0; position: relative; clear: both; overflow: hidden; }
#menu  { white-space: nowrap; list-style-type: none; margin: 0; overflow: hidden; }
#menuheader { color: #4d4d4d; background-color: #e6e6e6; text-align: left; margin: 0; padding: 0; -moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px; overflow: hidden; }
#menulinks { padding-bottom: 20px; overflow: hidden; }
#update  { background-color: #e6e6e6; margin: 0; padding: 5px; -moz-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px; overflow: hidden; }
/*styles for thumbnails and slideshow of images.*/
#lightbox    { visibility: visible; margin: 7px 10px 7px 0; padding: 0; position: relative }
div.thumbnail  { margin: 10px 0 0 10px; padding: 0; width: 65px; height: 65px; float: left }
div.thumbnail img { display: block; margin-top: 10px; margin-left: 10px; padding: 0; float: left; border: solid 1px #777 }
#index { visibility: visible; margin: 7px 10px 7px 0; padding: 0; position: relative }
div.series  { margin: 10px 0 0 10px; padding: 0; width: 65px; height: 65px; float: left }
div.series img   { display: block; margin-top: 10px; margin-left: 10px; padding: 0; float: left; border: solid 2px #feffff }
div.series img:hover   { border-width: 2px; border-color: #777 }
#statement      { visibility: visible; margin: 7px 10px 7px 0; padding: 0.5em 0 0; position: relative; clear: both }

#slideshow  { text-align: left; visibility: visible; position: relative; float: left }
#slideshow img { position: relative; left: 110px; border: 0 }
#smvideo { text-align: left; visibility: visible; padding-top: 60px; padding-left: 150px; position: relative; width: 380px; height: 240px; float: none }
#selector  { margin-top: 7px; margin-bottom: 7px; position: relative; width: 95%; float: left }
ul#slidelist {
	text-align: center;
	white-space: nowrap;
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
ul#slidelist li  { color: #777; font-size: 65%; cursor: pointer; display: inline; margin: 0.1em; padding: 0.2em 0.3em }
/*Classes - page heading replacements*/
.page_portfolio   { background-image: url("../images/portfolio.jpg"); background-repeat: no-repeat }
.page_title  { background-image: url("../images/title.jpg") }
.page_cv  { background-image: url("../images/curriculum_vitae.jpg") }
.page_news  { background-image: url("../images/exhibition.jpg") }
.page_contact  { background-image: url("../images/contacts.jpg") }
/*Navigation list (under page header)*/
ul#navlist  { list-style-type: none; margin-top: 0.1em; margin-bottom: 0.1em; margin-left: 0.1em; padding-left: 0; width: 100%; float: left }
ul#navlist li  { font-size: 65%; display: inline; border-style: none }
ul#navlist a#active { color: #4d4d4d; background-color: #d0d0d0 }
#navlist a, #navlist a:link  {
	color: #4d4d4d;
	text-decoration: none;
	display: block;
	padding: 0.1em 0.5em;
	float: left;
	border-right: 1px solid #4d4d4d;
	min-width: 35px;
}
#navlist a:hover     { color: #333; background-color: #d0d0d0 }
/*Menu column - menu list (navigation)*/
ul#menu  { list-style-type: none; margin-left: 10px; padding-left: 0 }
ul#menu li        { color: #777; font-size: 65%; text-align: right; display: inline }
#menu a, #menu a:link    {
	color: #777;
	text-decoration: none;
	display: block;
	padding-top: 0.6em;
	padding-right: 15px;
	width: 180px;
}
#menu a:hover   { color: #333; background-color: #d0d0d0 }
#menulinks img { margin-top: 3px; margin-left: 3px }
ul#repres { color: #666; font-size: 60%; text-align: left; list-style-type: circle }
/*Footer links*/
#footer a,  #footer a:link { color: #4d4d4d; text-decoration: none; padding-right: 10px; padding-left: 10px }
#footer a:hover { color: #000; text-decoration: none }
/*Paragraph styles*/
#header p { margin: 1em }
#menucol p  { color: #666; font-size: 60%; text-align: left; margin: 1em; padding-top: 0.6em; border-top: 1px solid #d0d0d0 }
#maincol p    { color: #666; font-size: 70%; text-align: left; margin: 1em; padding: 0 10px }
#footer p        { color: #4d4d4d; font-size: 60%; background-repeat: no-repeat; background-position: 0 100%; text-align: center; display: block; margin: 0; padding: 0.2em 0.2em 1em }
#update p   { color: #4d4d4d; font-size: 60%; text-align: center; margin-top: 0; margin-bottom: 0; padding-top: 0.1em; padding-bottom: 0.3em; border-style: none }
div#statement p { display: block; margin: 0; padding: 10px 0 0 20px }
/* End hide from IE-mac */
div#statement ul{
	margin-bottom: 0px;
	margin-top: 0px;
	list-style-type: circle;
}
div#statement ul li{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #666;
}
/*Headings*/
h1 { display: none; margin: 0; padding: 0 }
div#menuheader h2       { color: #666; font-size: 75%; font-weight: normal; margin: 0; padding: 10px 0 10px 20px }
div#maincol h2 { color: #666; font-size: 60%; font-style: italic; font-weight: normal; line-height: 1; display: block; margin: 0 0 5px; padding: 0; clear: both }
h3#section     { color: #406985; font-size: 90%; font-style: normal; font-weight: normal; line-height: 100%; margin: 20px 0 5px 20px; padding: 0 }
div#maincol h3     { color: #406985; font-size: 90%; font-style: normal; font-weight: normal; line-height: 100%; margin: 20px 0 0px 20px; padding: 0 }
div#statement h4      {
	color: #406985;
	font-size: 75%;
	font-style: normal;
	font-weight: normal;
	line-height: 120%;
	display: block;
	border-top: 1px solid #406985;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
/* *** Clearing the float attribute of containers *** */ 
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix { clear: both }
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}