html{
	overflow:scroll;
	overflow-x:hidden;
}

html, body{
	width:100%;
	height:100%;
	background:#ffffff;
}

body{
	color:#4d4d4d;
	font:13px Verdana;
	padding:0;
	margin:0;
}

table, tr, td{
	text-align:left;
	direction:ltr;
}

body{
	text-align:left;
	direction:ltr;
}

img{
	border:0 none;
}

form{
	margin:0;
}

table, tr, td{
	color:#4d4d4d;
	font:13px Verdana;
	font-size:small;
	vertical-align:top;
	border:0;
	padding:0;
	margin:0;
	border-collapse:collapse;
	border-spacing:0;
}

p{
	padding:0;
	margin:0 0 10px 0;
}

input.clsField, select.clsField, textarea.clsField{
	width:210px;
	color:#202020;
	font:11px Verdana;
	margin:0 0 5px 5px;
	border:0 none;
	background-color:#ededed;
	overflow:auto;
}

h1{
	color:#4d4d4d;
	font-size:30px;
	font-weight:800;
	margin:15px 0 10px 0;
}

h2{
	color:#202020;
	font-size:16px;
	font-weight:800;
	margin:20px 0 3px 0;
}

h3{
	color:#202020;
	font-size:14px;
	font-weight:800;
	margin:3px 0 3px 0;
}

