/* CSS Document */

body, html {height: 100%;}/*
#outer {height: 100%; overflow: hidden; width: 100%;  } 
#outer[id] {display: table; position: static;}

#middle {position: absolute; top: 50%;}  for explorer only
#middle[id] {display: table-cell; vertical-align: middle; position: static;}

#inner {position: relative; top: -50% ; }  for explorer only 
#inner[id] {position: static;}*/
body
{
	background-color: #f5f5f5 ;
	font-size:14px;
	color: Black;
	font-family: "Lucida Sans Unicode", sans-serif;
	margin: 0 auto;				
}

a:link {color: Black; text-decoration:none;}
a:visited {color: Black; text-decoration:none;}
a:hover {color: #666666; text-decoration:none;}

a:link img, a:visited img, a:hover{border:0px #ffffff solid;}

/*a.noborder:link img{border: 1px #ffffff solid;}
a.noborder:visited img{border: 1px #ffffff solid;}
a.noborder:hover img{border: 1px #ffffff solid;}*/

H1
{
	font-family: "Century Gothic", sans-serif;
	font-style: normal;
	display: inline;
	font-weight: normal;
}
.h1orange{font-size: 49px; color: #ff7c16; line-height: 40px;}
.h1yellow{font-size: 53px; color: #fab923; line-height: 41px;}
.h1white{font-size: 72px; color: #ffffff; line-height: 60px;}
.whitenormal, .whitenormal a:link, .whitenormal a:visited{font-size: 25px; color: #ffffff; line-height: 18px; font-family:"Lucida Sans", sans-serif; text-decoration:none; font-weight: 100;}
.whitenormal a:hover{color: #ff7c16; }

H2 
{
	font-family: Arial;
	font-size: 12pt;
	font-weight: normal;
	color:#999999;
	}

H3 
{
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	text-transform: uppercase;
	font-style: normal;
	color: #4c0e23;
	}

H4 
{
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	color: #000;
	margin: 0px;
	padding: 2px;
	background-color: #E9E9E9;
	}
	

p
{
	vertical-align: top;
	font-size: 14px;
	color: #FFFFFF;
	font-family: "Lucida Sans Unicode", sans-serif;
	font-weight: 500;
	line-height: 15px;
	
}
p a:link {color:#ffffff; font-weight: 600; text-decoration:underline; }
p a:visited {color: #ffffff;  font-weight: 600; text-decoration:underline; }
p a:hover {color: #ffffff;  font-weight:600; text-decoration:none; }

ul
{
	vertical-align: top;
	font-size: 10pt;
	color: Black;
	font-family: Verdana;
}


ol
{
	vertical-align: top;
	font-size: 10pt;
	color: Black;
	font-family: Verdana;
}


.Background
{
	width: 964px;
	height: 765px;
	margin: 0 auto;
	
		
}


.Header
{
	width: 964px;
	height:25px;
	background: url(images/header_BG.gif) no-repeat top center;
	
	
}

.Main
{
	width: 941px; height:686px;
	vertical-align: top;
	border: 0;
	background: url(images/maintable_BG.gif) repeat-y top left;
	
	

}

.left
{ 
	display: table-cell;
	width: 438px;
	vertical-align: top;
	float:left;
	background: url(images/LC_shadowpatch.gif) no-repeat top left;	
	}
	
.leftcontent{margin-left: 23px;}
.leftcontactcontainer{text-align: center;  margin-top: 250px;}


.right

{
    display: table-cell;
    width:  503px;
    vertical-align: top;
	float:right;
	
	
}

.rightcontent{ width: 503px;height:686px; position:relative; right: 0px;}
#home {background: url(images/RC_home_recent.jpg) no-repeat top left;}
#about {background: url(images/RC_about_BG.jpg) no-repeat top left;}
#works {background: url(images/RC_work_BG.jpg) no-repeat top left;}
#exhibit {background: url(images/RC_exhibit_BG.jpg) no-repeat top left;}
#product {background: url(images/RC_product_BG.jpg) no-repeat top left;}
#web {background: url(images/RC_web_BG.jpg) no-repeat top left;}
#print {background: url(images/RC_print_BG.jpg) no-repeat top left;}
#other {background: url(images/RC_other_BG.jpg) no-repeat top left;}
#identity {background: url(images/RC_identity_BG.jpg) no-repeat top left;}
#contact {background: url(images/RC_contact_BG.jpg) no-repeat top left;}

.content
{
	padding: 23px;
}
.directorycontainer{font-size: 10px; color: #000000;}
.directorycontainer img, .directorycontainer a:link img {display:inline; opacity:0.4;filter:alpha(opacity=40);}
.directorycontainer a:visited img {display:inline; opacity:0.4;filter:alpha(opacity=40);}
.directorycontainer a:hover img {display:inline; opacity:0.8;filter:alpha(opacity=80);}
.directorycontainer a:link{ color: #999999;}
.directorycontainer a:visited{ color: #999999;}
.directorycontainer a:hover{ color: #666666;}
.recentproject{width: 100%;  margin-top: 230px; color: #ffffff; text-align: right; font-size: 11px;}

.thumbcontainer{text-align: center;  margin-top: 50px; width: 350px; margin-left: 50px;}
.thumbcontainer img{margin: 15px;}


.homeintro{width: 250px; margin: 60px auto;}
.homeintro img{border: 1px #c9c8c8 solid;}
.homeintro hr{size: 1px; color:#CCCCCC; width: 250px;}

.Footer
{
	width: 964px;
	height: 54px;
	vertical-align: top;
	text-align: center;
	background: url(images/footer_BG.gif) no-repeat top center;font-size: 10px;color: #999999;
}
 

a.footer:link {color: #9b3229; text-decoration: none; font-weight: bold;}
a.footer:hover {color: #000000; text-decoration: none; font-weight: bold;}
/*navigation*/

#navcontainer { text-align:center; width:100%;}

ul#navlist {list-style-type: none; margin-top: 64px; margin-left:0px;}
ul#navlist li {   font-family: "Lucida Sans Unicode", sans-serif; font-weight: bold; font-size: 22px; margin-bottom: 25px;}
#navlist a:link {  color: #757472;text-decoration: none;  text-align:center;}
#navlist a:visited {  color: #757472;text-decoration: none; text-align:center;}
#navlist a:active {color: #757472;text-decoration: none;}
ul#navlist li#active {color: #757472;}
#navlist a:hover {color: #180f00;}

/* contact form*/

#textfield {background-color: #FFFF99; border: #FFCC66 1px solid; margin: 1px 5px;}
#textarea {background-color: #FFFF99; border: #FFCC66 1px solid; margin: 1px 5px;}
#form1 p{font-size: 12px;}
#form1 input#submit {background-color: #FFFF99; margin: 5px; border: #f03200 1px solid;}


/*temp*/
#container_left {position:relative; width:400px; height:500px; margin:20px auto;}
#container_left .thumbs {width:420px; position:absolute; left:0; top:0px;}
#container_left .thumbs img{margin:0px 8px 16px 8px; border:#ffffff 3px solid;}
.more {width: 406px; height: 350px; overflow:hidden; position: absolute; left: 0; top: 180px; margin-left: 8px;}
.exact{width: 406px; height: 350px; color: #fff; font-size: 11px; }
.exact img{margin-bottom: 5px; border: #ffffff 3px solid;}
.exact a:link{color: #fff; font-size: 11px;}
.exact a:visited{color: #fff; font-size: 11px;}
.exact a:hover{color: #999; font-size: 11px;}

.chat{	height:20px; width: 150px; background-color: #fab923; float:right; margin-top: 5px; margin-right: 30px;background: url(images/chat_BG.gif) no-repeat center; text-align: right;}

#rssBox{
  width:300px;
  margin:5px;
  float:right;
  height:300px;  
  border:1px dotted #317082;
  padding:3px;
  font-size:0.8em;
  background-color:#E2EBED;

}    
.rssBoxDate{
  font-size: 11px;
	color: #666666;
	font-family: Arial, sans-serif;
	font-weight: bold;
	margin: 5px 0px 0px 0px;

	}

.rssBoxDescription{ font-size: 10px;
	color: #666666;
	font-family: Arial, sans-serif;
	font-weight: normal;
	text-align:justify;
	margin: 0px;

}  
.rssBoxDescription a:link, .rssBoxDescription a:visited{ 
	color: #FF9900;
	text-decoration:none;
}  
.rssBoxDescription a:hover
{
color: #FF6600;
}