body {
	margin:0;
	padding:0 0 0px;
	text-align:center;
	color:#000;
	background-color: #222222;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(images/bgbody.gif);
  }
h1, h2, h3, h4, h5, h6 {font-size:100%; margin:0; padding:0; display:inline }
#header span {
  display: none;
  }
  
#nav span{
	display: none;
}

#services_top span{
		display: none;
	}
#right_top span{
	display: none;
}
img {
  border: 0;
}  

/* Page Structure
----------------------------------------------- */
#wrap {
	position:relative;
	top:0px;
	left:0px;
	width:900px;
	text-align:left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
  }
#header{
	width:900px;
	height:121px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(images/top.jpg);
	background-repeat: no-repeat;

}
	#header h1{
	display: none;
}
  #nav {
	width:900px;
	height:25px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	background-image: url(images/bgmenu.gif);
	background-repeat: repeat-x;	
    }
    
    #nav ul {
	list-style-type: none;
	position:absolute;
	left:0px;
	top:0px;
	height:25px;
	margin:0px;
	padding: 0px;
    }
    
        #nav li {
		display: inline;
		margin:0px;
		padding: 0px;
        }
        
        #nav li a {
          float: left;
          display: block;
          height: 25px;
		  margin:0px;
        }
#menu-bottom-inner{
	height: 20px;
	width: 900px;
	clear: both;
			}
		#n1 {
			background-image: url(images/home.jpg);
			width:87px;
			background-position: left top;
			background-repeat: no-repeat;
			margin:0px;
			}
        #n2 {
			background-image: url(images/know-us.jpg);
			width:112px;
			background-repeat: no-repeat;
			background-position: top;
			}
        #n3 {
			background-image: url(images/show-case.jpg);
			width:122px;
			background-repeat: no-repeat;
			background-position: bottom;
			}
        #n4 {
			background-image: url(images/what-we-do.jpg);
			width:123px;
			background-repeat: no-repeat;
			background-position: top;
			}
        #n5 {
			background-image: url(images/client-speak.jpg);
			width:129px;
			background-repeat: no-repeat;
			background-position: bottom;
			}
			
		 #n6 {
			background-image: url(images/contact.jpg);
			width:98px;
			background-repeat: no-repeat;
			background-position: bottom;
			}
      
        #n1:hover {
			background-image: url(images/home-select.jpg);
			width:87px;
			background-position: top;
			background-repeat: no-repeat;
			margin:0px;
			}
        #n2:hover {
			background-image: url(images/know-us-select.jpg);
			width:112px;
			background-repeat: no-repeat;
			background-position: top;

			}
        #n3:hover {
			background-image: url(images/show-case-select.jpg);
			width:122px;
			background-repeat: no-repeat;
			background-position: bottom;
			}
        #n4:hover {
			background-image: url(images/what-we-do-select.jpg);
			width:123px;
			background-repeat: no-repeat;
			background-position: top;
			}
        #n5:hover {
			background-image: url(images/client-speak-select.jpg);
			width:129px;
			background-repeat: no-repeat;
			background-position: bottom;
			}
		#n6:hover {
			background-image: url(images/contact-select.jpg);
			width:98px;
			background-repeat: no-repeat;
			background-position: bottom;
			}
	
	#menu-bottom {
	width:900px;
	height:277px;
	background-image: url(images/nav-bottom.jpg);
	background-repeat: no-repeat;
	position: relative;
	clear: both;
   				}
			#menu-bottom1 {
			width:900px;
			height:317px;
			background-image: url(images/bgknowus.jpg);
			background-repeat: no-repeat;
			position: relative;
			clear: both;
   				}
				#menu-bottom-what-we-do {
				width:900px;
				height:317px;
				background-image: url(images/bgwhat-we-do.jpg);
				background-repeat: no-repeat;
				position: relative;
				clear: both;
   				}
				#menu-bottom-contact-us {
				width:900px;
				height:64px;
				background-image: url(images/bgcontactus.jpg);
				background-repeat: no-repeat;
				position: relative;
				clear: both;
   				}
				#menu-bottom-client-speak{
				width:900px;
				height:54px;
				background-image: url(images/bgclientspeak.jpg);
				background-repeat: no-repeat;
				position: relative;
				clear: both;
				padding-bottom: 10px;
   				}
	#category-heading
		{
			position:relative;
			width:900px;
			height:28px;
			background-color: #222222;
			padding-bottom: 20px;
		}
		#category-heading ul {
			list-style-type: none;
			margin: 0px;
			padding: 0px;
    	}

		 #category-heading li {
          display: inline;
        }
			
		#category-heading li a {
		float: left;
		display: block;
        }
			.topw1 {
				width: 190px;
				height: 25px;
				overflow: hidden;
				float: left;
				background-image: url(images/product-top-01.jpg);
				background-repeat: no-repeat;
				font-family: "Trebuchet MS";
				font-size: 17px;
				color: #FFFFFF;
				text-decoration: none;
				padding-left: 32px;
				padding-top: 3px;
				text-transform: uppercase;
						}	
		.topw2 {
			width: 194px;
			height: 25px;
			overflow: hidden;
			float: left;
			background-image: url(images/product-top-02.jpg);
			background-repeat: no-repeat;
			font-family: "Trebuchet MS";
			font-size: 17px;
			color: #FFFFFF;
			text-decoration: none;
			padding-left: 32px;
			padding-top: 3px;
			text-transform: uppercase;
									}	
	#top-catagory {
	position:relative;
	width:900px;
	height:195px;
	background-color: #222222;
		}
			
		#top-catagory ul {
		list-style-type: none;
		margin: 0px;
		padding: 0px;
    	}

		 #top-catagory li {
          display: inline;
        }
			
		#top-catagory li a {
		float: left;
		display: block;
        }
		.w1 {
			width: 218px;
			height: 189px;
			overflow: hidden;
			border: 2px solid #141414;
			float: left;
			margin-right: 3px;
			background-color: #262626;
				}	
				.w1-inner {
					width: 204px;
					height: 175px;
					overflow: hidden;
					border: 1px solid #1B1B1B;
					background-color: #1D1D1D;
					padding-top: 10px;
					padding-left: 10px;
								}	
					.w1-inner p{
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						color: #8F8F8F;
						text-decoration: none;
						padding-left: 20px;
						background-image: url(images/arrow.gif);
						background-repeat: no-repeat;
						line-height: 19px;
						margin-top: 0px;
						margin-right: 0px;
						margin-bottom: 0px;
						margin-left: 2px;							
								}
							
		.w2 {
			width: 218px;
			height: 189px;
			overflow: hidden;
			border: 2px solid #141414;
			float: left;
			margin-right: 3px;
			background-color: #262626;
				}	
				.w2-inner {
					width: 206px;
					height: 175px;
					overflow: hidden;
					border: 1px solid #1B1B1B;
					background-color: #1D1D1D;
					padding-top: 10px;
					padding-left: 10px;
					}
					.w2-inner p{
						font-family: Arial, Helvetica, sans-serif;
						font-size: 12px;
						color: #8F8F8F;
						text-decoration: none;
						padding-left: 20px;
						background-image: url(images/arrow.gif);
						background-repeat: no-repeat;
						line-height: 19px;
						margin-top: 0px;
						margin-right: 0px;
						margin-bottom: 0px;
						margin-left: 2px;		
						
							}
		 
