h1, h2, h5, h6 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	color: #0281aa;
}
h2 {
	font-size: 1.3em;
	padding-top: .1em;
}
h3 {
	margin: 0;
	padding: 0;
	font-size: 1.5em;
	padding-top: .1em;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	color: #455058;
}
h4 {
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color: #455058;
}
p {padding: 0px 0;line-height: 1.3;color:#FFF}

#container {
	width:824px;
	margin:0 auto;
	text-align:left;
	background-image: url(../Images/bg1.jpg);
	background-repeat:repeat-y;
}

/* for commercial */
#container-commercial {
	width:824px;
	margin:0 auto;
	text-align:left;
	background-image: url(../Images/bg.jpg);
	background-repeat:repeat-y;
}

#content_commercial {
	margin:20px auto 20px auto;
	text-align:left;
	width:800px;
	height:491px;
	background:url(../Images/main_content_bg.jpg);
	background-repeat:no-repeat;
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;

}

#commercial_left {
	clear:left;
	float:left;


}

#commercial_standard_text {
	clear:left;
	float:left;
	width:219px;
	height:29px;
	margin-top:30px;
	margin-right:0;
	margin-left:50px;
	margin-bottom:10px;
	background-image:url(../Images/standard_text.jpg);
	width:219px;
	background-repeat: no-repeat;
}
#commercial_premium_text {
	clear:left;
	float:left;
	width:219px;
	height:25px;
	margin-top:30px;
	margin-right:0;
	margin-left:50px;
	margin-bottom:10px;
	background-image:url(../Images/premium_text.jpg);
	width:219px;
	background-repeat: no-repeat;
}

#commercial_standard_imgstandard {
	clear:left;
	float:left;
	width:401px;
	height:155px;
	background-image: url(../Images/standard_residential.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 50px;
}

#commercial_premium_imgpremium {
	clear:left;
	float:left;
	width:401px;
	height:155px;
	background-image: url(../Images/premium_residential.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 50px;
}

#commercial_standard_notes {
    clear:right;
	float:right;
	color:#CCCCCC;
	font:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	width:175px;
	margin-top:-1em;
	margin-left:20px;
	margin-bottom:10px;
	margin-right:0px;
}
#commercial_premium_notes {
    clear:right;
	float:right;
	color:#CCCCCC;
	font:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	width:175px;
	margin-top:-1em;
	margin-left:20px;
	margin-bottom:10px;
	margin-right:0px;
}
#commercial_right {
	clear:right;
	float:right;
}

#commercial_right_text {
	clear:left;
	float:left;
	width:288px;
	height:24px;
	margin-top:30px;
	margin-right:120px;
	margin-left:0px;
	margin-bottom:10px;
	background-image:url(../Images/commercial_text.jpg);
	width:219px;
	background-repeat: no-repeat;
}

#commercial_right_notes {
	width:285px;
	margin-top:0;
	margin-left:0px;
	margin-bottom:10px;
	margin-right:0px;
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}

#commercial_right_building {
	clear:left;
	float:left;
	width:175px;
	height:262px;
	background-image:url(../Images/building_commercial.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 50px;
}

#commercial_links {
	clear:left;
	float:left;
	width:285px;
	text-align:right;
	margin-top:0px;
	margin-right:0px;
	margin-bottom:50px;
	margin-left:10px;
}
#dotted_res {
	clear:left;
	float:left;
	width:1px;
	height:353px;
	background-image:url(../Images/dotted.jpg);
	background-repeat:no-repeat;
}

#com_footer {
	margin:0 auto;
	width:800px;
	height:156px;
	background:url(../Images/footer-img.jpg);
	background-repeat:no-repeat;
}
#com_footer_linksfooter {
	clear:left;
	float:left;
	text-align:center;
	margin-top:100px;
	margin-right:0px;
	margin-left:110px;
	margin-bottom:10px;

	
}
#com_footer a {
	color:#cccccc;
	text-decoration: none;
	text-align: left;
}
#com_footer a:hover {
	text-decoration: none;
	color: #0281aa;
}
/* end for commercial */

/* for residential */
#container-residential {
	width:824px;
	margin:0 auto;
	text-align:left;
	background-image: url(../Images/bg.jpg);
	background-repeat:repeat-y;
}

