@charset "utf-8";
/* CSS Document for gamboo.net | Boxes */

.boxTop2Columns {
	width: 607px;
	height: 188px;
	padding: 20px 30px 20px 30px;
	background-image: url(../images/bgBox01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.boxTop1Column {
	width: 273px;
	padding: 20px 30px 20px 30px;
	margin-left: 668px;
	background-image: url(../images/bgBox06.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.top3Columns {
	margin: 0 20px 0 20px;
	padding-top: 20px;
}

.top2Columns {
	width: 627px;
	margin: 0 20px 0 20px;
}

.box1ColumnCompany {
	width: 273px;
	height: 370px;
	margin-left: 668px;
	padding: 20px 30px 20px 30px;
	background-image: url(../images/boxCompany.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.box1ColumnContact {
	width: 273px;
	height: 370px;
	margin-left: 668px;
	padding: 20px 30px 20px 30px;
	background-image: url(../images/boxContact.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.box1ColumnS {
	width: 273px;
	height: 190px;
	padding: 20px 30px 20px 30px;
	background-image: url(../images/bgBox04.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.box1ColumnSr {
	width: 273px;
	height: 190px;
	padding: 20px 30px 20px 30px;
	background-image: url(../images/bgBox04.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.box1ColumnPortfolio {
	width: 305px;
	height: 190px;
	padding: 14px 14px 26px 14px;
	background-image: url(../images/bgBox04.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.box1ColumnPortfolioOne {
	width: 305px;
	height: 190px;
	padding: 14px 14px 26px 14px;
	background-image: url(../images/bgBox04.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: -20px;
}

.box1ColumnPortfolior {
	width: 305px;
	height: 190px;
	padding: 14px 14px 26px 14px;
	background-image: url(../images/bgBox04.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.boxPortfolioDesc {
	margin-top: 25px;
}

.columnLeft {
	width: 293px;
	padding: 4px 20px 12px 0;
	float: left;
}

.columnMiddle {
	width: 293px;
	padding: 4px 20px 12px 20px;
	float: left;
	border-left: 1px solid #ccc;
}

.columnRight {
	width: 293px;
	padding: 4px 0 12px 20px;
	float: right;
	border-left: 1px solid #ccc;
}

.columnLeftGWS {
	width: 293px;
	padding: 15px 21px 0 20px;
	float: left;
}

.columnMiddleGWS {
	width: 293px;
	padding: 15px 21px 3px 20px;
	float: left;
}

.columnRightGWS {
	width: 293px;
	padding: 15px 20px 15px 20px;
	float: right;
	background-color: #1a1a1a;
}

.columnsMiddleRight {
	width: 627px;
	padding: 4px 0 12px 20px;
	float: right;
	border-left: 1px solid #ccc;
}

/* ----- company ----- */

.companyTopColumn {
	padding: 20px 20px 0 20px;
}

.companyColumnRight {
	width: 293px;
	padding: 4px 0 12px 20px;
	float: right;
	margin-top: 22px;
}

.companyColumnLeft {
	width: 293px;
	padding: 4px 20px 12px 0;
	float: left;
	margin-top: 22px;
}

.company2ColumnsLeft {
	float: left;
	width: 627px;
	border-right: 1px solid #ccc;
	padding-right: 20px;
	margin-bottom: 20px;
}

.company2ColumnsRight, .gws2ColumnsRight {
	float: right;
	width: 627px;
	border-left: 1px solid #ccc;
	padding-left: 20px;
	margin-bottom: 20px;
}

.gws2ColumnsRight ul {
	margin-left: 20px;
}

.gws2ColumnsRight ul li {
	margin-bottom: 8px;
}

.gws2ColumnsRight h4 {
	font-size: 12px !important;
	font-weight: bold !important;
	clear: left;
}

.companyList {
	list-style-type: none;
}

.companyList li a {
	display: block;
	border-bottom: 1px dotted #ccc;
	padding: 2px 4px 2px 4px;
}

.companyList li a:hover {
	background-color: #f4f4f4;
	text-decoration: none;
	cursor: hand;
}

/* ----- contact ----- */

.contactColumnLeft {
	float: left;
	width: 293px;
}

.contactColumnMiddle {
	margin-left: 313px;
	border-left: 1px solid #ccc;
	padding-left: 20px;
}

/* ----- newsList ----- */

#newsList, #newsListBox {
	list-style-type: none;
	margin-bottom: 12px;
}

#newsList li a, #newsListBox li a {
	color: #222;
	display: block;
	border-bottom: 1px dotted #ccc;
	padding: 3px 4px 1px 4px;
}

#newsListBox li a {
	padding: 3px 4px 1px 23px;
	background-image: url(../images/iconLinkSW.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
}

#newsList li a:hover, #newsListBox li a:hover {
	background-color: #f4f4f4;
	text-decoration: none;
	cursor: hand;
}

#newsList .date, #newsListBox .date {
	color: #999;
	width: 57px;
	float: left;
}

/* ----- GWSList ----- */

#GWSList {
	list-style-type: none;
	margin-bottom: 12px;
}

#GWSList li a {
	color: #ccc;
	display: block;
	border-bottom: 1px dotted #515151;
	padding: 3px 4px 1px 23px;
	background-image: url(../images/iconLink.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
}

#GWSList li a:hover, #GWSList li a.highlight {
	background-color: #1a1a1a !important;
	text-decoration: none;
	cursor: hand;
}

#GWSList li a.highlight {
	background-image: url(../images/iconLinkActive.gif);
}

#GWSList .date {
	color: #999;
	width: 57px;
	float: left;
}

/* ----- reference ----- */

.refBoxTop1Column {
	width: 319px;
	height: 216px;
	padding: 41px 0 0 14px;
	margin-left: 668px;
	background-image: url(../images/bgBox05.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.refBoxRight {
	width: 319px;
	margin-left: 668px;
	margin-bottom: 20px;
	padding-left: 14px;
	padding-bottom: 20px;
	border-left:1px solid #CCCCCC;
}

.refServices {
	list-style-type: none;
}

.refServices li {
	float: left;
	width: 52px;
	height: 73px;
	text-align: center;
	line-height: normal;
}

/* ----- portfolioList ----- */

.portfolioList {
	list-style-type: none;
}

.portfolioList li a {
	color: #222;
	display: block;
	border-bottom: 1px dotted #ccc;
	padding: 2px 4px 2px 4px;
}

.portfolioList li a:hover {
	background-color: #f4f4f4;
	text-decoration: none;
	cursor: pointer;
}

.offerList li a:hover {
	background-color: #fff3f4;
	text-decoration: none;
	cursor: pointer;
}

.portfolioList img {
	display: block;
	border: 5px solid #eee;
	padding: 1px;
	margin: 4px 0 4px 0;
}

.portfolioList a:hover img {
	border: 5px solid #ddd;
}

.portfolioList .work {
	color: #999;
}

/* ----- portfolioIconList ----- */

.portfolioIconList {
	list-style-type: none;
}

.portfolioIconList li {
	float: left;
	position: relative;
	margin-bottom: 10px;
}

.portfolioIconList li a {
	display: block;
	border: 1px solid #ccc;
	width: 286px;
	height: 77px;
	margin-bottom: 6px;
	padding: 2px;
}

.portfolioIconList li div {
	display: none;
	position: absolute;
	z-index: 400;
	top: 40px;
	left: -60px;
	filter: alpha(opacity=90);
	-moz-opacity: 0.9;
	background-color: #f4f4f4;
	color: #222;
	border: 1px solid #ddd;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 2px;
	padding: 0 2px 0 2px;
	font-size: 11px;
	width: 200px;
}

.portfolioIconList li div h4 {
	font-size: 12px;
	font-weight: bold;
}

.portfolioIconList li div a {
	border: 0 !important;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

.portfolioIconList li:hover div {
	display: block;
}

.portfolioIconList span.description {
	display: block;
	padding: 3px;
}

/* ----- porjectList ----- */

.projectList {
	list-style-type: none;
}

.projectList li {
	color: #222;
	display: block;
	border-bottom: 1px dotted #ccc;
	padding: 2px 4px 2px 4px;
}

.projectList .work {
	color: #999;
}

/* ----- gwsList ----- */

.gwsList {
	list-style-type: none;
}

.gwsList li a {
	color: #222;
	display: block;
	border-bottom: 1px dotted #ccc;
	padding: 3px 4px 1px 23px;
	background-image: url(../images/iconLinkSW.gif);
	background-repeat: no-repeat;
	background-position: 5px 50%;
}

.gwsList li a:hover {
	background-color: #f4f4f4;
	text-decoration: none;
	cursor: hand;
}

.gwsList ul {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 0;
}

.gwsList ul li {
	margin-left: 20px;
	list-style-type: none;
}

.gwsList ul li a {
	border-bottom: 1px solid #fff;
}

.activeListEntry {
	background-color: #f4f4f4;
}