@charset "UTF-8";
body {
background: #1e1e1e;	
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
}

body, body *{
margin: 0; /* reset margins and padding */
padding: 0;
}

.oneColFixCtr #container {
	width: 802px;  
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}

a img{
border:none;
}

div #menu{
width: 350px;
height: 31px;
float: right;
}

div#header{
height: 55px;
margin-top:15px;
padding-bottom:0;
margin-bottom:0;
background: url(../slices/ProjectFile_05.jpg) no-repeat;
}


#header h2 {
	display: none;
}

#header ul {
	float: right;
	margin: 400;
	margin-right: 10px;
	display: inline;
	list-style: none;
}

#header li {
	display: inline;
	background: #626262;
}

#header a {
	margin-top: 29px;
	margin-left: 1px;
	display: block;
	float: left;
	padding: 0 10px 0 10px;
	background: #626262;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 14px;
	color: #b1b1b1;
	display: block;
}

#header a:hover {
	color: #ffffff;
}

#header a:active {
	background: #626262;
	color: #ffffff;
}

#header .first a {
	background: #626262;
	color: #ffffff;
}








div#header h1{
height:31px;
font-size:1px;
width:699px;
float:left;
visibility:visible!important;
}

div#main{
background:url(../slices/ProjectFile_06.jpg) no-repeat; /* left hand border */
height: 534px;
clear:both;
position:relative; /* position relative so the back ground be positioned relatively to this */
}

#content{
width:766px;
position:relative;
left:18px;
}



img#main-background{
width:766px;
}

div#main div#content, div#main div#bg-buttons, div#portfolio, div#blog-flickr, div#flickr div.background, div#blog, div#flickr{
height: 534px; /* change one, change em all */
}


#footer{
margin-bottom:15px;
}

.control{
cursor:pointer;
}


/* background buttons */

div#main div#bg-buttons{
float:right;
width:18px;
background:url(../slices/ProjectFile_08.jpg) repeat-y;
}

div#bg-buttons ul{
position:relative;
top:425px;
left:12px;
}

div#bg-buttons ul, div#bg-buttons ul li{
list-style:none;
line-height:1px;
margin-top:2px;
}


/* collapsible panels */

.CollapsiblePanel{
border:none!important; /*overwrite default styles */
}

.CollapsiblePanelContent{
position:relative;
}


.CollapsiblePanelTab{
display:none; /* not part of the design, but needs to be included */
}


/* blog & flickr */

div#blog{
margin-top: 15px;
float:left;
position:relative;
width:254px;
height: 482px;
}

/* flickr */

div#flickr{
float:right;
width:120px;
overflow:hidden;
}

div#flickr div.background{
background:#000;
}

div#flickr .control{
position:absolute;
top:1px;
left:0;
}

div#flickr #flickr-images{
position:absolute;
top:0;
left:13px;
}

div#flickr #flickr-images img{
border:1px solid #fff;
margin:1px 1px 0 1px;

}

div#flickr-images h4{
margin-top:15px;
margin-left: 7px;
margin-right: 5px;
border-bottom: 1px dotted #fff;
color:#fff;
font-size:14px;
font-weight:800;
}


div#flickr-images h5{
padding-top:10px;
color: #FFFFFF;
border-top:1px dotted #fff;
margin:10px 0 0 0;
margin-right: 5px;
font-size:10.2px;
font-weight:800;
}

div#flickr-images h6{
font-size:9px;
margin:5px 0 10px 0;
margin-right: 5px;
border-bottom: 1px dotted #fff;
}

div#flickr-images h6, div#flickr-images p a{
color:#ff8a00;
margin-left:7px;
}


div#flickr-images p{
font-size:10px;
margin-left: 7px;
margin-right: 5px;
}

/* blog */

div#blog{
margin-top: 50px;
overflow:hidden;
/* width:auto!important;  bug fix to ensure slide doesn't over-write width */
float: left;
}


div#blog .CollapsiblePanelContent .background{
height: 517px;
border-bottom: solid 1px #fff;
width: 100%;
background: #000000;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
/* older mozilla */
-moz-opacity:0.6;
}

div #blog .spacer{
background: #FFFFFF;
margin-bottom: 2px;
}

div#blog .overlay{
padding:0 8px;
z-index:500;
overflow:hidden;
height: auto;
}

div#blog h4{
margin-top:15px;
color:#fff;
font-size:18px;
}


div#blog h5{
padding-top:10px;
border-top:1px dotted #fff;
margin:10px 0 0 0;
font-size:10.2px;
font-weight:800;
}

div#blog h6{
font-size:9px;
margin:5px 0 10px 0;
}

div#blog h6, div#blog p a{
color:#ff8a00;
}


div#blog p{
font-size:10px;
}



/* portfolio */

div#portfolio{
float:left;
position:relative;
}

div#portfolio, #portfolio-inner{
width:388px;
}


#portfolio-inner{
position:absolute;
bottom:0px;
min-height:1%;
}



#portfolio-inner div.background{
width:386px;
left:1px;
background:#fff;
/* for IE */
filter:alpha(opacity=45);
/* CSS3 standard */
opacity:0.45;
height:100%;
}

div.portfolio-section{
padding-left:1px;
position:relative;
}

div.portfolio-section .overlay{
padding-top:1px;
}



#portfolio-inner ul li{
float:left;
line-height:1px;
list-style:none;
padding-bottom:1px;
padding-right:1px;
cursor:pointer;
}


.portfolio-section .CollapsiblePanelContent{
height:79px; /* helps with slide animation to have a height specified if it contains floats */
overflow:hidden;
}

/* portfolio ajax */

.ajax_content{
overflow:hidden;
display:none;
}

#ajax-response{
height:403px;
text-align:center;
}


#ajax-response img{
display:block;
margin:0 auto;
padding:30px 0 0 0;
}

#ajax-response p{
margin:5px 30px;
text-align:justify;
font-size:10px;
color:#000000;
}


#ajax-response div.background{
display:none; /* this is just for IE6 which can't handle height:100% with no parent height fixed - and we can't set parent as the expand fails */
}

/* headers */

div.header{
margin-bottom:1px;
padding:4px 0 0 3px;
position:relative;
}

div.header a{
position:absolute;
top:1px;
z-index:20;
}

div.header a.show{
right:15px;
}

div.header a.hide{
right:1px;
}

div.header h3{
font-size:9px;
margin-right:30px;
}



#portfolio div.header{
background:#fff;
margin-right:1px;
border: solid 1px #626262;
}

#blog div.header{
background:#626262;
}

#portfolio div.header h3{
color:#000;
}

#blog div.header h3{
color:#fff;
}

/* user added */

div.background{
width:100%;
background:#000;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
/* older mozilla */
-moz-opacity:0.6
}

.background{
position:absolute;
top:0;
left:0;
z-index:0;
}

.overlay{
z-index:10;
position:relative;
}