/* CSS Document */

body {
	margin:0;
	padding: 0;
	text-align: center;
	font: 12px  arial, sans-serif;
	background-color:#000;
	background-image: url(images/bg02.png);}	

h1 {
  padding-bottom: 0em;
  font: 400 1.8em arial, sans-serif;
  color: #000000;
  border-bottom: 12px solid #999;}

h2 {
  font-size: 1.2em;
  color: #666;
  padding-bottom: 0em;
  margin-bottom:0;
  padding-left:5px;
  border-bottom: 2px solid #CCC;}

h3 {
  padding-bottom: 0;
  font-size: 1.2em;
  color: #000;}	

#container-border{
	width:968px;
	background:#000}

#container{
	margin-left:auto;
	margin-right:auto;
	width:960px;
	text-align: center;
	background:#FFFFFF}


/**************************************************************
   Top Block Menu
 **************************************************************/

#menu {
  margin: 0 auto;}

#menu ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
  background: #000 ;}

#menu ul li {
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;}

#menu ul li a {
  float: left;
  width: 20%;
  height: 3.5em;
  font: 400 1.2em arial, sans-serif;
  letter-spacing: 0.1em;
  color: #fff;
  border-top: 7px solid #000;}

#menu ul li a span {
  display: block;
  padding: 2px 7px;}

#menu ul li a span.desc {
  font-size: 0.75em;
  color: #8C8D94;}

#menu ul li a:hover,
#menu ul li a.here {
  background: #000;
  border-top: 7px solid #2c7dbc;}

#menu ul li a:hover span.desc,
#menu ul li a.here span.desc {color: #FFF;}

.horzPad h1,
.horzPad h2,
.horzPad h3,
.horzPad h4,
.horzPad h5,
.horzPad p {
  padding-left: 5px;
  padding-right: 5px;}

/* Links */
a {
  text-decoration: none;
  color: #000000;}

a:hover {
  color: #2c7dbc;}

a img {
  border: 0;}

a img.border {  
  border: 1px solid #000;}

a:hover img.border {  
  /* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */
  border: 1px solid #668FA3 !important;
  border: 1px solid #FC3307;}



.width {
  width: 775px;}
  
 /**************************************************************
  content
 **************************************************************/ 
 
#content{
	background-color:#FFF;
 	padding:0px 10px 10px 10px;
	height:auto}
	
#contentleft{
 	float:left;
	text-align:left;
	width:680px;
 	background-color:#FFF;
	padding-bottom:10px;
  	padding-left:10px;}	
	
#contentright{
 	float:right;
	width:200px;
	background-color:#FFF;
	padding:0 10px 10px 0;}	
	
#contact{
 	background-color:#fff;
 	padding-bottom:10px;
 	padding-left:20px;
 	padding-top:0px;
 	margin:0;
	background-image:url(images/email-header02.jpg);
	background-position:bottom right;
	background-repeat:no-repeat}	
  
#divide{
  	border-top:dotted #666;
  	width:750px }
  
#item{
  	text-align:center;
 	padding:10px}
  
.class1{
	font-size:14px;}

.style2 {font-size: 18px}	
 /**************************************************************
   Thumbnail Lists
 **************************************************************/

ul.thumbs,
ul.thumbs li {
  margin: 0;
  padding: 0;}

ul.thumbs li {
  margin: 0 0 15px 0 !important;
  margin: 0;
  padding: 0px;
  list-style: none;}

a.thumb img {
  border: 5px solid #999;}

a:hover.thumb img {
  background: #8EB4C6;
  border: 5px solid #666666;}

a:hover.thumb {
  background: none;
  color:#666666}

a.thumb span {
  display: block;
  margin-top: 1px !important;
  margin-top: -2px;}
  
  
/**************************************************************
   Client List
 **************************************************************/

#client{
	background-color:#FFFFFF;
	width:550px;
	position:relative;
	top:0;
	left:0;
	padding-bottom:20px;}
	
#client ul {
  	float: left;
  	width: 54em;
  	margin: 0;
  	padding: 0;
 	 list-style: none;}
 
#client li {
  	float: left;
  	width: 16em;
 	margin: 0;
 	 padding: 0;}   
  
/**************************************************************
   Portfolio Menu
 **************************************************************/

#port{
 	background-color:#fff;
 	padding-bottom:10px;
 	padding-left:20px;
 	padding-top:0px;
 	margin:0}
 
#port ul{
 	padding:0;
 	list-style:none;}
 
 /**************************************************************
   Home Menu
 **************************************************************/

#newmain{
 	background-color:#fff;
	width:960px;
 	padding-bottom:10px;
 	padding-left:0px;
 	padding-top:0px;
 	margin:0}
 

 

/**************************************************************
  Footer
 **************************************************************/
 
#footer{
	clear:both;
 	background-color:#000000;
	text-align:right;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:10px;
	margin-bottom:0;
	color:#FFFFFF;}

.link02{color:#FFFFFF;}

/**************************************************************
   js slider
 **************************************************************/

  /* image replacement */
        .graphic, #header h1, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

    /* clearfix */

		#content:after, ul:after{
			content:"."; 
			display:block; 
			height:0; 
			clear:both; 
			visibility:hidden;
			}
		#content, ul{
			display:block;
			}
		/*  \*/
		#content, ul{
			min-height:1%;
			}
		* html #content, * html ul{
			height:1%;
			}

    /* // clearfix */
	
			
	/* slider */

		#slider ul, #slider li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		#slider, #slider li{ 
			height:444px;
			width:960px;
			overflow:hidden;
			}	
		#slider{ 
			margin-left:0px;
			}