/* CSS Document */
body{
	background:url(../images/bg.jpg) 0 0;
	margin:0;
	padding:0;
	font:normal 13px Trebuchet MS;
	color:#666666;
		}
html > body{
	font-size:9.5pt;
}
html{
	min-height: 100%;
	height:auto;	
}
	form,table,p,h1,h2,h3,h4,h5,h6,ul,li,div,dl{
		margin:0;
		padding:0;
	}
	li{
		padding:0;
		margin:0;
		list-style:none;
	}
	a{
	text-decoration:none;
	outline:none;
	color:#000;
	}
	a:hover
	{
	text-decoration:underline;
	}
	
	img{
		border:0;
	}
/* CSS Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */
.clsFloatLeft {
	float:left;
	}
.clsFloatRight {
	float:none;
	visibility: hidden;
	background-image: none;
	}
#selTopMenu .clsNoBorder {
	background:none;
	}
/* END OF COMMON CSS */
/* BEGIN WRAPPER */
.wrapper {
	background:url(../images/rap_bg.jpg) repeat-y;
	margin:0 auto;
	width:917px;
	}
/* BEGIN BANNER */
#banner {
	background:url(../images/banner2.jpg) no-repeat 0 0;
	height:520px;
	}
/* LOGO */
#selLogo {
	padding:197px 0 0 268px;
	}
#selLogo h1 {
	background:url(../images/logo.gif) no-repeat 0 0;
	height:96px;
	}
#selLogo h1 a {
	display:block;
	overflow:hidden;
	text-indent:-2000em;
	width:320px;
	height:96px;
	}
/* END OF LOGO */
/* TOP NAV MENU */
#selTopMenu {
	width:485px;
	padding-right: 10px;
	}
.menu_left {
	background:url(../images/menu_left.jpg) no-repeat left center;
	padding-left:7px;
	}
.menu_right {
	background:url(../images/menu_right.jpg) no-repeat right center;
	padding-right:7px;
		}
.menu_center {
	background:url(../images/menu_center.jpg) repeat-x  0 0;
	height:37px;
		}
#selTopMenu ul {
	font:normal 12px Arial;
	margin:0 0 0 10px;
	}
#selTopMenu li{
	overflow: hidden; 
	float: left; 
	height:37px;

	background:url(../images/li_border.jpg) no-repeat right 12px;
	margin-right:4px;
	padding-right:4px;
	}
#selTopMenu ul a, #selTopMenu ul span {
	padding: 10px 10px; 
	float:left; 
	text-decoration: none; 
	color:#dce686;
	text-transform:uppercase;
	clear:both;
	}
#selTopMenu ul span {
	display: none;
	}	
#selTopMenu li a:hover {	color: #ffffff; }
/* END OF TOP MENU */
/* END OF BANNER */
/* BEGIN MAIN CONTENT */	
#content {
	padding:0 20px 20px 26px;
	}
/* BEGIN WELCOME */		
.clsWelcome {
	padding-top: 0;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 0;
	}
#content h2 {
	background:url(../images/h2_bg.jpg) no-repeat left;
	height:31px;
	font:bold 18px Tempus Sans ITC;
	color:#dce686;
	text-transform:uppercase;
	padding:10px 0 0 62px;
	font-family: Papyrus;
	}
#content h3 {
	background:url(../images/h3_bg.jpg) no-repeat left;
	height:31px;
	font:bold 18px Tempus Sans ITC ;
	color:#dce686;
	text-transform:uppercase;
	padding:10px 0 0 62px;
	}	
#content h5 {
	background:url(../images/h5_bg.jpg) no-repeat left;
	height:30px;
	font:bold 18px Tempus Sans ITC ;
	color:#dce686;
	text-transform:uppercase;
	padding:10px 0 0 62px;
	}		
#content h4 {
	background:url(../images/h4_bg.jpg) no-repeat left;
	height:31px;
	font:bold 18px Tempus Sans ITC ;
	color:#dce686;
	text-transform:uppercase;
	padding:10px 0 0 62px;
	}	
.clsWelcome p {
	color:#5c5c59;
	padding-top:50px;
	line-height:25px;
	text-align: center;
	font-size: 18px;
	}
.clsWelcome p img {
	border:1.5px solid #333333;
	float:left;
	margin-right:35px;
	}
.clsWelcome p span a {
	color:#dce686;
	}
/*END OF WELCOME */	
/* BEGIN SERVICES */
#selService {
	margin-bottom:60px;
	}
/* WHAT WE DO */	
.clsWhat {
	width:475px;
	}
.clsWhat p {
	color:#5c5c59;
	font-size:13px;
	padding-top:20px;
	line-height:20px;
	}
.clsWhat ul {
	margin-top:30px;
	overflow:hidden;
	margin-left:20px;
	}
.clsWhat li {
	width:200px;
	background:url(../images/li_icon.jpg) no-repeat left;
	padding-left:20px;
	float:left;
	}
