@charset "utf-8";

/* CSS Document */

html,body {

	margin:0;

	padding:0;

	/*height:100%; */

	font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#5f5f5f; line-height:18px;

text-decoration: none;

}

*{

	margin:0;

	padding:0;

	}



a:link {color:#676755; text-decoration:none;}      /* unvisited link */

a:visited {color:#676755;text-decoration:none;}  /* visited link */

a:hover {color:#000000; text-decoration:underline;}  /* mouse over link */

a:active {color:#676755;text-decoration:none;}  /* selected link */



h1, h2, h3, h4, h5, h6, .sign, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .sign a {margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; color:#2f2f2f; font-weight:lighter; cursor:pointer;}

h1, h1 a {font-size:20px; line-height:20px;}

h2, h2 a {font-size:24px; line-height:24px;}

h3, h3 a {font-size:18px; line-height:18px;}

h3.m_line {margin-bottom:10px; line-height:24px;}

h4, h4 a {font-size:16px; line-height:16px;}

h5, h5 a {font-size:14px; line-height:14px;}

h6, h6 a {font-size:13px; line-height:16px;}



p {margin-bottom:15px; cursor:text;}



.block_awards { text-align:center}

.block_awards .years {margin-bottom:-10px; color:#010101; font-weight:bold;}



.subtitle {margin-top:-11px; color:#676755;}

.subtitle a {color:#3c3c3c; text-decoration:none;}



a img {border: none; }

a:focus {

	outline: none;

}

#paddingdiv {height:20%;

}

#side {

position:relative;

width:235px;

/*min-height:100%;*/

/*height:100%;*/

float:left;

margin-right: -235px;

background:#d1d2d4; }

#main {

position:relative;

min-height:100%;

margin-left: 235px;

background:#ffffff;}

#mainindex {

position:relative;

	height: 100%;

	min-height: 760px;

margin-left: 235px;

border-left:solid 1px #e5e5e5;

background:#d1d2d4;}

#containermain {

	position:relative;

	width:100%;

	background:#d1d2d4;

	/*height:auto !important; */
    /* real browsers */

	/*height:100%; */
    /* IE6: treaded as min-height*/

	/*min-height:100%; */
    /* real browsers */

	min-width:800px;overflow:auto;

}

#container {

	position:relative;

	width:100%;

	background:#ffffff;

	/*height:auto !important; */
    /* real browsers */

	/*height:100%; */
    /* IE6: treaded as min-height*/

	/*min-height:100%;*/
    /* real browsers */

	min-width:800px;overflow:auto;

}



#logo {padding-top:50px; overflow:hidden; }

#main_menu {

width:251px;overflow:auto;margin-top:60px;

}

#projectholder {

	padding-top:55px;

	margin-right: 1px;

	width: 630px;

	height: 100%;

	padding: 0 20px;

	margin-left: 15px;

	border-left:solid 1px #e5e5e5;

	border-right:solid 1px #e5e5e5;

}

#portfolio {

width:50%;

height:100%;

padding-top:50px;
padding-left:270px;
text-align:left;
}



#portfolio_title {

padding-bottom:10px;
width:50%;
text-align:left;

}


#portfolio_title2 {

padding-bottom:0px;
padding-left:270px;
width:50%;

}



#portfolio_content {

padding-top: 10px;

width:100%;

}



#portfoliolink {

  width:100%;

  height:100%;

  position:absolute;

    top:0;

  left: 0;

  /* edit: added z-index */

  z-index:99;

  /* edit: fixes overlap error in IE7/8,

     make sure you have an empty gif */

  background-image: url('../images/empty.gif');

}



#portfoliolink a {

  display:block;

  width:100%;

  height:100%;

  text-decoration:none;

}



#portfoliolink a:hover {

  text-decoration:none;

}



/* separators */

.separator_5 {width:100%; height:5px; clear:both; overflow:hidden;}

.separator_10 {width:100%; height:10px; clear:both; overflow:hidden;}

.separator_15 {width:100%; height:15px; clear:both; overflow:hidden;}

.separator_20 {width:100%; height:20px; clear:both; overflow:hidden;}

.separator_25 {width:100%; height:25px; clear:both; overflow:hidden;}

.separator_30 {width:100%; height:30px; clear:both; overflow:hidden;}

.separator_40 {width:100%; height:40px; clear:both; overflow:hidden;}

.separator_50 {width:100%; height:50px; clear:both; overflow:hidden;}

.separator_55 {width:100%; height:55px; clear:both; overflow:hidden;}

.separator_94 {width:100%; height:94px; clear:both; overflow:hidden;}



/* lines */

.line_1 {width:118px; height:14px; margin:0px auto; background:url(../images/line_1.png) no-repeat center;}

.line_2 {width:618px; height:14px; margin:0px auto; background:url(../images/line_2.png) no-repeat center;}

.line_3 {width:638px; height:14px; margin:0px auto; background:url(../images/line_3.png) no-repeat center;}



.lnk_w_arrow_1 {padding-right:19px; background:url(../images/arrow_1.gif) no-repeat right 5px; color:#686856;}



.block_pic {margin:0px 0px 5px; padding-bottom:16px; float:left; background:url(../images/bg_pics.png) no-repeat center bottom;}

.block_pic img {border-left:1px solid #ffffff; border-top:1px solid #ffffff; border-right:1px solid #ffffff;}

.block_pic_l {margin-right:20px; float:left;}

.block_pic_r {margin-left:20px; float:right;}

.block_pic_c {margin-top:10px;}



.block_title {overflow:hidden;}



.button_wrap{

    position:fixed;

	right:0;

	top:5px;

	z-index:9;

    width:245px;

    height:40px;

    overflow:hidden;

    font-weight:bold;

    font-size:9px;

    margin:0px;

}

.button_aLeft{

    width:35px;

    height:30px;

    background-color:#ccccc1;

	-moz-border-radius:20px;

	-webkit-border-radius:20px;

    color:#26260c;

    top:5px;

    right:0px;

    position:absolute;

    line-height:18px;

    text-align:left;

}

.button_aLeft span{

    display:none;

    padding-left:5px;

}

.button_bLeft{

    width:35px;

    height:30px;

    background-color:#26260c;

    color:#fff;

    position:absolute;

    top:5px;

    right:0px;

    text-transform:uppercase;

    line-height:30px;

    text-align:center;

    cursor:pointer;

}

.button_bLeft span{

    color:#26260c;

}

.button_c{

    background-color:#26260c;

    color:#fff;

    text-transform:uppercase;

}

.button_c span{

    color:#fff;

}

#drag_hide{

	width:210px;

    height:30px;

    position:absolute;

    top:10px;

    right:35px;

	z-index:10;

}

#slideshowLE {

    position:relative;

    width:280px;

	height:220px;

	padding-bottom:15px;background:url(../images/bg_pics_small.png) no-repeat center bottom;

}



#slideshowLE IMG {

    position:absolute;

    top:0;

    left:0;

    z-index:8;

    opacity:0.0;

}



#slideshowLE IMG.active {

    z-index:10;

    opacity:1.0;

}



#slideshowLE IMG.last-active {

    z-index:9;

}



#slideshowDA {

    position:relative;

    width:270px;

	height:213px;

	padding-bottom:15px;background:url(../images/bg_pics_small.png) no-repeat center bottom;

}

#slideshowDA IMG {

    position:absolute;

    top:0;

    left:0;

    z-index:8;

    opacity:0.0;

}



#slideshowDA IMG.active {

    z-index:10;

    opacity:1.0;

}



#slideshowDA IMG.last-active {

    z-index:9;

}