/*----grid sys -------*/

.box {
background-color: #000;
}

.clearer {
clear:both;
}

#tab {
width: 31px;
min-height: 484px;
float:left;
clear:left;
}

#startpage_largebox_cycle_package {
width:590px;
height:320px;
overflow: hidden;
}
#startpage_largebox_cycle_image {
width:590px;
height:320px;
position:absolute;
z-index: 0;
}
#startpage_largebox_cycle_excerpt_bg {
width:590px;
height:75px;
background-color: black;
opacity: 0.6;
z-index: 500;
margin-top:245px;
position:relative;
}

#startpage_largebox_cycle_excerpt {
width:400px;
height:54px;
z-index: 999;
position:relative;
top: -75px;
padding: 10px 4px 0px 8px;
overflow: hidden;
}
#startpage_largebox_cycle_excerpt p {
color: white;
}



#startpage_smallbox_cycle_package {
width:291px;
height:156px;
overflow: hidden;
}

#startpage_smallbox_cycle_image {
width:291px;
height:156px;
position:absolute;
z-index: 0;
}
#startpage_smallbox_cycle_excerpt_bg {
width:291px;
height:30px;
background-color: black;
opacity: 0.6;
z-index: 500;
margin-top:126px;
position:relative;
}

#startpage_smallbox_cycle_excerpt {
width:277px;
height:14px;
z-index: 999;
position:relative;
top: -30px;
padding: 10px 6px 6px 8px;

}

#startpage_smallbox_cycle_excerpt p {
color: white;
}
#startpage_topleft {
float:left;
clear:left;
width:621px;
height: 320px;
margin: 0 8px 8px 0;
}

#startpage_topleft_tab {
width:31px;
float:left;
}

#startpage_topleft_content {
float:right;
width:590px;
height:320px;
}

#startpage_topright {
float:left;
clear:right;
width:322px;
height: 156px;
margin: 0 0 8px 0;
}

#startpage_topright_tab {
width:31px;
float:right;
}
#startpage_topright_content {
float: left;
width:291px;
height: 156px;
}

#startpage_middleright {
float:left;
clear:right;
width:322px;
height: 156px;
margin: 0 0 8px 0;
}

#startpage_middleright_tab {
width:31px;
float:right;
}
#startpage_middleright_content {
float: left;
width: 291px;
height: 156px;
}


#startpage_bottomleft {
float:left;
clear:left;
width:322px;
height: 156px;
margin: 0 8px 0 0;
}

#startpage_bottomleft_tab {
width:31px;
float:left;
}
#startpage_bottomleft_content {
float: right;
width:291px;
height: 156px;
}

#startpage_bottommiddle {
float:left;
clear:none;
width:291px;
height: 156px;
margin: 0 8px 0 0;
}

#startpage_bottommiddle_content {
width: 291px;
height: 156px;
background: url('../images/secret_placeholder.png');
background-repeat: no-repeat;
}

#startpage_bottomright {
float:left;
clear:right;
width:322px;
height: 156px;
margin: 0 0 0 0;
}

#startpage_bottomright_tab {
width:31px;
float:right;
}
#startpage_bottomright_content {
float: left;
width: 291px;
height: 156px;
background-color: #333;
}

/*----------------- project list----------*/
#projectlist_next {
width:31px;
height:484px;
float:left;
clear:left;
}
#projectlist_grid {
width: 889px;
height: 484px;
float:left;
}

#projectlist_prev {
width:31px;
height:484px;
clear:right;
float:left;
}
#projectlist_row1_col1 {
float:left;
width:291px;
height: 156px;
margin: 0 8px 8px 0;
}
#projectlist_row1_col2 {
float:left;
width:291px;
height: 156px;
margin: 0 8px 8px 0;
}
#projectlist_row1_col3 {
float:left;
clear:right;
width:291px;
height: 156px;
margin: 0 0 8px 0;
}
#projectlist_row2_col1 {
float:left;
width:291px;
height: 156px;
margin: 0 8px 8px 0;
}
#projectlist_row2_col2 {
float:left;
width:291px;
height: 156px;
margin: 0 8px 8px 0;
}
#projectlist_row2_col3 {
float:left;
clear:right;
width:291px;
height: 156px;
margin: 0 0 8px 0;
}
#projectlist_row3_col1 {
float:left;
width:291px;
height: 156px;
margin: 0 8px 0 0;
}
#projectlist_row3_col2 {
float:left;
width:291px;
height: 156px;
margin: 0 8px 0 0;
}
#projectlist_row3_col3 {
float:left;
clear:right;
width:291px;
height: 156px;
margin: 0 0 0 0;
}

/*---------------single pages ------- */


#leftcol {
width: 291px;
/* height: 484px; */
float:left;
clear:none;
overflow: auto;
/* background-color: #333; */
}

#leftcol_wide {
width: 590px;
/* height: 484px; */
float:left;
clear:none;
}
#leftcol_wide .main {
width: 590px;
/* height: 458px; */
overflow-y: auto;
overflow-x: hidden;
}


#leftcol_wide_blog {
width: 590px;
float:left;
clear:none;
}

#project_large_asset {
width: 590px;
/*height: 320px;*/
}

#project_small_asset {
width: 291px;
height: 156px;
clear: none;
float: left;
overflow: hidden;
}

.bottommargin {
margin: 0 0 8px 0;
}

.rightmargin {
margin: 0 8px 0 0;
}

#centercol {
width: 291px;
/* height: 484px; */
float:left;
clear:none;
}

#centercol .main {
width: 291px;
/*
height: 458px;
overflow-y: auto;
overflow-x: hidden;
*/
}

#rightcol {
width: 291px;
/*
height: 484px;
overflow-y: auto;
overflow-x: hidden;
*/
float:left;
clear:right;
}

#rightcol_blog {
width: 291px;
float:left;
clear:right;
}

#rightcol .main {
width: 291px;
/*
height: 458px;
overflow-y: auto;
overflow-x: hidden;
*/
}

#centercol p, #rightcol p {
padding: 0px;
}