#content_residential {
	margin:20px auto 20px auto;
	text-align:left;
	width:800px;
	height:491px;
	background:url(../Images/main_content_bg.jpg);
	background-repeat:no-repeat;
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;

}

#residential_left {
	clear:left;
	float:left;


}

#residential_standard_text {
	clear:left;
	float:left;
	width:219px;
	height:29px;
	margin-top:30px;
	margin-right:0;
	margin-left:50px;
	margin-bottom:10px;
	background-image:url(../Images/standard_text.jpg);
	width:219px;
	background-repeat: no-repeat;
}
#residential_premium_text {
	clear:left;
	float:left;
	width:219px;
	height:25px;
	margin-top:30px;
	margin-right:0;
	margin-left:50px;
	margin-bottom:10px;
	background-image:url(../Images/premium_text.jpg);
	width:219px;
	background-repeat: no-repeat;
}

#residential_standard_imgstandard {
	clear:left;
	float:left;
	width:401px;
	height:155px;
	background-image: url(../Images/standard_residential.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 50px;
}

#residential_premium_imgpremium {
	clear:left;
	float:left;
	width:401px;
	height:155px;
	background-image: url(../Images/premium_commercial.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 50px;
}

#residential_standard_notes {
    clear:right;
	float:right;
	color:#CCCCCC;
	font:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	width:175px;
	margin-top:-1em;
	margin-left:20px;
	margin-bottom:10px;
	margin-right:0px;
}
#residential_premium_notes {
    clear:right;
	float:right;
	color:#CCCCCC;
	font:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	width:175px;
	margin-top:-1em;
	margin-left:20px;
	margin-bottom:10px;
	margin-right:0px;
}
#residential_right {
	clear:right;
	float:right;
}

#residential_right_text {
	clear:left;
	float:left;
	width:288px;
	height:24px;
	margin-top:30px;
	margin-right:120px;
	margin-left:0px;
	margin-bottom:10px;
	background-image:url(../Images/residentials_text.jpg);
	width:219px;
	background-repeat: no-repeat;
}

#residential_right_notes {
	width:285px;
	margin-top:0;
	margin-left:0px;
	margin-bottom:10px;
	margin-right:0px;
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
}

#residential_right_family {
	clear:left;
	float:left;
	width:285px;
	height:188px;
	background-image: url(../Images/family.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#residential_links {
	clear:left;
	float:left;
	width:285px;
	text-align:right;
	margin-top:30px;
	margin-right:0px;
	margin-bottom:20px;
	margin-left:10px;
}
#dotted_res {
	clear:left;
	float:left;
	width:1px;
	height:353px;
	background-image:url(../Images/dotted.jpg);
	background-repeat:no-repeat;
}

#res_footer {
	margin:0 auto;
	width:800px;
	height:156px;
	background:url(../Images/footer-img.jpg);
	background-repeat:no-repeat;
}
#home_footer {
	margin:0 auto;
	width:800px;
	height:156px;
	background:url(../Images/home_footer_bg.gif);
	background-repeat:no-repeat;
}

#home_footer a {
	color:#cccccc;
	text-decoration: none;
	text-align: left;
}
#home_footer a:hover {
	text-decoration: none;
	color: #0281aa;
}


#res_footer_linksfooter {
	clear:left;
	float:left;
	text-align:center;
	margin-top:100px;
	margin-right:0px;
	margin-left:110px;
	margin-bottom:10px;
}
#res_footer_carlinks {
	clear:right;
	float:right;
	text-align:center;
	margin-top:60px;
	margin-right:30px;
	margin-left:0px;
	margin-bottom:10px;
}
#res_footer_carlinks2 {
	clear:right;
	float:right;
	text-align:center;
	margin-top:55px;
	margin-right:30px;
	margin-left:0px;
	margin-bottom:10px;
}
#res_footer a {
	color:#cccccc;
	text-decoration: none;
	text-align: left;
}
#res_footer a:hover {
	text-decoration: none;
	color: #0099FF;
}

/* END for residential */


/* For Audio Video */
#container-audiovid {
	width:824px;
	margin:0 auto;
	text-align:left;
	background-image: url(../Images/bg.jpg);
	background-repeat:repeat-y;
}

#content_addons {
	text-align:left;
	width:800px;
	height:850px;
	background-repeat:no-repeat;
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-image: url(../Images/main_content_addons_bg.gif);

}