.clsWhat li a {
	color:#dce686;
	font-size:13px;
	line-height:20px;
	display:block;
	}
/* END OF WHAT WE DO */	
/* OUR VISION */
.clsVision	{
	width:337px;
	}
.clsVision img {
	border:1.5px solid #333333;
	margin-top:18px;
	}	
.clsVision p {
	color:#767673;
	padding-top:16px;
	line-height:19px;
	}
/* END OF OUR VISION */
/* PORTFOLIO */
.clsPortfolio ul {
	overflow:hidden;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 180px;
	}
.clsPortfolio li {
	width:238px;
	float:left;
	margin-right:26px;
	color:#CCC;
	font-size:16px;
	padding-left:11px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: left;
	font-family: "Times New Roman", Times, serif;
	}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
/* PRIMARY CONTACT */	
.clsPrimary {
	margin:0 0 60px 0;
	text-align: left;
	color: #CCC;
	font-family: "Courier New", Courier, monospace;
	}	
.clsPrimary ul {
	margin:30px 0 10px 10px;
	overflow:hidden;
	}	
.clsPrimary li {
	float:left;
	font:normal 13px Trebuchet MS;
	margin-right:20px;
	}		
.clsPrimary li img {
	border:2px solid #333333;
	}		
.clsPrimary li p {
	color:#666666;
	line-height:20px;
	}
.clsPrimary li p a {
	color:#666666;
	} 
/* END OF PRIMARY CONTACT */		
/* CONTACT FORM */
.clsForm {
	margin:0 0 0 30px;
	}	
.clsContact p {
	color:#666666;
	margin:30px 260px 20px 0;
	}		
.clsCommon {
	width:615px;
	}		
.clsCommonLeft {
	float:left;
	width:270px;
	}	
.clsForm p {
	margin-bottom:10px;
	}	
.clsForm p label {
	font:normal 13px Trebuchet MS;
	color:#666666;
	}
.clsForm .clsTextBox {
	width:210px;
	height:23px;
	}
input, textarea, select {
	border:1px solid #323232;
	background-color:#141414;
	-moz-border-radius:3px;
  	-webkit-border-radius:3px;
	}	
.clsForm .clsTextArea {
	height:95px;
	width:320px;
	}	
.clsCommonRight {
	float:right;
	width:320px;
	}	
.clsButton {
	background:url(../images/btn.jpg) no-repeat 0 0;
	width:57px;
	height:18px;
	color:#000000;
	cursor:pointer;
	font:normal 13px Trebuchet MS;
	border:none;
	}	
/* END OF CONTACT FORM */	
/* END OF PORTFOLIO */
/* ABOUT US */	
.clsAboutInner {
	margin:50px 0 0;
	padding-bottom:10px;
	}
.clsAboutInner p img {
	border:2px solid #333333;
	float:left;
	margin-right:15px;
		}
.clsAboutInner  p {
	color:#666666;
	padding:0 30px 0 0;
	}		
#selCategories {
	margin:60px 0 40px 0;
	}	
/* LATEST NEWS */		
#selLatestNews {
	width:320px;
	}
.clsLatest {
	padding:20px 20px 0 20px;
	}	
.clsLatest a {
	color:#DCE686;
	background:url(../images/li_icon.jpg) no-repeat left;
	padding:0 0 0 18px;
	}
.clsLatest  p {
	color:#666666;
	padding:4px 10px 6px 16px;
	}	
.clsLatest  span a {
	color:#DCE686;
	padding:0 0 0 16px;
	background:none;
	}	
#selWhoWeAre {
	width:460px;
	}
.clsWho {
	padding:10px 24px 0 10px;
	}	
.clsWho p img {
	border:2px solid #333333;
	float:left;
	margin-right:8px;
	}
.clsWho span {
	font-weight:bold;
	color:#666666;
	}		
.clsWho p {
	color:#666666;
	padding:6px 0 0 0;
	}
.clsWho ul {
	margin:10px 0 0 0;
	}
.clsWho li {
	background:url(../images/li_icon.jpg) no-repeat left;
	padding:0 0 0 15px;
	display:block;
	line-height:22px;
	}	
.clsWho li a {
	color:#666666;
	}	
/* END OF LATEST*/		
#selRecent {
	margin:20px 0 0 0;
	}	
#selRecent ul {
	margin:25px 0 20px 25px;
	padding-bottom:20px;
	}
#selRecent li {
	display:inline-block;
	margin-right:20px;
	width:250px;
	}
#selRecent li img {
	float:left;
	margin-right:8px;
	border:1px solid #333333;
	}
#selRecent li span a {
	color:#DCE686;
	text-decoration:underline;
	}	
#selRecent li p {
	padding:5px 0 0 0;
	}		

.clsServiceBox {
	width:270px;
	margin:40px 20px 0 0;
	padding:25px 0;
	}	
.clsServiceBox h6 {
	font:bold 18px Tempus Sans ITC ;
	color:#dce686;
	text-transform:uppercase;
	padding-bottom:10px;
	margin-bottom:20px;
	border-bottom:1px dotted #7e735d;
	}