A:link, A:visited, A:active{color:#202020; text-decoration:underline; background-color:transparent;}
A:hover{text-decoration:underline;}

.clsWhiteLink:link, .clsWhiteLink:visited, .clsWhiteLink:active{color:#ffffff; text-decoration:none; background-color:transparent;}
.clsWhiteLink:hover{text-decoration:underline;}

.clsWhiteLinkU:link, .clsWhiteLinkU:visited, .clsWhiteLinkU:active{color:#ffffff; text-decoration:underline; background-color:transparent;}
.clsWhiteLinkU:hover{text-decoration:underline;}

.clsBlackLink:link, .clsBlackLink:visited, .clsBlackLink:active{color:#202020; text-decoration:none; background-color:transparent;}
.clsBlackLink:hover{text-decoration:underline;}

.clsGrayLink:link, .clsGrayLink:visited, .clsGrayLink:active{color:#4D4D4D; text-decoration:none; background-color:transparent;}
.clsGrayLink:hover{text-decoration:underline;}

.clsBlueLink:link, .clsBlueLink:visited, .clsBlueLink:active{color:#3CAFD6; text-decoration:none; background-color:transparent;}
.clsBlueLink:hover{text-decoration:underline;}


.U{
	text-decoration:underline;
}

.B{
	font-weight:800;
}

.clsSpacer{
	clear:both;
	height:0;
	font-size:0;
	background-color:transparent;
}

.clsTransparent{
	color:#E6DFC2;
}

.clsDottedLine{
	clear:both;
	height:1px;
	font-size:0;
	background:url(/images/dot-black.gif);
}

.clsLink{
	cursor:pointer;
	cursor:hand;
}

hr{
	clear:both;
	height:1px;
	color:#efefef;
	font-size:0;
	background:transparent;
}

.clsHiddenText{
	display:none;
}

.clsErrorMsg{
	color:red;
	font-size:13px;
	font-weight:800;
	text-align:center;
	padding:15px;
}


.clsFormButtons{
	text-align:right;
	padding:3px;
}

.clsFormButtons input, .clsFormButtons button, .clsButton{
	width:50px;
	height:18px;
	color:#ffffff;
	font:13px Arial;
	font-weight:800;
	cursor:pointer;
	cursor:hand;
	padding:0px;
	border:none;
	background:#999999;
}


#oControl{
	position:absolute;
	right:10px;
	top:10px;
	width:700px;
	height:100px;
	font-size:10px;
	overflow-y:scroll;
	z-index:1;
	border:1px solid #000000;
	background:yellow;
}

#oPageCon{
	position:relative;
	width:960px;
	margin:auto;
}


.clsHeader{
	position:relative;
	height:80px;
	padding:25px 0 0 0;
}

.clsTopMenu{
	height:21px;
	border-bottom:2px solid #323232;
}

.clsTopMenu a:link, .clsTopMenu a:visited, .clsTopMenu a:active{
	position:relative;
	float:left;
	color:#cfcfcf;
	font-size:14px;
	font-weight:500;
	text-decoration:none;
	padding:0 0 4px 0;
	margin:0 30px 0 0;
}
.clsTopMenu a:hover{
	font-weight:500;
	text-decoration:none;
}

.clsTopMenu a.clsSelected{
	color:#323232;
	font-weight:800;
}

.clsTopMenu a img{
	position:absolute;
	bottom:0;
	left:45%;
	background:#323232;
}

.clsTopMenu a.clsTopMenuItem1:hover{color:#c74082;}
.clsTopMenu a.clsTopMenuItem2:hover{color:#a92020;}
.clsTopMenu a.clsTopMenuItem3:hover{color:#323232;}


.clsSubMenu{
	clear:both;
	height:20px;
	padding:0 0 0 15px;
	margin:0 0 0 0;
}

.clsSubMenu a:link, .clsSubMenu a:active, .clsSubMenu a:visited, .clsSubMenu a:hover{
	position:relative;
	float:left;
	color:#cfcfcf;
	font-size:11px;
	font-weight:500;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
	padding:5px 0 0 0;
}

.clsSubMenu .clsSelected{
	color:#323232;
	font-weight:800;
	background:url(../images/arrow_down.gif) no-repeat center top;
}

.clsSubMenu .clsSelected img{
	position:absolute;
	top:0;
	left:45%;
	background:#323232;
}

.clsContentText{
	width:755px;
	font-size:11px;
	line-height:16px;
	margin:auto;
}

.clsContentText h1{
	float:left;
	font-size:11px;
	font-weight:800;
	padding-bottom:9px;
	margin:0 0 10px 0;
	background:url(../images/h1.gif) no-repeat center bottom;
}

.clsWork{
	display:none;
	position:relative;
	height:600px;
	clear:both;
	font-size:11px;
	line-height:16px;
}

img.clsWorkCloseBtn{
	position:absolute;
	right:1px;
	bottom:0;
	cursor:pointer;
	cursor:hand;
	background:#000000;
}

.clsWork .clsWorkDisplay{
	height:445px;
	width:755px;
	font-size:11px;
	font-weight:800;
	text-align:center;
	padding:40px 0 5px 0;
	margin:auto;
}

.clsWork .clsWorkNav{
	width:755px;
	margin:auto;
}

.clsWork .clsWorkNav img{
	vertical-align:middle;
	cursor:pointer;
	cursor:hand;
}

.clsWork h1{
	display:inline;
	color:#323232;
	font-size:11px;
	font-weight:800;
	margin:0;
}

.clsWork .clsWorkDesc{
	width:755px;
	margin:0 auto 40px auto;
}

.clsWorkNav img{
	margin-right:4px;
}

.clsWorkSelectedQub{
	background:#323232;
}


.clsSeperator{
	clear:both;
	font-size:0;
	height:0;
	margin:4px 0 4px 0;
	border-top:2px solid #000000;
}

.clsProjects{
	clear:both;
	width:764px;
	padding-left:25px;
	margin:0 85px 0 86px;
}

.clsProjects .clsProjectThumb{
	display:none;
	position:relative;
	float:left;
	width:166px;
	height:104px;
	overflow:hidden;
	padding:0;
	margin:20px 0 0 0;
	border-right:25px solid #ffffff;
}

.clsProjects .clsProjectThumb .clsProjectThumbGrayscale{
	z-index:1;
}

.clsProjects .clsProjectThumb .clsProjectThumbColor{
	display:none;
	position:absolute;
	left:0;
	top:20px;
	z-index:2;
}

.clsProjects .clsProjectThumbON .clsProjectThumbColor{
	display:block;
}

.clsProjectThumb h2{
	height:13px;
	color:#323232;
	font-size:11px;
	font-weight:500;
	overflow:hidden;
	padding:0 0 1px 1px;
	margin:0 0 4px 0;
	border-bottom:2px solid #323232;
}

.clsProjectThumbON h2{
	font-weight:800;
}

.clsProjects img{
	width:166px;
	height:84px;
	cursor:pointer;
	cursor:hand;
}




.clsColorSet1{}
.clsColorSet1 .clsTopMenu a.clsSelected, .clsColorSet1 .clsSubMenu a.clsSelected, .clsColorSet1 .clsWork h1,
.clsColorSet1 .clsProjectThumbON h2, .clsSubMenu a.clsCatMenuItem1:hover{color:#c74082;}
.clsColorSet1 .clsTopMenu a img, .clsColorSet1 .clsSubMenu a.clsSelected img, .clsColorSet1 .clsWorkSelectedQub,
.clsColorSet1 img.clsWorkCloseBtn{background:#c74082;}
.clsColorSet1 .clsProjects, .clsColorSet1 .clsTopMenu, .clsColorSet1 .clsProjects h2, .clsColorSet1 .clsSeperator{border-color:#c74082;}

.clsColorSet2{}
.clsColorSet2 .clsTopMenu a.clsSelected, .clsColorSet2 .clsSubMenu a.clsSelected, .clsColorSet2 .clsWork h1,
.clsColorSet2 .clsProjectThumbON h2, .clsSubMenu a.clsCatMenuItem2:hover{color:#a9c050;}
.clsColorSet2 .clsTopMenu a img, .clsColorSet2 .clsSubMenu a.clsSelected img, .clsColorSet2 .clsWorkSelectedQub,
.clsColorSet2 img.clsWorkCloseBtn{background:#a9c050;}
.clsColorSet2 .clsProjects, .clsColorSet2 .clsTopMenu, .clsColorSet2 .clsProjects h2, .clsColorSet2 .clsSeperator{border-color:#a9c050;}

.clsColorSet3{}
.clsColorSet3 .clsTopMenu a.clsSelected, .clsColorSet3 .clsSubMenu a.clsSelected, .clsColorSet3 .clsWork h1,
.clsColorSet3 .clsProjectThumbON h2, .clsSubMenu a.clsCatMenuItem3:hover{color:#d34c53;}
.clsColorSet3 .clsTopMenu a img, .clsColorSet3 .clsSubMenu a.clsSelected img, .clsColorSet3 .clsWorkSelectedQub,
.clsColorSet3 img.clsWorkCloseBtn{background:#d34c53;}
.clsColorSet3 .clsProjects, .clsColorSet3 .clsTopMenu, .clsColorSet3 .clsProjects h2, .clsColorSet3 .clsSeperator{border-color:#d34c53;}

.clsColorSet4{}
.clsColorSet4 .clsTopMenu a.clsSelected, .clsColorSet4 .clsSubMenu a.clsSelected, .clsColorSet4 .clsWork h1,
.clsColorSet4 .clsProjectThumbON h2, .clsSubMenu a.clsCatMenuItem4:hover{color:#d19241;}
.clsColorSet4 .clsTopMenu a img, .clsColorSet4 .clsSubMenu a.clsSelected img, .clsColorSet4 .clsWorkSelectedQub,
.clsColorSet4 img.clsWorkCloseBtn{background:#d19241;}
.clsColorSet4 .clsProjects, .clsColorSet4 .clsTopMenu, .clsColorSet4 .clsProjects h2, .clsColorSet4 .clsSeperator{border-color:#d19241;}

.clsColorSet5{}
.clsColorSet5 .clsTopMenu a.clsSelected, .clsColorSet5 .clsSubMenu a.clsSelected, .clsColorSet5 .clsWork h1,
.clsColorSet5 .clsProjectThumbON h2, .clsSubMenu a.clsCatMenuItem5:hover{color:#258ab0;}
.clsColorSet5 .clsTopMenu a img, .clsColorSet5 .clsSubMenu a.clsSelected img, .clsColorSet5 .clsWorkSelectedQub,
.clsColorSet5 img.clsWorkCloseBtn{background:#258ab0;}
.clsColorSet5 .clsProjects, .clsColorSet5 .clsTopMenu, .clsColorSet5 .clsProjects h2, .clsColorSet5 .clsSeperator{border-color:#258ab0;}

.clsColorSet6{}
.clsColorSet6 .clsTopMenu a.clsSelected, .clsColorSet6 .clsSubMenu a.clsSelected, .clsColorSet6 .clsWork h1,
.clsColorSet6 .clsProjectThumbON h2, .clsSubMenu a.clsCatMenuItem6:hover{color:#6B3568;}
.clsColorSet6 .clsTopMenu a img, .clsColorSet6 .clsSubMenu a.clsSelected img, .clsColorSet6 .clsWorkSelectedQub,
.clsColorSet6 img.clsWorkCloseBtn{background:#6B3568;}
.clsColorSet6 .clsProjects, .clsColorSet6 .clsTopMenu, .clsColorSet6 .clsProjects h2, .clsColorSet6 .clsSeperator{border-color:#6B3568;}

.clsAboutColorSet{}
.clsAboutColorSet .clsTopMenu a.clsSelected, .clsAboutColorSet .clsSubMenu a.clsSelected,
.clsAboutColorSet h1.clsWorkTitle, .clsSubMenu a:hover{color:#a92020;}
.clsAboutColorSet .clsTopMenu a img, .clsAboutColorSet .clsSubMenu a.clsSelected img, .clsAboutColorSet .clsWorkSelectedQub,
.clsAboutColorSet img.clsWorkCloseBtn{background:#a92020;}
.clsAboutColorSet .clsProjects, .clsAboutColorSet .clsTopMenu, .clsAboutColorSet .clsProjects h2, .clsAboutColorSet .clsSeperator{border-color:#a92020;}

.clsContactColorSet{}
.clsContactColorSet .clsTopMenu a.clsSelected, .clsContactColorSet .clsSubMenu a.clsSelected,
.clsContactColorSet h1.clsWorkTitle, .clsSubMenu a:hover{color:#323232;}
.clsContactColorSet .clsTopMenu a img, .clsContactColorSet .clsSubMenu a.clsSelected img, .clsContactColorSet .clsWorkSelectedQub,
.clsContactColorSet img.clsWorkCloseBtn{background:#323232;}
.clsContactColorSet .clsProjects, .clsContactColorSet .clsTopMenu, .clsContactColorSet .clsProjects h2, .clsContactColorSet .clsSeperator{border-color:#323232;}




#frmContact th{
	font-size:11px;
	font-weight:500;
	text-align:right;
}


.clsFooter{
	color:#606060;
	font-size:12px;
	margin-top:10px;
}