/* Link styles
------------------------------------------------ */

a:link, a:visited {color: #FFF;text-decoration: underline;outline: none;} a:hover {color: #000; text-decoration: underline;}

a.no-border:link, a.no-border:visited {color: #FFF;text-decoration:none;border:none;} a.no-border:hover {color: #000;text-decoration:none;border:none;}

/* Body & Wrapper
------------------------------------------------ */

body { margin: 0px;  padding: 0px;text-align: center;} #all { margin: 0px; width: auto; text-align: center;padding:0 120px 0 0;} #main {width: 780px;margin: 0px auto;text-align: left; padding:0;}

/* Header
------------------------------------------------ */

#header { height: 100px;width: 780px; margin:0px auto; padding:0 0 0 0; text-align: left;z-index:99;}
#content-logo h1 span {position:absolute;left:-20000px;}

/* Layout
------------------------------------------------ */

.content-float
{
    height: auto;
    float: left;
    width:115px;
    padding: 0px;
    margin: 0px;
}

.col-1
{
    height: auto;
    float: left;
    width: 33px;
    padding: 0px;
    margin: 0px;
}

.col-2
{
    height: auto;
    float: right;
    width: 60px;
    padding: 0px;
    margin: 0px;
}

.col-3
{
    background-color:#CEB800;
    float:right;
    height:466px;
    padding:0px;
    margin: 0px;
    width:665px;
    overflow:hidden;
}

.col-3-projects
{
    float:right;
    height:466px;
    padding:0px;
    margin: 0px;
    width:665px;
    z-index:1;
}


#content-main-home
{
    width:665px;
    height:466px;
    margin: 0px;
    padding:0px;
    outline:none;
    z-index:1;
}

#content-main
{
    width: auto;
    height:346px;
    margin: 60px 60px 0px 60px;
    padding:0px 0px 0px 0px;
    overflow:hidden;
    outline:none;
    z-index:1;
}

#article
{
    width: auto;
    height:346px;
    margin: 0px 0px 0px 0px;
    padding:0px 8px 0px 0px;
    font: normal 1em Arial, Helvetica, sans-serif;
    color: #FFF;
    overflow:auto;
    outline:none;
    z-index:1;
    visibility:hidden;
}

#slides
{
    float:left;
    height:466px;
    padding:0px;
    margin: 0px;
    width:665px;
    overflow:hidden;
    background-color:#FFF;
}


#content-sidebar
{
    width: auto;
    height: auto;
    margin: 0px;
    padding: 0px;
}

.article-listing{margin:0;padding:  0px 0px 6px 0px;float:left;}

/* Project Panels
------------------------------------------------ */

#project-pane{height:466px;width:312px;padding:0 20px 0 0 ;z-index:10;position:relative;overflow:hidden;background-color:#CEB800;float:right;visibility:hidden;}

#project-details{height:426px;width:250px;padding:40px 40px 20px 40px;overflow:hidden;background-color:#CEB800;z-index:10;}
#project-toggle a
{
	display:block;
	height:466px;
	width:27px;
	padding:0 0 0 0 ;
	z-index:12;
	position:absolute;
	margin-left:638px;
	overflow:hidden;
	float:right;
	background-repeat: no-repeat;
}

#project-toggle a:link, #project-toggle a:visited 
{background-image:  url(../images/side-bar.png);}

#project-toggle a:hover
{background-image: url(../images/side-bar-on.gif);}

#project-toggle.active a:link, #project-toggle.active a:visited 
{background-image:  url(../images/back-link.gif);}

#project-toggle.active a:hover
{background-image: url(../images/back-link-on.gif); }

#project-details #article {height:386px;padding:0px 10px 0px 0px;}
#project-details #article h2 {line-height: 1.2em;margin: 0 0 0 0;}
#project-details #article h2.list {line-height: 1.2em;margin:0 0 0.6em 0; }
#project-details #article div.article-listing p {margin: 0.2em 0 0.3em 0;}

.project-details-list {float: left;margin:  0 0; padding-bottom: 5px;font: normal 1em Arial, Helvetica, sans-serif;}
.project-details-pdf {float: left;margin:  0 0; padding-bottom: 5px;padding-top: 5px;font: normal 1em Arial, Helvetica, sans-serif;}

p.p-lhs {float: left;width: 58px; margin:  0 0; padding-bottom: 0;}

p.p-rhs { float: right; width: 156px;color: #51514D; margin:  0 0; padding-bottom: 0;}

p.p-pdf {float: left;width: 200px; margin: 0 0 0 0 ; padding-bottom: 0;}

/* Neutralize styling
---------------------------------------------------------------- */
html, body, form, fieldset {margin: 0;padding: 0;font: normal 100.01%/1.4em Helvetica, Arial, Geneva, Verdana, sans-serif;}

html { font-size: 65%; } /* 1em = 10px */
html { font-size: 70%; } /* override it ... go bigger */


/* Miscellaneous Conveniences
---------------------------------------------------------------- */
form label {cursor: pointer;}
fieldset {border: none;}
input, select, td {font-size: 90%;}
html[xmlns] pre { font-size: 1.3em;}
.clear { clear: both; line-height: 1px; font-size: 1px; height: 1px; visibility: hidden; }

img {border:none;}

img.profile {float:left;margin-right:14px;border:3px solid #FFF;}
img.icon {display:block;width:16px;float:left;margin:0px 6px 0 0;}
#thumbs { visibility:hidden;}

/* Headers and Paragraphs:
---------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6
{
     line-height: 1em;
     padding: 0;
     margin: 0 0 0.3em 0;
     font-family: Helvetica,Arial,Georgia,Verdana;
}

h1 { font-size: 1.1em; font-weight: normal; color: #CEB800;}
h2 { font-size: 1.5em; font-weight: normal; color: #CEB800;margin: 0 0 0.3em 0;}
h3 { font-size: 1.2em; font-weight: normal; color: #FFF;margin: 0.4em 0 0 0; line-height: 1.1em;}
h4 { font-size: 1.1em; font-weight: normal; color: #FFF; }
h5 { font-size: 1em; font-weight: normal; color: #FFF; }
h6 { font-size: 1em; font-weight: normal; color: #999; }

p { line-height: 1.2em; margin:  .5em 0; padding-bottom: 6px;}


/* Vertical Dropdown Menu
---------------------------------------------------------------- */

#navigation
{ 
    width: 500px;
    height:auto;
    margin: 0px;
    padding:16px 0 0 110px ;
}

.sf-menu, .sf-menu * {
	margin:0;
	padding:0;
	list-style:none; z-index:99;
}
.sf-menu {
	line-height:1.0;
}
.sf-menu ul {
	position:absolute;
	top:-999em;
	width:11.2em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul ul ul  {
	position:absolute;
	top:-999em;
	width:25em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
	width:100%;
}
.sf-menu li:hover {
	visibility:inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:left;
	position:relative;
}
.sf-menu a {
	display:block;
	position:relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:0em;
	top:2.5em; /* match top ul list item height */
	z-index:99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:11.2em; /* match ul width */
	top:0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:11.2em; /* match ul width */
	top:0;
}
/*** DEMO SKIN ***/
.sf-menu {
	float:left;
	margin-bottom:	0;
}
.sf-menu a {
	padding: .3em 0.5em;
	text-decoration:none;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
        line-height: 1.2em;
}

.sf-menu span {
        display:block;
	padding: .3em 0.5em;
	text-decoration:none;
        font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
        line-height: 1.2em;
        color:#AAAAAA;text-decoration:none;
}

.sf-menu a, .sf-menu a:link, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#444;text-decoration:none;
}
.sf-menu li {
	background-image:url(../images/bkgd_menu.png);
        background-repeat:repeat;
}
.sf-menu li li {
	background-image:url(../images/bkgd_menu.png);
        background-repeat:repeat;
}
.sf-menu li li li {
	background-image:url(../images/bkgd_menu.png);
        background-repeat:repeat;
}
.sf-menu li li li li{
	background-image:url(../images/bkgd_menu.png);
        background-repeat:repeat;
}

#navigation ul li a:hover{
        color:#ceb800;
        background-image:none;
	background:#FFF;
	outline:0;
        text-decoration:none;
}

#navigation ul li a:active, 
#navigation ul li a.active {
        color:#ceb800;
        background-image:none;
	background:#FFF;
	outline:0;
        text-decoration:none;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 2.25em;
	min-width:1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:absolute;
	display:block;
	right:.75em;
	top:1.05em; /* IE6 only */
	width:10px;
	height:10px;
	text-indent:-999em;
	overflow:hidden;
	background:none; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
	width:	11em;
}
/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	11em; /* match ul width */
	top:	0;
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/* Galleria
------------------------------------------------ */

#slideshow {
    float:left;
    height:466px;
    padding:0px;
    margin: 0px;
    width:665px;
    overflow:hidden;
    z-index:1;
    position:absolute;
    background-color:#DCDCD0;
}

ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 0px 0px 5px 0;
	list-style: none;
}
a.thumb {
	padding: 0px;
	display: block;
        height:39px;
        width:55px;
       background-color:#DCDCD0;
}
ul.thumbs li.selected a.thumb {
       background-color:#DCDCD0;
}
a.thumb:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}