#content_audiovid {
	text-align:left;
	width:800px;
	height:600px;
	background-repeat:no-repeat;
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	background-image:url(../Images/main_content_av_bg.jpg);

}

#audiovid_left {
	clear:left;
	float:left;
	width:800px;
	margin:0 auto;


}

#audiovid_img {
	clear:left;
	float:left;
	width:700px;
	height:197px;
	background-image: url(../Images/audiovid-img2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 45px;
	margin-right: 100px;
	margin-bottom: 10px;
	margin-left: 80px;
	line-height: 2em;
}

#audiovid_notes {
	clear:right;
	float:right;
	color:#CCCCCC;
	font-size:12px;
	width:330px;
	margin-top:-15px;
	margin-left:70px;
	margin-bottom:10px;
	margin-right:40px;
	font-family: Arial, Verdana, Helvetica, sans-serif;

	
}
#audiovid_notes2 {
    clear:left;
	float:left;
	color:#CCCCCC;
	font:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	width:650px;
	margin-top:10px;
	margin-left:80px;
	margin-bottom:10px;
	margin-right:40px;
}

#audiovid_links {
	clear:left;
	float:left;
	width:285px;
	text-align:right;
	margin-top:70px;
	margin-right:0px;
	margin-bottom:20px;
	margin-left:10px;
}

#audiovid_footer {
	margin:0 auto;
	width:800px;
	height:156px;
	background:url(../Images/footer-img.jpg);
	background-repeat:no-repeat;
}
#audiovid_footer_linksfooter {
	clear:left;
	float:left;
	text-align:center;
	margin-top:100px;
	margin-right:0px;
	margin-left:110px;
	margin-bottom:10px;

	
}
#audiovid_footer a {
	color:#cccccc;
	text-decoration: none;
	text-align: left;
}
#audiovid_footer a:hover {
	text-decoration: none;
	color: #0281aa;
}

/* End for Audio Video */




#header {
background-color:#000000;
color:#FFFFFF;
margin:0 auto;
width:800px;
height:202px;
}

#logo {
	float:left;
	width:248px;
	marg
}

#flash-h {
width:552px;
float:right;
}
#still-flash {
float:right;
width:552px;
height:202px;
background-image:url(../Images/still-img.jpg);
background-repeat:no-repeat;
}

/* Menu */

#menu {
	float: right;
	margin-right: 0;
	margin-top: 10px;
	width: 730px;
	height: 50px;
	font-weight:bold;
}
#menu-holder {
	background-image:url(../Images/menu_bg.jpg);
	width: 800px;
	height: 80px;
	margin: 0 auto;
}

#menu-holder2 {
	background-image:url(../Images/menu_bg.jpg);
	background-repeat:no-repeat;

	margin: 0 auto;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {
	display: inline;
}

#menu a {
	display: block;
	float: left;
	width: 115px;
	height: 50px;
	padding: 13px 0px 0 0px;
	background: url(../Images/img3.jpg) no-repeat center top;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
}

#menu a:hover, #menu .active a {
	color:#0099FF;
	background: url(../Images/img2.jpg) no-repeat center top;	
}
/* End Menu */

/* Drop Menu */

#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 10px Tahoma;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight:lighter;
color:#fff;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #f40000;
color:#fff;
}

ul{
	color: Black;
	margin: 15px 0 26px 0;
}

ul li{
	list-style: disc;
	margin: 0 0 5px 15px;
}



ol {
	color: Black;
	margin: 0 0 20px 30px;
}

ol {
	margin: 0 0 20px 30px;
}

ol ol {
	margin: 0 0 0 35px;
}

ol ol ol {
	margin: 0 0 0 35px;
}

ol li {
	margin: 0 20px 5px 0px;
	list-style: decimal outside;
}

ol li ol li{
	margin: 0 20px 5px 0px;
	list-style: lower-alpha outside;
}

ol li ol li ol li{
	list-style: disc outside;
}

#links ul{
	color: Black;
	margin: 15px 0 26px 0;
}

#links ul li{
	list-style: none;
	margin: 0 0 5px 15px;
	}
/* End Drop Menu */

/* Content */

#content {
	width: 800px;
	height: 398px;
	margin: 20px 10px 40px 10px;
	background-image: url(../Images/content_bg.jpg);
	background-color:#000;
	background-repeat:no-repeat;
}

