@charset "utf-8";

body{				background-color:#000000;
					margin:0;
					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#ababab;}
					
h1{					font-family:Arial, Helvetica, sans-serif;
					font-size:12px;
					color:#ababab;
					margin:0;
					padding:0;}
					
h2{					font-family:Arial, Helvetica, sans-serif;
					font-size:11px;
					color:#ababab;
					margin-bottom:4px;
					font-weight:normal;}

#container { 		width:846px;
			 		height:auto;
			 		margin:0 auto 0 auto;}
			 
/*------------------------------- home and sitemap ------------------------------------------------------------ */

#top{				width:846px;
					height:32px;
					border-bottom:2px solid #1c1c1c;
					padding-top:11px;}
			
.sitemap{			font-family:Arial;
					font-size:11px;
					text-align:right;
					padding-right:12px;
					color:#333333;}

.sitemap a{			text-decoration:none;
					color:#333333;}
.sitemap a:hover{ 	color:#FFFFFF;}
/*------------------------------- top banner starts ------------------------------------------------------------ */

#banner{			width:846px;
					height:155px;}
					
#left{				width:555px;
					height:155px;
					float:left;
					background:url(../images/banner_bg.jpg) repeat-x;}
					
#right{				width:291px;
					height:155px;
					float:right;}

/*------------------------------- navigation starts ------------------------------------------------------------ */

#navigation{		width:846px;
					height:42px;
					background:url(../images/navigation_bg.jpg) repeat-x;}
					
#navigation ul{ 	list-style-type:none; 
					margin:0; 
					padding:0;}

#navigation ul li{	float:left; margin:0; padding:0;}

#navigation ul a{	display:block;
					width:140px;
					height:42px;
					line-height:42px;
					text-align:center;
					text-decoration:none;
					font-family:Arial;
					font-size:11px;
					color:#999999;
					border-right:1px solid #000000}
					
#navigation ul a:hover{	color:#FFFFFF;}

/*------------------------------- bottom_banner ------------------------------------------------------------ */

#bottom_banner{		width:846px;
					height:142px;
					background:url(../images/bottom_bg_background.jpg) repeat-x;
					padding:0;
					margin:0;}

#bottom_banner img{float:right;}

/*------------------------------- Latest Work ------------------------------------------------------------ */

#latestwork{		width:846px;
					height:137px;
					background-color:#1c1c1c;
					clear:both;}
					
.latesttext{		width:846px; 
					height:15px; 
					text-align:center;
					padding:10px 0 10px 0;}

.thumbnails{		height:80px;}

.thumbnails ul{		margin:0; 
					padding:0; 
					list-style-type:none;}

.thumbnails li{		float:left; 
					margin-left:45px;}
					
/*------------------------------- content ------------------------------------------------------------ */

#content{			width:846px;
					height:auto;
					margin-top:10px;}
					
#colOne{			width:330px;
					height:509px;
					float:left;
					border-right:2px solid #131313;}
					
.gallery{			width:315px;
					height:89px;}										
					
#colTwo{			width:514px;
					height:509px;
					float:right;}
					
/* ---------------------------------------- bottom ------------------------------------------------------------*/

#bottom{			width:846px;
					border-left: 1px solid #1c1c1c;
					border-right: 1px solid #1c1c1c;
					height:auto;
					clear:both;
					margin:0 auto 0 auto;}

#bottomdevider{		width:844px;
					height:40px;
					background-color:#1c1c1c;}
					
#bottomcontents{	width:844px;
					height:159px;
					background:url(../images/bottom_bg.jpg) repeat-x;
					border-bottom: 1px solid #1c1c1c;}
					
.next{				clear:both; 
					width:846px; 
					height:28px;
					margin-bottom:20px;
					float:right;}
					
.next ul{			padding:0px;
					margin:0px;
					list-style-type:none;}

.next ul li{		width:71px;
					height:28px;
					padding:0px;
					margin:0px;
					list-style-type:none;
					float:right;
					margin-left:1px;}
					
.next a{			text-decoration:none;
					display:block;
					width:71px;
					height:28px;
					color:#888888;
					text-align:center;
					line-height:28px;
					background-color:#333333;
					float:right;}
					
.next a:hover{		color:#FFFFFF;}