#content{
	width:900px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 30px;
	position: relative;
}

#left_content{
	width:617px;
	float: left;
	padding-left: 15px;
}
#right_content{
	width:266px;
	float: right;
}
#recent_works_top{
	background-image: url(images/recent-works-top.gif);
	background-repeat: no-repeat;
	height: 23px;
	width: 580px;
	text-align: right;
	padding-bottom: 18px;
}
	.recent_works_top_img{
		padding-top: 5px;
		padding-right: 5px;
		padding-left: 5px;
}
	#recent_works_top h3 span{
		display:none;
		margin:0;
		padding:0;
		}

#recent_works_inner{
	width: 546px;
	height: 190px;
	padding-right: 18px;
	padding-left: 18px;
}		
#recent_works{
	width: 580px;
	text-align: left;
	background-color: #383C42;
	border: 1px solid #1E2125;
	height: 232px;
	padding: 1px;
}
	
	
				
		.img_padding{
				padding: 7px;
					}	
#welcome{
	width: 894px;
	background-color: #222222;
	clear: both;
	border: 3px solid #1A1A1A;
}
#welcome_inner{
	font-size: 13px;
	text-decoration: none;
	border: 1px solid #323131;
	font-family: Arial, Helvetica, sans-serif;
	color: #8F8F8F;
	line-height: 16px;
	padding: 20px;
}
#content-contact-us{
	font-size: 13px;
	text-decoration: none;
	border: 1px solid #323131;
	font-family: Arial, Helvetica, sans-serif;
	color: #8F8F8F;
	line-height: 16px;
	background-image: url(images/bgcontact-left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 309px;
}

