/* Primary type definitions sections */

/* Cross-browser reset */
/* body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,blockquote,th /* ,td{margin:0;padding:0;} */
/* table{border-collapse:collapse;border-spacing:0;} /*
/* fieldset,img{border:0;} /*
/* li{list-style:none;} /*
/* q:before,q:after{content:'';} /*
/* abbr,acronym {border:0;} /*
/* del,ins{text-decoration:none;} /*



/* Primary layout sections */

body 
{
 	font: 13px/18px "Lucida Grande", Geneva, Arial, Verdana, sans-serif; 
 	background-color:#000; 
 	color:#fff;
  	margin: 0 0 0 0; /* (top, right, bottom, left) */
  	padding: 0 0 0 0;
  	text-align: center;
}


#outerwrapper	
	{
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	border: 0;
	width: 900px;
	text-align: left;
	background-color: #000;
	clear: both;
	}
	
#header	
	{
	display: block;
	position: relative;
	float: left;
	width: 900px;
	height: 80px;
	padding: 0;
	border: 0;
	margin: 0;
	background-color: #000;
	}	
	
#navigation	
	{
	display: block;
	position: relative;
	float: left;
	width: 900px;
	height: 41px;
	padding: 20px 0 20px 0;
	border: 0;
	margin: 0;
	background-color: #000;
	z-index: 2;
	}		
	

#content 
	{
	display: block;
	width: 900px;
	height: auto;
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: #000;
	}
	
#hurry 
	{
	display: block;
	width: 425px;
	height: 50px;
	position: absolute; left: 500px; top: 15px;
	float: left;
	padding: 0;
	margin: 0;
	border: 0;
	z-index: 100;
	}
	
	
#footer
	{
	width: 900px;
	height: auto;
	position: relative;
	display: block;
	float: left;
	text-align: center;
	padding-top: 25px;
	margin: 0;
	background-color: #000;
	border-top: 1px solid #929396;
	}


/* Index Page Recent Work */	

.picrow
	{
	display: block;
	width: 423px;
	height: auto;
	position: relative;
	float: left;
	padding: 1px;
	margin: 0;
	border: 0;
	background-color: transparent;
	text-align: center;
	}
	
.piccol
	{
	display: block;
	width: 135px;
	height: 135px;
	position: relative;
	float: left;
	padding: 3px;
	margin: 0;
	border: 0;
	background-color: transparent;
	text-align: center;
	}
	
	
/* home layout */	

#leftblock
	{
	display: block;
	width: 425px;
	height: auto;
	position: relative;
	text-align: justify;
	float: left;
	padding-right: 24px;
	margin: 0;
	background-color: #000;
	border-right: 1px solid #929396;
	}	
	
#rightblock
	{
	display: block;
	width: 425px;
	height: auto;
	position: relative;
	text-align: justify;
	float: left;
	padding-left: 25px;
	margin: 0;
	background-color: #000;
	
	}
	
#leftprod
	{
	display: block;
	width: 425px;
	height: auto;
	position: relative;
	text-align: justify;
	float: left;
	padding-right: 24px;
	margin: 0;
	background-color: #000;
	}
	
#rightprod
	{
	display: block;
	width: 425px;
	height: auto;
	position: relative;
	text-align: justify;
	float: left;
	padding-left: 25px;
	margin: 0;
	background-color: #000;
	}	
	
#flashcontent /* home layout for video */
	{
	display: block;
	width: 900px;
	height: 260px;
	position: relative;
	float: left;
	padding-bottom: 25px;
	margin: 0;
	background-color: #000;
	}	
	
#clients /* clients*/
	{
	display: block;
	width: 900px;
	height: auto;
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	background-color: #000;
	}	
	
.ccol
	{
	background-color: transparent;
	width: 300px;
	height: auto;
	text-align: left;
	padding: 0;
	border: 0;
	display: block;
	margin: 0;
	position: relative;
	float: left;
	}	
	
	
