/* CSS Document */
/*------------------------------Gobal veriable----------------------*/
body {
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#FFFFFF;
	color:#333333;	
}

a:link {
    color:#336699;
    text-decoration:none;
}

a:hover {
	color:#336699;
    text-decoration:underline;
}

a:visited {
	color:#6f5384;
    text-decoration:none;
}


img {
	border:0;
}

p {
	padding:0;
	margin:0;
}

.clear {
	clear:both;
}

.spacing {
	height:10px;
}

/* --------------------------------------------------------  */

#main {	
	width:900px;	
	margin:auto;	
}
	
	#container {
		width:900px;    	
    }
		
	#left {
		width:6px;
		background:url(../images/left-main-box.jpg) top left repeat-y;
	}
	#right {
		width:6px;
		background:url(../images/right-main-box.jpg) top right repeat-y;
	}
	#middle {
		width:888px;
		padding:13px 0 0 0;
	}
		#leftCONTENT {
			width:216px;
			float:left;
		}
		
		#leftCONTENT .itemActive {			
			padding:2px 0 2px 18px;				
			width:162px;			
			border: 1px solid #d7d7d7;		
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;			
			behavior: url(border-radius.htc);
			background-color: #FFFFFF;
		}
		#leftCONTENT .itemActive a {
			text-decoration:none;
		}
		#leftCONTENT .itemActive a:hover {
			text-decoration:underline;
		}
		
		
		#leftCONTENT .item {			
			width:162px;
			padding:3px 0 3px 19px;					
		}
		#leftCONTENT .item a {
			text-decoration:none;
		}
		#leftCONTENT .item a:hover {
			text-decoration:underline;
		}
		
		#leftCONTENT .item a:visited, .itemActive a:visited{
			color:#336699;			
		}
		
		
		
		
		#rightCONTENT {
			width:672px;
			float:left;
		}
		#middleCONTENT {
			width:822px;
			float:center;
		}
		#rightCONTENT .slideshow{
			width:652px;
			height:477px;
		}
		#rightCONTENT .PortfolioTop{
			width:600px;
			height:460px;
		}
		#rightCONTENT .PortfolioBtn{
			width:600px;
			height:30px;
		}
		.textVerdana14px {
			color:#333333;
			font-size:14px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
		}
		.textVerdana11px {
			font-size:11px;
			color:#666;
			font-family:Verdana, Arial, Helvetica, sans-serif;
		}
		.textVerdana12px {
			font-size:12px;
			color:#666;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			line-height:20px;
		}
		.textTimesNewRoman14px {
			font-size:14px;
			color:#336699;
			font-family:"Times New Roman", Times, serif;
			line-height:22px;
		}
		.textTohoma11px {	
			font-family:Tahoma, Georgia;
			font-size:11px;
			color:#333333;
		}		
		.inputEmail {
			width:156px;
			border:1px solid #7f9db9;
			margin:2px 0 0 0;			
			font-size:11px;
			padding:2px;
			color:#999999;
		}
		.heddingShowroom {
			font-size:11px;
			color:#336699;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			line-height:16px;
		}
		.textShowroom {
			font-size:11px;
			color:#666;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			line-height:16px;
		}


	<!-- top -->

	#top {
		width:900px;
		height:72px;	
	}
		#top .logo {
			width:180px;
			margin-left:24px;
			float:left;
		}
		
		#top .topNAV {
			width:696px;
			float:left;
		}
			#top .topNAV .slogan {
				height:30px;
				float:right;
				padding:10px 5px 0 0;
				font-family:Tahoma, Georgia;
				font-size:11px;
				letter-spacing:1px;
				color:#666666;
			}
			
			#top .topNAV .slogan .link a{
				text-decoration:none;
				color:#336699;
			}
			#top .topNAV .slogan .link a:hover{
				text-decoration:underline;
				color:#336699;
			}
			
			#top .topNAV .nav {
				height:32px;
				width:650px;
				float:left;
			}
			
			#top .topNAV .nav ul {				
				margin:0;
				padding:0 0 0 32px;
				list-style-type:none;			
			}
			#top .topNAV .nav li {
				display:inline;
				margin:0;
			}
			#top .topNAV .nav li a{
				float: left;
				display: block;
				text-decoration: none;
				margin: 0;
				padding: 17px 12px 0 11px; /*padding inside each tab*/
				font-family:Tahoma, Georgia;
				color: #333333;			
			}
			
			#top .topNAV .nav li a:visited{
				color: #333333;
			}
			
			#top .topNAV .nav li a:hover{			
				color:#986a1e;
				text-decoration:underline;
			}
			
			#top .topNAV .nav li a.selected{
				text-decoration:underline;
			}			
			
			#top .topNAV .socialLOGO {
				height:18px;
				width:45px;
				float:right;
				padding:14px 0 0 0;
			}
/*UL for "how we work" page*/	
#navlist {
    list-style: none;
	padding: 0;
    margin-left: 0;
	margin-top: 0;
	font-size: 11px;
    line-height: 1.3;
}
 
#navlist li {
    margin-bottom: 5px;
    padding-left: 1em; /*move 1 em to the right*/
    text-indent: -1.1em; /*move 1 em to the left*/
	color: #666666;
}
/* End UL for "how we work" page*/