#content-client-speak-inner{
	font-size: 13px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #8F8F8F;
	line-height: 16px;
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #323131;
	background-image: url(images/client-speak-inner.gif);
	background-repeat: repeat-y;
}
#content-home{
	background-color: #222222;
	clear: both;
	border: 3px solid #1A1A1A;
	margin-bottom: 7px;
}
#content-home_inner{
	font-size: 13px;
	text-decoration: none;
	border: 1px solid #323131;
	font-family: Arial, Helvetica, sans-serif;
	color: #8F8F8F;
	line-height: 16px;
	padding: 20px;
}




/* Links
----------------------------------------------- */

A {
	TEXT-DECORATION: none;
	color: #FFFFFF;
	
}
A:hover {
	COLOR: #E79A0B;
	TEXT-DECORATION: none;
}

/* Header
----------------------------------------------- */

  
H1 {
	FONT-SIZE: 1.75em;
	MARGIN: 5px;
	COLOR: #144054;
	padding-left:5px;
	font-family: Arial, Helvetica, sans-serif;
}
H1 A {
	COLOR: #7b8186
}
H2 {
	FONT-SIZE: 17px;
	COLOR: #FF2B01;
	line-height: 26px;
	padding-bottom: 10px;
	font-family:  "Trebuchet MS";
	font-weight: normal;
	text-transform: uppercase;
}
H3 {
	FONT-SIZE: 1em; PADDING-BOTTOM: 2px; MARGIN: 2em 0px 0px
}
H4 {
	FONT-SIZE: 0.9em; TEXT-TRANSFORM: lowercase; LETTER-SPACING: 2px
}
H5 {
	FONT-SIZE: 0.9em; TEXT-TRANSFORM: lowercase; LETTER-SPACING: 2px
}
H5 {
	COLOR: #7b8186
}
H6 {
	FONT-SIZE: 0.8em; TEXT-TRANSFORM: uppercase; LETTER-SPACING: 2px
}
P {
	MARGIN: 0px 0px 1em
}


/* Print
---------------------------------------------*/

h1 span, h2 span, h3 span, a span {
  display: block;
}

/* subpage-content
----------------------------------------------------*/