/* COMMON SERVICE BOX */		
.clsServiceBox li {
	display:inline;
	clear:both;
	}	
.clsServiceBox li img {
	border:2px solid #333333;
	float:left;
	margin-right:12px;
	}
.clsServiceBox li span {
	color:#666666;	
	}
.clsServiceBox li  p {
	color:#666666;
	padding:15px 0 10px 0;
	}
.clsServiceBox li span a {
	color:#DCE686;	
	}
/* END OF COMMON SERVICE BOX */			
#selFeature{
	margin:30px 0 20px 0;
	padding-bottom:35px;
	}
.clsServiceBoxTwo {
	margin:30px 40px 0 10px;
	width:380px;
	}
.clsServiceBoxTwo img {
 	border:2px solid #333333;	
	float:left;
	margin-right:20px;
	}
.clsServiceBoxTwo span {
	color:#666666;
	font-weight:bold;
	}
.clsServiceBoxTwo ul {
	margin:12px 0 0 0;
	}	
.clsServiceBoxTwo li {
	background:url(../images/li_icon.jpg) no-repeat left;
	padding-left:18px;
	display:inline-block;
	line-height:24px;
	}
.clsServiceBoxTwo li a {
	color:#666666;
	}	
#selPortList {
	width:210px;
	margin:20px 45px 0 0;
	}	
* html #selPortList {
	width:198px;
	}	
 /* PORTFOLIO GALLERY */	
.clsGallery {
	margin:40px 0 0 40px;
	}	
.clsGallery img {
	float:left;
	margin-right:15px;	
	border:1.5px dashed #2c2929;	
	}
.clsGallery p {
	font:normal 12px Arial;
	color:#464646;
	padding-top:15px;
	}
.clsGallery ul {
	overflow:hidden;
	width:230px;
	}	
.clsGallery li {
	float:left;
	width:100px;
	margin:0 8px 14px 0;
	}
* html .clsGallery li {
	margin:0 0 6px 0;
	}
.clsGallery li img {
	border:2px solid #2c2929;		
	}
.clsGallery li a {
	color:#5c478c;
	font:normal 12px Arial;
	}	
.clsGallery li span a {
	color:#dce686;
	background:url(../images/page_bg.jpg) no-repeat center;
	padding-right:5px;
	font:normal 13px Trebuchet MS;
	text-decoration:underline;
	}

#gallery_output {
	float: left;
	overflow: hidden;
	width:310px;
	height:190px;
	padding-right:25px;
	}
#gallery_output img {
	display: block;
	margin:5px auto 0 auto;
	}	
#gallery_outputsecond {
	float: left;
	overflow: hidden;
	width:320px;
	height:190px;
	}
#gallery_outputsecond img {
	display: block;
	margin:5px auto 0 auto;
	}		
.clsList span {
	color:#ccff99;
	font:normal 13px Trebuchet MS;
	font-weight:bold;	
	}
.clsList ul {
	border-top:1px dotted #7E735D;
	margin:8px 0 0 0;
	padding-top:16px;
	}
.clsList li {
	background:url(../images/li_icon.jpg) no-repeat left;
	padding-left:14px;
	color:#666666;
	line-height:24px;
	}	
.clsList li a {
	color:#666666;
	}
#selRecentWorks{
	margin:30px 0 0 0;
	}	
#selRecentList {
	width:210px;
	margin:20px 70px 0 0;
	}	
* html #selRecentList {
	width:198px;
	}
/* END OF CONTENT*/										
/* BEGIN FOOTER */
#footer {
	clear:both;	
	background:url(../images/footer.jpg);
	border:1px dashed #303126;
	margin:15px auto 80px;
	text-align:center;
	padding:25px 0 20px 0;
	}
#footer p {
	font:normal 12px Arial;
	color:#dce686;
	text-transform:uppercase;
	}
#footer ul {
	}
#footer li {
	display:inline;
	}	
#footer li a{
	font:normal 12px Arial;
	text-transform:uppercase;
	color:#dce686;
	padding:0 10px;
	}	
		
/* COMMON W3C VALID LINKS  */	
#selValid {
	text-align:center;
	padding:20px 0 0 0;
	}	
#selValid p {
	color:#dce686;
	padding:5px;
	}
#selValid p a {
	color:#77b81a;
	}	
/* END OF COMMON W3C VALID LINKS  */	
/* END OF FOOTER */
/* END OF WRAPPER */	
	
.wrapper #content .clsWelcome p {
	font-family: "Times New Roman", Times, serif;
}
.wrapper #content .clsWelcome p {
	color: #CCC;
}
.wrapper #content .clsPrimary p {
	font-family: "Times New Roman", Times, serif;
}
.wrapper #content .clsPrimary p {
	font-size: 18pt;
}
.wrapper #content .clsPrimary p {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.wrapper #content .clsPrimary p {
	font-family: "Courier New", Courier, monospace;
}