#commercial {
	width: 800px;
	height: 490px;
	margin: 20px 10px 40px 10px;
	background-image: url(../Images/content_bg1.jpg);
	background-color:#000;
	background-repeat:no-repeat;
}

#residential {
	width: 800px;
	height: 490px;
	margin: 20px 10px 40px 10px;
	background-image: url(../Images/res_bg.jpg);
	background-color:#000;
	background-repeat:no-repeat;
}

#gsm {
	width: 800px;
	height: 287px;
	margin: 20px 10px 40px 10px;
	background-image: url(../Images/gsm_bg.jpg);
	background-color:#000;
	background-repeat:no-repeat;
}

#contact {
	width: 800px;
	height: 490px;
	margin: 50px 10px 40px 10px;
	background-image: url(../Images/contact_bg.jpg);
	background-color:#000;
	background-repeat:no-repeat;
}

#content-bottom {
	width: 773px;
	height: 93px;
	margin: 0 auto;
	background-image:url(../images/footer-bg.jpg);
	background-repeat: no-repeat;}

#content-bottom-footer {
	float: left;
	width: 395px;
	height: 169px;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 10px;
}

#content-bottom-flash {
	float:right;
	width: 405px;
	height: 169px;
	margin: 0 10px auto;
	}
	
#sideBar {
	float: left;
	width: 219px;
	margin: 0;
	clear:both;
}
#colOne {
	float: left;
	width: 200px;	
	padding: 5px 0px 5px 0px;
	margin-top:40px;
	margin-left:50px;	
	clear: both;
}

#colTwo {
	float: right;
	width: 460px;
	margin-right: 45px;
	margin-top: 30px;
	margin-bottom:0;
	}
#contacts_right {
	float: right;
	width: 360px;
	margin-right: 30px;
	margin-top: 20px;
	margin-bottom:0;
	}
#contacts_left {
	float: left;
	width: 300px;	
	padding: 5px 0px 5px 0px;
	margin-top:60px;
	margin-left:70px;	
	clear: both;
	}
	
#colTwoHub {
	float: right;
	width: 460px;
	margin-right: 45px;
	margin-top: 10px;
	}	
#colThree {
	width: 600px;
}
#colForWine {
	float: left;
	width: 200px;
	padding: 5px 5px 5px 5px;
	margin-left:70px;
	clear: both;
}
#contactColOne {
	float: left;
	width: 100%;
	padding: 5px 5px 5px 5px;
	margin-left:35px;
	clear: both;
}
#Box1 {
	margin: 0 auto;
	background-color:#D5D4B7;
	padding: 5px 5px 5px 5px;
	width: 520px;
}
#Box2 {
	background-color:#A1C442;
	padding: 0px 5px 3px 3px;
	color:#373627;
	font-size:9px;
}
/* End Content */

/* Footer */

#footer {
	float:left;
	width: 394px;
	height:169px;
	margin: 0 8px; 0 0;
	padding: 3em;
	background-image:url(../Images/footer_left.jpg);
	background-repeat:no-repeat;
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
}
#footer-img {
	float:left;
	width: 800px;
	height:156px;
	margin: 0 0 0 10px;
	padding: 20px 0 20px 90px;
	background-image:url(../Images/footer-img.jpg);
	background-repeat:no-repeat;
	font:Arial, Helvetica, sans-serif;
	font-size:9px;
}

#footer-commercial {
	float:left;
	width: 395px;
	height:169px;
	margin: 50px 0 0 12px;
	padding: 1x;
	background-image:url(../Images/footer_left.jpg);
	background-repeat:no-repeat;
}
#flash-footer-commercial {
	float:right;
	width: 405px;
	margin: 25px 0 0 20px;
}

#flash-footer {
	float:right;
	width: 405px;
	margin: -5px 0 0 0;
}

#footer p {
	text-align: center;
	color: #cccccc;
}

#footer a {
	color:#fff;
	text-decoration: none;
	text-align: center;
	margin: 0 0 0 0;
}


#footer ul {
	margin: 0;
	padding: 10px 20px 0 0;
	list-style: none;
}

#footer li {
	display: inline;
}

#footer a:hover, #footer .current_page_item a {
	color: #0281aa;
}

#footer-commercial a:hover, #footer-commercial .current_page_item a {
	color: #666;
	}
/* End Footer */

img {outline: none;border:none;}