#content_top{
	width: 601px;
	padding-top: 20px;
	background-image: url(images/content-top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#content_top_inner{
	padding-right: 30px;
	padding-left: 25px;
	background-image: url(images/welcome-bottom-right.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	font-size: 13px;
	color: #84A7D1;
	text-decoration: none;
	padding-bottom: 25px;
}

FORM {
	BORDER-TOP-WIDTH: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	MARGIN: 0px; 
	BORDER-RIGHT-WIDTH: 0px
}
/* Footer
----------------------------------------------- */
#footer 
    {
	font-size: 12px;
	width:900px;
	height:31px;
	text-align: center;
	position:relative;
	clear: both;
	background-color: #171717;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #7A7A7A;
	padding-top: 27px;
	margin-top: 30px;
    }

	#footer a
    {
	color: #7A7A7A;
    }
	#footer a:hover
    {
	color: #FFB200;
    }
	#footer span
    {
	color: #84A7D1;
    }
#footer span a{
	color: #FF6C00;
	text-decoration: none;
    }
/* sub page
----------------------------------------------- */
#content-sub{
	background-image: url(images/bgportfolio1.gif);
	background-repeat: repeat-y;
	width: 900px;
}
#content-sub-top{
	background-image: url(images/content-top-inner.jpg);
	background-repeat: no-repeat;
	height: 17px;
	width: 900px;
	background-position: top;
	display: table;
}
#content-sub-bottom{
	background-image: url(images/content-bottom-inner.jpg);
	background-repeat: no-repeat;
	width: 900px;
	background-position: top;
	display: table;
	height: 17px;
}
#content-clientspeak{
	width: 900px;
	background-image: url(images/client-speak-body.gif);
	background-repeat: repeat-y;
}
#portfolio-left{
	position:relative;
	float: left;
	width: 606px;
	padding-left: 26px;
	padding-top: 27px;
	padding-right: 10px;
}
.bgshaowcase{
	position:relative;
	width: 606px;
	background-image: url(images/show-case-top.jpg);
	background-repeat: no-repeat;
	height: 27px;
	padding-bottom: 21px;
	
}
#portfolio-right{
	position:relative;
	float: right;
	width: 235px;
	margin-left: 11px;
	padding-top: 27px;
	padding-left: 8px;
}
#category{
	position:relative;
	background-image: url(images/webdesign.jpg);
	background-repeat: no-repeat;
	width: 214px;
	padding-top: 32px;
}
	#category ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	
			}
		#category li{
	list-style-type: none;
	padding-left: 31px;
	padding-top: 4px;
	background-image: url(images/bgcategory.gif);
	background-repeat: no-repeat;
	height: 23px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 6px;
					}
.portfolio-details{
	position:relative;
	width: 606px;
	padding-bottom: 15px;
	clear: both;
}
.portfolio-content-left{
	position:relative;
	float: left;
	width: 143px;
	padding-left: 30px;
	padding-top: 20px;
}
.portfolio-content-right{
	position:relative;
	float: right;
	width: 432px;
}
.project-title{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 17px;
}
.project-details{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 15px;
	padding-bottom: 10px;
}
.project-box{
	background-color: #323131;
	height: 103px;
	width: 405px;
	padding-top: 7px;
	padding-right: 12px;
	padding-bottom: 7px;
	padding-left: 12px;
	float: right;
}
.image-padding{
	padding-right: 10px;
}
#client-top{
	background-image: url(images/client-speak-top.gif);
	background-repeat: no-repeat;
	background-position: top;
	margin: 0px;
	padding: 0px;
}
#client-bottom{
	background-image: url(images/client-speak-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#content-body-inner{
	background-image: url(images/client-speak-body-inner.gif);
	background-repeat: repeat-y;
}
#content-bottom{
	background-image: url(images/client-bottom1.gif);
	background-position: bottom;
	height: 17px;
}
.text-client{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8F8F8F;
	text-decoration: none;
	padding-left: 28px;
	padding-right: 22px;
}

.text-01{
	font-size: 13px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	line-height: 16px;
}
.text-body-grey {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #696969;
	text-decoration: none;
}
.text-box-02{
	height: 138px;
	width: 500px;
	border: 1px solid #FF0000;
}
.text-box-01{
	height: 20px;
	width: 272px;
	border: 1px solid #FF0000;
}

.textContact-us{
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #8F8F8F;
	padding-left: 20px;
}