/*switch fontsize*/

a.fontsize {
	float: left;
	margin-left: 5px;
}

a.fontsize.small {
	font-size: 10px;
}

a.fontsize.medium {
	font-size: 12px;
}

a.fontsize.large {
	font-size: 14px;
}

body.small .boxTitle {
	font-size: 15px;
}

body.small .boxDescription {
	font-size: 11px;
}

body.small #content {
	font-size: 11px;
}

body.small div.box3C2R div.col {
	font-size: 11px;
}

body.medium .boxTitle {
	font-size: 16px;
}

body.medium .boxDescription {
	font-size: 12px;
}

body.medium #content {
	font-size: 12px;
}

body.medium div.box3C2R div.col {
	font-size: 12px;
}

body.large .boxTitle {
	font-size: 17px;
}

body.large .boxDescription {
	font-size: 13px;
}

body.large #content {
	font-size: 13px;
}

body.large div.box3C2R div.col {
	font-size: 13px;
}

/*content fade*/
div.fadeContent > div {
	background-color: #FFF;
	height: 215px;
	width: 698px;
	overflow: hidden;
	margin: 10px 14px;
}

div.fadeContent > ul {
	position: absolute;
	margin: 0px;
	padding: 0px;
	list-style: none;
	height: 18px;
	margin: -28px 0 0 14px;
	z-index: 1000;
}

div.fadeContent > ul li{
	float: left;
	margin-left: 10px;
}

div.fadeContent > ul h1{
	float: left;
	height: 0px;
	padding-top: 10px;
	width: 10px;
	margin: 0px;
	background-color: #97969b;
	overflow: hidden;
}

div.fadeContent > ul li.active h1 {
	cursor: pointer;
	background-color: #cd202c;
}

div.fadeContent > ul li.active h1.group {
	background-color: #cd202c;
}

div.fadeContent > ul li.active h1.home {
	background-color: #00a1de;
}

div.fadeContent > ul li.active h1.dev {
	background-color: #8e258d;
}

div.fadeContent > ul li.active h1.pro {
	background-color: #7ab800;
}

#backgroundImage {
	position: fixed;
	top: 0px;
	height: 100%;
	width: 100%;
	z-index: -1;
}