body {margin: 0; padding: 0;font-family: Arial, "Helvetica", sans-serif; color: #666;}

p {margin:0; padding:0; font-size:14px; margin:0; padding:0; color:#000; line-height:150%}
p a {color:#000; font-weight:bold;}
h2 {font-size:20px; color:#000000; font-weight:lighter;}
a { color: #000000; border:none}
a:hover { color:#666666}
a img {border:none}

h1 {font-size:26px; color:#000000; font-weight:lighter; text-transform:uppercase; margin-top:10px}
	
	 
#container {
margin: 0 0 0 21px; width: 960px;

}

#content {
margin: 0; width: 960px; float:left; clear:both; min-height: 480px;

}

#banner {float:left; width:960px; height:120px; background-image:url(../pieces/images/struckture/top_banner.jpg); margin:0px 0 0 0; padding:0;}

#logo {width:306px; float:left;}
#flashbanner {width:630px; height:120px; float:left; margin: 0 0 0 20px; background-image:url("../pieces/images/struckture/flashbanner.jpg")}

#navcontainer {width:306px; height:500px; float:left; padding:0}
#navigation ul {list-style:none; width:100%; float:left; margin:0; padding:0}
#navigation li {float:left; height:35px; margin: 13px 0 0 0; width:100%; background: url("../pieces/images/struckture/navdivide.jpg") bottom no-repeat}
#navigation li.port {float:left; height:60px; margin: 13px 0 0 0; width:100%; background: url("../pieces/images/struckture/navdivide.jpg") bottom no-repeat}
#navigation li span { font-size:20px; text-transform:uppercase; margin: 0 0 0 10px;}
#navigation li span.archive {text-decoration:none; background:none; float:left; width:100%; height:40px; margin:5px 0 0 0; padding:6px 0 0 0; font-size:14px; font-style:italic; border-top:dashed 1px #CCC;}
#navigation li span.archive a {color: #333;}
#navigation li span.archive a:hover {color: #999; background: none}
#navigation li a { text-decoration:none; background:#FFF; float:left; width:280px; margin: 0 0 0 10px;}
#navigation li a:hover {float:left; width:280px;margin: 0 0 0 10px; background: url("../pieces/images/struckture/navhover.jpg") bottom no-repeat}



#contenttext {float:left; width:630px; margin: 10px 0 50px 20px}

.divide {width:100%; margin: 20px 0; border-bottom:1px #999 dashed;}
.divide2 {width:100%; margin: 20px 0; border-bottom:none; width:630px; float:left;}

<!---/// gallery sliders //// --->>>


#contentgallery {float:left; width:630px; margin: 0px 0 50px 0; padding:0}



div.wrap{
width:630px;
float:left;
margin: 0 0 0 -140px;
text-align:left;
}
div#top div#nav{
float:left;
clear:both;
width:630px;
height:52px;
margin:22px 0 0;
background:url url(../pieces/images/structure/nav-bg.png) 0 0 no-repeat;
}
div#top div#nav ul{
float:left;
width:630px;
height:52px;
list-style-type:none;
}
div#nav ul li{
float:left;
height:52px;
}
div#nav ul li a{
border:0;
height:52px;
display:block;
line-height:52px;
text-indent:-9999px;
}
div#header{
margin:-1px 0 0;
}
div#video-header{
height:430px;
margin:-1px 0 0;
}
div#header div.wrap{
height:430px;
background:url(../pieces/images/struckture/header-bgblah.png) 50% 0 no-repeat;
}
div#header div#slide-holder{
z-index:40;
width:630px;
height:430px;
position:absolute;
margin: 00px 0 0 152px;
}
div#header div#slide-holder div#slide-runner{
top:9px;
left:9px;
width:630px;
height:430px;
overflow:hidden;
position:absolute;
}
div#header div#slide-holder img{
margin:0;
display:none;
position:absolute;
}
div#header div#slide-holder div#slide-controls{
left:0;
bottom:0px;
width:630px;
height:46px;
display:none;
position:absolute;
background:url(../pieces/images/structure/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text{
float:left;
color:#fff;
display:inline;
font-size:10px;
line-height:16px;
margin:15px 0 0 20px;
text-transform:uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav{
float:right;
height:24px;
display:inline;
margin:11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a{
float:left;
width:24px;
height:24px;
display:inline;
font-size:11px;
margin:0 5px 0 0;
line-height:24px;
font-weight:bold;
text-align:center;
text-decoration:none;
background-position:0 0;
background-repeat:no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on{
background-position:0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(../pieces/images/structure/silde-nav.png);}
div#nav ul li a{background:url(../pieces/images/structure/nav.png) no-repeat;} 

#leftport {width:300px; float:left; padding:0}
.previous {width:150px; float:left; margin: 15px 0 0 0px; font-size:16px}
#rightport {width:300px; float:left; margin: 0 0 0 28px; padding:0}
.more {width:120px; float:left; margin: 15px 0 0 200px; font-size:16px}

*html #rightport {width:300px; float:left; margin: 0 0 0 10px; padding:0}




<!---/// portfolio boxes //// --->>>



		*{ padding:0px; margin:0px; }
			h3{ margin: 10px 10px 0 10px; color:#FFF; font:18pt Arial, sans-serif; letter-spacing:-1px; font-weight: bold;  }
			
			.boxgrid{ 
				width: 300px; 
				height: 140px; 
				margin:25px 0 0 0; 
				float:left; 
				background:#161613; 
				border: none; 
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p{ 
					padding: 0 10px; 
					color:#afafaf; 
					font-weight:bold; 
					font:10pt "Lucida Grande", Arial, sans-serif; 
				}
				
				
			.boxgrid p a {color:#999; margin:2px 0 0 0;}
			.boxgrid p a:hover {color: #CCCCCC}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				background: #000; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 140;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
		







#issuu {width:310px; float:left; margin: 50px 0 0 100px}



#contact {width:306px; float:left; }
#contact h2 {float:left; width:306px; height:40px; background:url("../pieces/images/structure/footerdivides.jpg") bottom no-repeat; text-transform:uppercase }




#selectedwork {width:306px; float:left; margin: 0 0 0 20px}
#selectedwork h2 {float:left; width:306px; height:40px; background:url("../pieces/images/structure/footerdivides.jpg") bottom no-repeat; text-transform:uppercase }


#project1 {float:left; width:300px; height:46px; display:block; margin:10px 5px 5px 5px; padding:0;background:url("../pieces/images/gallery/thumbs/bowsmall.jpg") no-repeat #fff; background-position:left}
#project1 span {float:left; width:170px; margin: 0 0 0 130px; padding: 0; font-style:italic;}

#project2 {float:left; width:300px; height:46px; display:block; margin:10px 5px 5px 5px; padding:0;background:url("../pieces/images/gallery/thumbs/drawingsmall.jpg") no-repeat #fff; background-position:left}
#project2 span {float:left; width:170px; margin: 0 0 0 130px; padding: 0; font-style:italic;}


#project3 {float:left; width:300px; height:46px; display:block; margin:10px 5px 5px 5px; padding:0;background:url("../pieces/images/gallery/thumbs/lemonsmall.jpg") no-repeat #fff; background-position:left}
#project3 span {float:left; width:170px; margin: 0 0 0 130px; padding: 0; font-style:italic;}


#project4 {float:left; width:300px; height:46px; display:block; margin:10px 5px 5px 5px; padding:0;background:url("../pieces/images/gallery/thumbs/websmall.jpg") no-repeat #fff; background-position:left}
#project4 span {float:left; width:170px; margin: 0 0 0 130px; padding: 0; font-style:italic;}







#news {width:306px; float:left; margin: 0 0 0 20px}
#news h2 {float:left; width:306px; height:40px; background:url("../pieces/images/structure/footerdivides.jpg") bottom no-repeat; text-transform:uppercase }
#news span {font-weight:bold}


.sitemap {width:950px; float:left; margin: 20px 0 0 0}

.sitemap a {font-size:12px; font-weight:lighter; }











#footer {width:960px; float:left; margin:0 0 100px 0; padding:0}