/* @override 
	http://woodsdesign/-/css/base.css
*/

/* @group Resets */
* { margin:0; padding:0 }
img {border: none;}

/* mac hide \*/
html,body{height:99.9%;width:100%;}
/* end hide */


/* @end */

/* @group Structure */

html, body {
	height: 100%;         /* required */
}

body { 
	background: #FFFFFF;
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
	
}

#image_preload {
	position: absolute;
	width:1px;
	height:1px;
	overflow:hidden;
}
	

#distance {
	/*margin-bottom: -250px; /* half of content height */
	/*width: 1px;           /* required to "hide" distance div */
	/*height: 50%;          /* required */
	/*float: left;          /* required */
}


#content{
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	clear:left;
	width: 920px;
	background:#FFFFFF;
	/*height: 500px;*/
	margin: 30px auto 0 auto;
	
}

.home {
	width: 600px;
	margin: 0 auto;
	background-color:#fff;
	zoom:1;
}

#home2 img {
	display: block;
	margin-top: 0px;
	margin-bottom: 30px;
}
.home p {
	margin-top: 12px;
	font: 18px arial;
	line-height: 36px;
}
#home1 p a {
	float :right;
	margin-top: 0px;
	font: 18px arial;
	color:#888;
	line-height: 36px;
	text-decoration: none;
}
#home1 p a:hover {color: #000;}


#logopanel{
	width: 170px;
	background:#d2d0cf;
	float: left;
	height: 473px;
}


#navbar{
	width: 100%;
	height:65px;
	background:#FFFFFF;
	font: 9px Arial;
	
}

#navbar #logo{
	float: right;
	margin-top: 12px;
}


#inside_add, #portfolio {
	float: left;
	text-align:left;
	font: 9px arial;
	color: #000000;
	height: 30px;
}

#inside_add {
	width:  350px;
}


#portfolio {
	width: 250px;
	padding-left:15px;
	border-left: 1px solid #a3a5a7;
}

#portfolio ul {
	margin-top:-2px;
}

#inside_add ul {
	margin-top:-2px;
}

#portfolio li,
#inside_add li,
#footernavbar li,
#footernavbarpagelinks li {
	list-style: none;
	letter-spacing: 1px;
	display: inline;
	padding-right:12px;
	letter-spacing:0.5px;
}  

#footernavbarcontainer{
	height:20px;
	text-align:left;
	clear: both;
}

#footernavbar {
	height:20px;
	text-align:left;
	float:left;
        font: 9px arial,sans-serif;
}

#footernavbarpagelinks{
	height:20px;
	width: 150px;
	text-align:right;
	float:right;
        font: 9px arial,sans-serif;
}


#footernavbar li{
	padding-right:0px;
}


#footernavbarpagelinks li{
	padding-right:0px;
	padding-left: 0px;
}

#footernavbarpagelinks li span, #footernavbar li span { color:#fff;} /*override later with .current span */

#image_postload {
	position: absolute;
	width:1px;
	height:1px;
	overflow:hidden;
}

/* @end */

/* @group Portfolios */

/* @group portfolio index */

#portfolio-index { 
    float: left;
    width:350px;
    }
    
#portfolio-index-montage{
    margin-top:120px;
    float:left;
    }

#portfolio-index-montage a.portfolio-montage { float:left; margin:0; padding:0; margin-right: 2px;}

#portfolio-index ul {
	list-style-type: none;
	}
	
#portfolio-index a {
	font: 12px arial;
	line-height:24px;
	text-transform:uppercase;
	/*font-variant: small-caps;*/
	}

/* @end */

#awards, #contact {
	height:445px;
	overflow:hidden;
	}

#awards-copy,#contact-copy {/* margin-top:18px;*/}

#awards-copy table {
	font: 12px arial;
	}
#awards-copy td {
	vertical-align: top;
	padding-right:10px;
	padding-bottom:24px;
	}
	
#contact-copy p {margin-bottom:18px;}

#contact-copy table,#contact-copy table thead {
	font: 12px arial;
	}
#contact-copy td {
	vertical-align: top;
	padding-right:50px;
	padding-bottom:2px;
	}
	
#contact-copy td.title { width: 100px; color: #000; font-size: inherit; }

#mail a { font-size:12px;}

a#player {
	text-align: center;
	
}

