/* CSS layout */
body {
	margin: 0;
	padding: 0;
	background-image:url('bg.jpg');
	background-repeat:repeat-y;
	background-position:center;
	background-color: #fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#464646;
}
#wrapper {width: 960px; margin: 10px auto 10px auto;background-color:#fff;}
#logostrip {width: 960px; height: 90px;background-image:url('bgheader.gif'); background-repeat:no-repeat;background-position:left;}

.breadcrumbs {
	float: right;
	width: 616px;
	margin: 60px 5px 0px 0px;
	font-size: 0.6em;
}
.breadcrumbs a {
	padding: 0 5px 0 5px;
	text-decoration:none;
	color:#666;
	font-weight: bold;
}

.breadcrumbs a:hover {
	color:#00ACEE;
}

.active {
color:#00ACEE;
	}
}


#top_nav {
}

#container {
	min-width: 600px;
}

#left_col {
	width: 310px;
	float: left;
	background-color:#fff;
	margin:0;
	padding:0;
	height: 615px;
}
#left_col_info 
{padding: 0px 5px 0px 15px;
 background-color:#FFF;
 height:465px;
}
#left_col_info h1,h2 
{margin:0;
padding:0 5px 12px 0;
font-size: 1em;
color: #00ACEE;
text-transform:lowercase;
}

#left_col_info h2
{margin:0;
padding:0 5px 8px 0;
font-size: 0.9em;}

#left_col_info h3
{margin:0;
padding:0 5px 8px 0;
font-size: 0.8em;
color: #000000;}



#left_col_info p 
{margin:0;
padding:0 5px 12px 1px;
font-size: 0.7em;
line-height: 1.5em;}   
	
#left_col_address 
{
    background-image:url('bgaddress2.gif');
    background-repeat: no-repeat;
    background-color:#fff;
    height: 100px;
    padding: 35px 0px 0px 16px;
}
#left_col_address p 
{margin:0 0 12px 0;
padding:0;
color: #666;
font-size: 0.9em;
background-color: #fff;}

#left_col_address a 
{
 text-decoration: none;
 color: #666;}
#left_col_address a:hover 
{
 color:#999;
 text-decoration: underline;
 }
 
 
#tabMenu {  
     margin:0;  
     padding:0 0 0 0px;  
     list-style:none;  
 }  
   
#tabMenu li {  
     float:left;  
     height:32px;  
     width:80px;  
     cursor:pointer;  
     cursor:hand  
 }  
   
 /* this is the button images */  
 li.comments {background:url('faqs.png') no-repeat 0 -32px;}  
 li.posts {background:url('info.png') no-repeat 0 -32px;}  
 li.category {background:url('slot.png') no-repeat 0 -32px;}  

   
 li.mouseover {background-position:0 0;}  
 li.mouseout {background-position:0 -32px;}  
 li.selected {background-position:0 0;}  
   
 .box {  
     width:300px;
     overflow:auto;
     height: 450px;

     
 }  
   
 .boxTop {  
     height:11px;  
     clear:both  
 }  
   
 .boxBody {  
     background-color:#fff; 
 } 
 
 .boxBottom {  
      /*background:url('boxBottom.gif') no-repeat; */ 
     background-color:#fff;  
     height:11px;  
 }  
   
 .boxBody div {  
     display:none;  
 }  
   
 .boxBody div.show {  
     display:block;  
 }  
   
   
 .boxBody category a {  
     display:block  
 }  
   
 /* styling for the content*/  
 .boxBody div ul {  
     margin:0 10px 0 25px;  
     padding:0;  
     width:190px;  
     list-style-image:url('arrow.gif')  
 }  
   
 .boxBody div li {  
     border-bottom:1px dotted #8e8e8e;   
     padding:4px 0;  
     cursor:hand;  
     cursor:pointer  
 }  
   
 .boxBody div ul li.last {  
     border-bottom:none  
 }  
   
 .boxBody div li span {  
     font-size:8px;  
     font-style:italic;   
     color:#888;  
 }  
 .boxBody a {
	text-decoration:none;
	color:#666;
}

.boxBody a:hover {
	color:#00ACEE;
}
   
 /* IE Hacks */  
 *html .boxTop {margin-bottom:-2px;}  
 *html .boxBody div ul {margin-left:10px;padding-left:15px;} 
 
 
 
 

#page_content {
	margin-left: 320px;
	width: 640px;
}

.qitem {
	width:185px;
	height:185px;	
	border:1px solid #ccc;	
	margin:5px 20px 20px 0;
	background: url('bghomethumbs.gif') no-repeat;
	color: #000;
	
	
	/* required to hide the image after resized */
	overflow:hidden;
	
	/* for child absolute position */
	position:relative;
	
	/* display div in line */
	float:right;
	cursor:hand; cursor:pointer;
}

	.qitem img {
		/* allow javascript moves the img position*/
		border-style: none;
    border-color: inherit;
    border-width: 0;
    position:absolute;
		    z-index:200;
    top: 0px;
    left: 0px;
}

	.qitem .blurb {
		position:absolute;
		z-index:0;	
		color:#000;
		display:block;
	}

		.qitem h4 {
			font-size:12px;
			padding:10px 5px 0 8px;
			margin:0;
			color:#000;
		}

		.qitem p {
			font-size:10px;	
			padding:3px 5px 0 8px;
			margin:0;
			color:#000000;
			line-height:12px;
		}

/*.qitem a:hover img {
	border: 1px solid aqua; 
}*/

/* Setting for corners */

.topLeft, .topRight, .bottomLeft, .bottomRight {
	position:absolute;
	background-repeat: no-repeat; 
	float:left;
}

.topLeft {
	background-position: top left; 	
} 

.topRight {
	background-position: top right; 
} 

.bottomLeft {
	background-position: bottom left; 
} 

.bottomRight {
	background-position: bottom right; 
}

.clear {
	clear:right;	
}

.portfolioimage {margin: 10px 10px 10px 15px; float: right; border: 1px none #FFF;}

#footer {
	clear: both;
}
#wbd {
	clear: both;
	font-size: 0.6em;
	text-align: right;
	width: 960px; margin: 10px auto 10px auto;
	
}
#wbd a {
	color:#555;
	text-decoration:none;
}