@charset "UTF-8";



@media screen and (max-width:1100px) {


.page{width:960px;}
.cbox{width:310px;}

/* MENU SQUARE WITH IMAGES */
ul.sdt_menu{ width:960px;}
ul.sdt_menu li {width:145px;}

/* MODERN MENU */
#menu6  .bigfont {
font-size:19px;
}


#menu7 .bigfont {font-size: 20px;}
#menu8 .bigfont {font-size: 20px;}


/*
##########################
	CUSTOM DIMENSIONS
##########################
*/
.width01{width:190px;}
.width02{width:100px;}
.width02{width:100px;}
.metrofont{font-size:100px;}
.height01{ height:30px;}
.font01{ font-size:64px; }
.font02{ font-size:28px; }



/*
##########################
		PORTFOLIO
##########################
*/
.leftcontainer{width:270px;}
.portcontainer{width:640px;}

.portbox{width:160px; height:160px;}
.portbox:hover{width:210px; height:210px;}

.posfix{position:absolute; top:160px;}
.posfix2{position:absolute;top:320px;}

.el1{position:absolute; left:0px;}
.el2{position:absolute; left:160px;}
.el3{position:absolute; left:320px;}
.el4{position:absolute; left:480px;}

.portbox2{width:160px; height:160px;}
.portbox2:hover{width:210px; height:210px;}




/*
##########################
columns
##########################
*/
.fullwidth{width:960px}
.onethird{width:300px;}
.onethirdlast{width:300px;}
.twothirds{width:630px;}
.twothirdslast{width:630px;}
.onefourth{width:217px}
.onefourthlast{width:217px}
.twofourths{width:465px;}
.twofourthslast{width:465px;}
.threefourths{width:713px;}
.threefourthslast{width:713px;}







/* TABS */

#tabs > div {
	width: 960px;
}



/* CAROUSEL Team 00*/
#carousel img {
	width: 240px;
	height: 240px;
}

#prev, #next {
	top: 110px;
}

/*  ANIMATED SKILL BAR CSS ONLY  */
.col { width:465px;}
#skill li {width: 465px;}
#skill2 li {width: 960px;}

/*  CUSTOM DIMENSIONS  */
.cml{margin-left:15px;}/*custom margin left*/

.horizontal .carousel {	width: 920px;}
.horizontal .carousel_container {	width: 920px; /* 3x220 + 3x1px margin */}
.horizontal ul li {	width: 300px;	}
.horizontal ul li a {	width: 300px; }
.horizontal ul li a  img{	width: 300px; }
.carouselbg {height:265px;}


.whitelogo{left:220px;}

/***********************
		MASONRY
***********************/

.col1 { width: 288px; }
.col2 { width: 608px; }
.col3 { width: 928px; }

.col1 img { max-width: 288px; }
.col2 img { max-width: 608px; }
.col3 img { max-width: 928px; }

#fullscreen  {width:880px; }
#fullarticle2          {width:880px; }
#fullarticle3          {width:880px; }








}