#leftside, #rightside{ 
	/*border-bottom: 1px solid #eee;*/
	height: 382px;
	}

        
.scroll .leftside, .scroll .rightside{ 
    height: auto;
}
	
#portfolio-item-info #leftside, #portfolio-item-info #rightside{ 
	/*border-bottom: 1px solid #eee;*/
	height: 445px;
	}

#portfolio-item-info a { font-size: inherit; color: #58b; /* text-decoration: underline; font-weight: bold; */ }
        


#leftside{
	width:460px;
	float: left;
	display:inline;
	overflow: hidden;
}
.leftside { width:460px; float:left; clear:left; display: inline; }

#rightside{
	position: relative;
	width:440px;
        padding-left: 20px;
	float: right;
	display:inline;
	text-align: left;
	color: #000000;
	overflow: hidden;
}
.rightside { position: relative; width:440px; padding-left: 20px; float: right; clear: right; display:inline; text-align: left; }

#rightside #more-link {
  position: absolute;
  right: 0px;
  bottom: 10px;
}



/* @end */

a{
	line-height:18px;
	color: #000000;
	text-decoration: none;
}
	 
a:hover{
	line-height:18px;
	color: #5a5b5d;
	text-decoration: none;
}  

#navimgs img{
	padding-left:3px;
	padding-right:3px;
	padding-bottom:12px;
}

.navimg img{
	border: none;
}

#mainnavpanel{
	width: 127px;
	background:#d2d0cf;
	float: right;
	height: 345px;
}

#mainnavimgs{
	height: 345px;
	display: table-cell;
	vertical-align: bottom;
	padding-left: 15px;
}

#mainnavimgs img{
	padding-left:1px;
	padding-right:1px;
	padding-bottom:12px;
}

.mainnavimg img{
	border: none;
}

#copyarea{
	float: left;
	display: block;
	width: 618px;
	height: 471px;
	border: 1px solid #FFFFFF;
}
#maincopyarea{
	background: #ffffff;
	width: 920px;
	height:445px;
	display: block;
	text-align: left;
}

#profilepic{
	width: 230px;
	height: 345px;	
	padding-left: 8px;
	float: left;
}

#maindetail{
	background: #FFFFFF;
	width: 503px;
	height: 345px;
	float: right;
	text-align:left;
	
}

#maindetailcopy{
	width: 380px;
}


#navbar .current { border-bottom: 1px solid #444; padding-bottom: 1px; }



#footernavbarpagelinks a.current span, #footernavbar li a.current span {
  color:#9d9fa2;
}


h1 { font-size: 36px;margin-bottom:18px;}

h2 { font-size:12px; font-family:arial; margin-top:4px; margin-bottom:8px; }

p{
	font: 11px arial;
	line-height:18px;
	color: #000000;
	list-style: none;
	padding-bottom: 9px;
}

#cbdlogo{
	float: right;
	padding-right: 20px;
	padding-top: 270px;
}

.title{
	color: #d0d5d9;
}

#portfolio-item-info h2{
	font: 12px arial;
	line-height:18px;
	color: #5a5b5d;
	text-transform: uppercase;
}
#portfolio-item-info h3{
	font: 12px arial;
	line-height:18px;
	color: #000000;
}

.faded{
	color: #5a5b5d;
}

.quote {
	
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    zoom: 1;     /* triggers hasLayout */
    display: block;     /* resets display for IE/Win */
}


/*--------LIBARY-----------*/
#library h2 { margin-top: 30px; }

#library table, #library table a { 
    font: 11px arial;
    line-height:18px;
    color: #000000;
    list-style: none;
}

#library td { padding-bottom: 15px; }

#library td.col1 { width: 75px;}
#library td.col2 { width: 250px;}
#library td.col3 { width: 30px; text-align: center; }
#library td.col4 { width: 400px;}
#library td.col5 { width: 30px; text-align: center; display:none;}
#library td.col6 { width: 100px; display: none;}


/*--------RECENT-----------*/
#recent { height: 380px;  }
#recent h2, #recent h2 a { font-size: 21px; font-weight: normal; }
#recent p, #recent p a { color: #999; line-height: normal; font-size: 15px;}
#recent a:hover { color: inherit; }

/*--------ABOUT-----------*/
.about-section { margin-bottom: 40px; }