.img1 {
	float: left;
	margin: 5px 15px 10px 0px;
	clear: both;

/* showcase-default */
#web01,#web02,#web03,#web04,#web05,#web06,#web07,#web08,#web09,#web10,#web11,#web12,#web12,#web13,#web14,#web15,#web16,#web17,#web18,#web19,#web20 {margin: 0 0 10px 0; padding: 0;width: 169px;height: 102px;display: block;border: 4px solid #222427;}
#print01,#print02,#print03,#print04,#print05,#print06,#print07,#print08,#print09,#print10,#print11,#print12,#print13,#print14,#print15,#print16,#print17,#print18,#print19,#print20,#print21 {margin: 0 0 10px 0; padding: 0;width: 169px;height: 102px;display: block;border: 4px solid #222427;}
#presentation01,#presentation02,#presentation03,#presentation04,#presentation05,#presentation06,#presentation07,#presentation08,#presentation09,#presentation10,#presentation11,#presentation12,#presentation13,#presentation14,#presentation15,#presentation16,#presentation17,#presentation18,#presentation19,#presentation20 {margin: 0 0 10px 0; padding: 0;width: 169px;height: 102px;display: block;border: 4px solid #222427;}
#visual01,#visual02,#visual03,#visual04,#visual05,#visual06,#visual07,#visual08,#visual09,#visual10,#visual11,#visual12,#visual13,#visual14,#visual15,#visual16,#visual17,#visual18,#visual19,#visual20 {margin: 0 0 10px 0; padding: 0;width: 169px;height: 102px;display: block;border: 4px solid #222427;} 

#browseWindow #web01:hover,#browseWindow #web02:hover,#browseWindow #web03:hover,#browseWindow #web04:hover,#browseWindow #web05:hover,#browseWindow #web06:hover,#browseWindow #web07:hover,#browseWindow #web08:hover,#browseWindow #web09:hover,#browseWindow #web10:hover,#browseWindow #web11:hover,#browseWindow #web12:hover,#browseWindow #web13:hover,#browseWindow #web14:hover,#browseWindow #web15:hover,#browseWindow #web16:hover,#browseWindow #web17:hover,#browseWindow #web18:hover,#browseWindow #web19:hover,#browseWindow #web20:hover {border: 1px solid #0281aa;}

#browseWindow #print01:hover,#browseWindow #print02:hover,#browseWindow #print03:hover,#browseWindow #print04:hover,#browseWindow #print05:hover,#browseWindow #print06:hover,#browseWindow #print07:hover,#browseWindow #print08:hover,#browseWindow #print09:hover,#browseWindow #print10:hover,#browseWindow #print11:hover,#browseWindow #print12:hover,#browseWindow #print13:hover,#browseWindow #print14:hover,#browseWindow #print15:hover,#browseWindow #print16:hover,#browseWindow #print17:hover,#browseWindow #print18:hover,#browseWindow #print19:hover,#browseWindow #print20:hover {border: 4px solid #3f4245;}

#browseWindow #presentation01:hover,#browseWindow #presentation02:hover,#browseWindow #presentation03:hover,#browseWindow #presentation04:hover,#browseWindow #presentation05:hover,#browseWindow #presentation06:hover,#browseWindow #presentation07:hover,#browseWindow #presentation08:hover,#browseWindow #presentation09:hover,#browseWindow #presentation10:hover,#browseWindow #presentation11:hover,#browseWindow #presentation12:hover,#browseWindow #presentation13:hover,#browseWindow #presentation14:hover,#browseWindow #presentation15:hover,#browseWindow #presentation16:hover,#browseWindow #presentation17:hover,#browseWindow #presentation18:hover,#browseWindow #presentation19:hover,#browseWindow #presentation20:hover {border: 1px solid #0281aa;}

#browseWindow #visual01:hover,#browseWindow #visual02:hover,#browseWindow #visual03:hover,#browseWindow #visual04:hover,#browseWindow #visual05:hover,#browseWindow #visual06:hover,#browseWindow #visual07:hover,#browseWindow #visual08:hover,#browseWindow #visual09:hover,#browseWindow #visual10:hover,#browseWindow #visual11:hover,#browseWindow #visual12:hover,#browseWindow #visual13:hover,#browseWindow #visual14:hover,#browseWindow #visual15:hover,#browseWindow #visual16:hover,#browseWindow #visual17:hover,#browseWindow #visual18:hover,#browseWindow #visual19:hover,#browseWindow #visual20:hover {border: 1px solid #0281aa;} 

div.themeselector a.default {background:url(../cssimg/btn_filter.gif) no-repeat;background-position: 0pt -38px;}
div.themeselector a:hover.default {background:url(../cssimg/btn_filter.gif) no-repeat;background-position: 0pt -38px;}

div.themeselector a.web-projects {background:url(../cssimg/btn_filter.gif) no-repeat;background-position: 0pt 0px;}
div.themeselector a:hover.web-projects {background:url(../cssimg/btn_filter.gif) no-repeat;background-position: 0pt -19px;}

div.themeselector a.visual {background:url(../cssimg/btn_filter.gif) no-repeat;background-position: 0pt 0px;}
div.themeselector a:hover.visual {background:url(../cssimg/btn_filter.gif) no-repeat;background-position: 0pt -19px;}

div.themeselector a.print {background:url(../cssimg/btn_filter.gif) no-repeat;background-position: 0pt 0px;}
div.themeselector a:hover.print {background:url(../cssimg/btn_filter.gif) no-repeat;background-position: 0pt -19px;}

div.themeselector a.presentation {background:url(../cssimg/btn_filter.gif) no-repeat;background-position: 0pt 0px;}
div.themeselector a:hover.presentation {background:url(../cssimg/btn_filter.gif) no-repeat;background-position: 0pt -19px;}
/* end showcase-default */


/* Layout */
#container {
	width: 800px;
	padding-top:0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#content {padding:0px 10px 0px 10px; background: url(../cssimg/spotlight_bg.gif) #202020 repeat-x;border-top: solid 1px #202020; height:95px;margin-bottom:20px;}
#content-showcase {color:#fff; width:780px;padding:0px 10px 0px 0px;position: relative;z-index: 10000;border-bottom: solid 1px #27272a;border-top: solid 1px #27272a;}
#content-showcase p {padding-top:5px;}
div.block-showcase {margin-bottom: 0px;font-size: 12px;}
div.block {width: 800px;margin: 20px auto 5px;text-align:center;}
div#intro em {font-weight: normal;font-style: normal;color: #f6e4c8;}
div#intro p.less {font-size: 14px;color: #bbb;}
div.intro a:link, div.intro a:visited {color: #c17878;}
div.floaty {margin:0px 0 0 0px;float: left;width: 150px;}
div.floaty p {margin:0px 0 0 5px;}
div.floaty-folio {margin:30px 0 0 0;float:left;width: 270px;}
div.floaty-folio p {margin:0px 0 0 5px;}
div#right-text {float:right;color:#FFFFFF;margin:18px 30px 5px 0;}
div#right-text p {font-size:120%;color:#FFFFFF;}
#page {margin: 0 auto 0 165px;padding: 0;width: 630px;position:relative;}
#page-folio {margin: 0 0 0 270px;padding: 0px;width: 500px;	}
#about-header {border-top: 1px solid #27272a; border-bottom: 1px solid #27272a;  height:135px;}
#about-header-bg {height:175px; width:618px;background: url(../cssimg/revolution.jpg);}
#float-right {float:right; margin:5px 0 0 0; }
#float-left {float:left; width:300px; margin:40px;}
#about-header-bg #float-left {float:left; width:300px; margin:20px;}
#float-left span {font-size:15px; color:#FFFFFF}
#bottom {background: #333 url(../cssimg/bg-bottom.jpg) repeat-x left top;min-width: 800px;}
#bottom-container {height: 100px;}
#top {background: #000 url(../cssimg/bg-body.jpg) repeat left top;min-width: 930px;}
#content-header {text-align:right;float:left;margin: 0px 0px 0 0px;width:630px;padding:0 0 4px 0;border-bottom: 1px solid #27272a;border-top: 1px solid #27272a;}
.buffer { border-bottom: 1px solid #27272a;height:195px;width:618px; }
#absolute { position: absolute;	z-index: 20; top: 0px; left: 0px; width: 135px; height: 135px;}

/* showcase */
#browseWindow a.text {margin: 0;padding: 0;width: auto;height: auto;color: #cecece;border: none;text-decoration: none;font-size: 12px;}
#browseWindow a.text:hover {border: none;text-decoration: underline;}
#browseWindow {
	width: 700px;
	color: #5b6474;
	float:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 13px;
}
#browseWindow p {margin: 10px 0;padding: 0;font-size: 11px;line-height: 18px;}
#browseWindow ul {margin: 0 auto 0 auto;padding: 0;list-style: none;}
#browseWindow li {margin: 15px 0 0 9px; width: 195px;float: left;display: inline;}
#browseWindow-folio  p{padding: 5px 20px 5px 20px;}
#browseWindow-folio  img{border: 4px solid #222427;}

#browseWindow-folio div#flashcontent1,#browseWindow-folio div#flashcontent2 ,#browseWindow-folio div#flashcontent3  {width:470px; margin-left:20px; border: 4px solid #222427;}
#browseWindow-folio div#flashcontent3  {width:470px; margin-left:20px; border: 4px solid #222427;background-color:#fff;}

#browseWindow-folio {margin: 10px 0 0 0px;width: 500px;display: block;color: #5b6474;float:right;}
#browseWindow p {padding: 15px 0 0 12px;}
#browseWindow p a, li a {border:none;color: #78ba91;}
#browseWindow p a:hover, li a {border:none;}

.browsers p {padding: 5px 0 0 0px;}
.browsers p a {border:none;color: #78ba91;}
.browsers p a:hover {border:none;}

/* footer */
.footLogo {margin: 0 12px 0 0;padding: 0;float: left;display: inline;}
.small {margin: 0;padding: 0;color: #454649;background: inherit;font-size: 10px;line-height: 16px;}
.smallRightGrey {margin: 0;padding: 0;color: #454649;background: inherit;font-size: 10px;line-height: 16px;float: right;display: inline;}
#footnote {margin: 0 auto;padding: 0;width: 800px;}
#footnote a {color: #9D9D9D;background: inherit;text-decoration: none;}
#footnote a:hover {text-decoration: underline;}
#footnote a.grey {color: #454649;background: inherit;text-decoration: none;}
#footnote a.grey:hover {text-decoration: underline;}
#footerBlack {border-top: #27272a solid 1px;margin-top: 20px;padding: 20px 0 0px 0;width: 800px;color: #454649;background-color: #000000;}
#footerBlock {margin: 0 auto;padding: 0;width: 800px;}
.push {height: 29px; /* .push must be the same height as .footer */}

/*tooltips */
.tool-tip {color: #fff;width: 113px;z-index: 13000;text-align:center}
.tool-title {font-weight: bold;font-size: 11px;margin: 0;color: #9FD4FF;padding: 8px 8px 4px;background: url(../cssimg/tool_bg.gif) top left;background-repeat:no-repeat;text-align:center}
.tool-text {font-size: 11px;padding: 4px 8px 8px;background: url(../cssimg/tool_bg2.gif) top left;background-repeat:no-repeat;}
.custom-tip {color: #000;width: 130px;z-index: 13000;}
.custom-title {font-weight: bold;font-size: 11px;margin: 0;color: #3E4F14;padding: 8px 8px 4px;background: #C3DF7D;border-bottom: 1px solid #B5CF74;}
.custom-text {font-size: 11px;padding: 4px 8px 8px;background: #CFDFA7;}

/*showcase-slide */
.slide_content span {font-size:12px;margin:0px;padding:0px;color:#FF9966;}
.slide_content a {color:#CCCC66;}
.slide {padding:10px;}
.slide_trigger {background: url(../cssimg/thumb.gif);background-repeat:no-repeat;cursor: pointer;}
.slide_content { }
.atStart { }
#browseWindow .project_01 {margin: 0px 0 0 20px;width: 564px;float: left;background: url(../cssimg/slide_bg1.gif);background-repeat:no-repeat;}
#browseWindow .project_02 {margin: 0px 0 0 20px;width: 564px;float: left;background: url(../cssimg/slide_bg2.gif);background-repeat:no-repeat;}
#browseWindow .project_03 {margin: 0px 0 0 20px;width: 564px;float: left;background: url(../cssimg/slide_bg3.gif);background-repeat:no-repeat;}

/*slide icons */
.icons {padding:5px;float:right;}
.icons img {padding:1px;}
#browseWindow .icons a {border:none;}
#browseWindow .icons a:hover {border:none;}

/* span note */
span.note {display: block;}
span.note a {border:none;color: #78ba91;}
span.note a:hover {border:none;}
span.note {background: #1b1b1b url(../cssimg/icons/lightning.gif) 6px 7px no-repeat;margin: 10px 10px 10px 0px;padding: 5px 10px 5px 30px;border: 1px solid #202020;text-align:justify;color:#CCCCCC;}
#page-folioc span.note {display: block;}
#page-folio span.note {background: #1b1b1b url(../cssimg/icons/lightning.gif) 6px 7px no-repeat;margin: 10px 0px ;padding: 5px 0px 5px 30px;width:440px;border: 1px solid #202020;text-align:justify;color:#CCCCCC;}

/* theme selector */
div.themeselector {height:20px;position:relative;padding:7px 0 2px 0; margin: 0 10px 0 0;}
div.themeselector p {padding:0 0 10px;line-height:16px;}
div.themeselector p strong { }
div.themeselector ul {width:201px;height:16px;padding:12px;}
div.themeselector ul li {float:	left;}
div.themeselector ul li.time {padding-right:6px;margin-right:6px;}
div.themeselector a {border:none;position:absolute;display:block;width:19px;height:19px;cursor:pointer;background-position:0 0;}	
div.themeselector a.default {right:98px;}	
div.themeselector a.web-projects {right:76px;}	
div.themeselector a.visual {right:54px;}
div.themeselector a.print {right:32px;}
div.themeselector a.presentation {right:10px;}
div.themeselector a:hover {border:none;}

/* side menu */
#footnote.valid {padding:13px 0 0 20px;text-align:center;font-size:78%;}
#sidebar {border-bottom: 1px solid #27272a;padding:3px 0 5px 0;}
#sidebar ul {list-style: none;}
#sidebar a, #sidebar h3.cat {width: 130px;display: block;padding: 0px 5px 3px 10px;margin: 5px 0;text-decoration: none;	}
#sidebar a {color: #78ba91;}
#sidebar a.big, #sidebar h3.cat {padding: 4px 5px 4px 5px;margin: 0px 0;}
#sidebar h3 {font-size: 13px;}
#sidebar h3.cat {color: #cbcbcb;border-bottom: 1px solid #27272a;border-top: 1px solid #27272a;}
#sidebar a.big {color: #fff;}

/* resin slide component */
 #sliderWrapper { margin: 20px 0 0 12px;border: 1px solid #1e1e1e; background:#1a1a1a; width:592px; }
#glideWrapper { margin:0 0 9px 15px; position: relative !important; width: 415px !important; height: 240px !important; overflow: hidden !important;border: 1px solid #1e1e1e; color:#cccccc}
#glider  { background: #131313; position: relative !important; width: 415px !important; height: 240px !important; overflow: hidden !important }
#gliderContent  {  position: relative !important; width: 20000px !important; height: 240px !important }
#gliderContent .section  p {margin: 0 50px 20px 0; }
 .section  { position: relative !important; width: 415px !important; height: 240px !important; float: left !important; }
#navcontainerSlide {  width:170px;}
#browseWindow #sliderWrapper li {margin: 0px 0 0 0px; width: 150px;float: left;display: inline; border-bottom: 1px solid #1e1e1e;}
#sliderWrapper #sidebar h3.cat {color: #cbcbcb;}
#sliderWrapper #sidebar {padding:0px 0 3px 0;width:170px;}
#browseWindow #sliderWrapper li .active {background: url(../cssimg/icons/bullet_go.png) 130px 0px no-repeat; }
#browseWindow #sliderWrapper li .inactive {}
#sliderWrapper #sidebar {border:none;padding:3px 0 5px 0;}
#sliderWrapper #sidebar h3.cat {color: #cbcbcb; padding:5px 0 5px 10px;border:none;}
/* slider content */
div.info{margin: 10px 10px 10px 10px;padding: 7px 10px 20px 25px;}
div.info, span.info {background: #FFFCF2 url(../cssimg/icons/information.png) 3px 5px no-repeat;color:#666;border: 1px solid #AAAAAA;}
/* slider ribbon */
div#ribbon {position: absolute;right: 5px;top: -3px;width: 94px;height: 94px;background: url(../cssimg/ribbon.png) 0 0 no-repeat;z-index:3;}
div#ribbon-frame {position: relative;height: 240px;}

/* flash element */
div#flashcontent1,#flashcontent2,#flashcontent3 {margin-bottom:20px; }
/* end Layout */