#links /* links*/
	{
	display: block;
	width: 720px;
	height: auto;
	position: relative;
	float: left;
	padding-right: 20px;
	margin: 0;
	background-color: #000;
	}
	
#links2
	{
	display: block;
	width: 160px;
	height: auto;
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	background-color: #000;
	}		
	
/* portfolio layout */	

#homepicstyles
	{
	display: block;
	width: 900px;
	height: auto;
	position: relative;
	float: left;
	padding: 10px 0 10px 0 ;
	margin: 0;
	border: 0;
	background-color: transparent;
	}

	
.quicklink
	{
	display: block;
	width: 900px;
	height: auto;
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: transparent;
	text-align: left;
	}
	
.qlleft
	{
	display: block;
	width: 450px;
	height: auto;
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: transparent;
	text-align: left;
	}
	
.qlright
	{
	display: block;
	width: 450px;
	height: auto;
	position: relative;
	float: right;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: transparent;
	text-align: right;
	}	

#portfoliomenu
	{
	display: block;
	width: 900px;
	height: auto;
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
	border: 0;
	background-color: transparent;
	}
	
.photo 
	{
	width: 118px;
	height: 118px;
    padding:3px;
	border: 1px solid #000;
	background-color: transparent;
	}
	


/* Easy Slider */	



	#slider ul, #slider li,
	#slider2 ul, #slider2 li
	{
		margin:0;
		padding:0;
		list-style:none;
		}
		
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:900px;
		height:470px;
		overflow:hidden; 
		}
		
	
		
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:30px;
		position:absolute;
		left:-30px;
		top:180px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:900px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(../images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(../images/btn_next.gif) no-repeat 0 0;	
		}
		
#contentslider{
		position:absolute;
		left: 100px
		}	
		
/* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */		
		
	/* numeric controls */	

	ol#controls{
		margin:1em 0;
		padding:0;
		height:18px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:18px;
		line-height:18px;
		}
	ol#controls li a{
		float:left;
		height:18px;
		line-height:18px;
		border:1px solid #666;
		background:url(../images/btn_black.gif) no-repeat 0 0;
		/* background:#DAF3F8; */
		/* color:#555; */
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background: #bf1e2e;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
	
/* // Easy Slider */


	

	
/* type styles */	



h1
	 { 
	 font:bold 1.5em "Trebuchet MS", sans-serif;
	 letter-spacing:1px; 
	 color: #fff;
	 line-height: 2em;
	 text-align: left; 
	 }	

h2
	 { 
	 font:bold 1.2em "Trebuchet MS", sans-serif; 
	 color: #fff;
	 line-height: 2em;
	 text-align: left; 
	 }		 
	 
	
.commentcopy
	{
	font-size: 11px;
	text-align: left;
	}	


.newscopy
	{
	font-size: 9px;
	text-align: left;
	line-height: 12px;
	}	
	 
.copyright
	{
	font-size: 9px;
	text-align: center;
	color: #fff;
	}
	
.latest
	{
	font-size: 11px;
	text-align: left;
	color: #fff;
	font-style: italic;
	}	
	

a:link 
	{
	color: #aaa;
	text-decoration: none;
	font-weight: bold;
	background-color: transparent
	}

a:visited 
	{
	color: #aaa;
	text-decoration: underline;
	font-weight: bold;
	background-color: transparent
	}

a:hover 
	{
	color: #aaa;
	text-decoration: none;
	font-weight: bold;
	background-color: transparent
	}

	
#footer a:link
	{    
	background-color: transparent;
	color: #929396; 
	font-size: 9px;
	font-weight: bold; 
	text-decoration: none; 
	}
	
#footer a:visited 
	{   
	background-color: transparent;
	color: #929396; 
	font-size: 9px;
	font-weight: bold;
	text-decoration: none; 
	}

#footer a:hover  
	{ 
	background-color: transparent;
	color: #929396;
	font-size: 9px;
	font-weight: bold; 
	text-decoration: underline; 
	}