@charset "utf-8";
/* CSS Document */


html, body
{
height:100%;
width:100%;
margin:0px;
padding:0px;
background-color:#000000;


}

div{
outline:none;


}

a{
outline:none;


}

a               { color: #E27F9E; text-decoration: none; font-size:12px; font-weight: normal; outline:none 0px;}
a:hover         { color: #5387E0; }

h1   { 
	line-height: 30px; 
	display:inline;  
	color:#cccccc;
	font-family:Georgia, Arial, Verdana, Tahoma;
	font-size:30px;
	color:#cccccc;
	}

.wrapper{

width:100%;
height:100%;


}
h5 {
	color:#c0c0c0;
	font-family: Arial, Verdana, Tahoma;
	font-size:24px;
	line-height:24px;
	display:inline;
	font-weight:normal;
}

a img { border:0px;}



.wrapheader {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    height: 7%;
	background:url(../images/wrap-bg.png) repeat;
	
	
	

}

.wrapheader * {
    vertical-align:bottom;
}

.wrapheader {
    display: block;
}

.wrapheader span {
    display: inline-block;
    height: 100%;
   
}
.wrapbody {
    display: table-cell;   
    vertical-align: middle;
    width: 100%;
	min-height:82%;	
    height: 88% !important;
	height:88%;
	
}

.wrapbody * {
    vertical-align:middle;
}

.wrapbody {
    display: block;
}

.wrapbody span {
    display: inline-block;
    height: 100%;

}
.wrapfooter{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
	
    width: 100%;
    height: 3%;
	padding:0px;
	padding-top:1%;
	margin:0px;
	float:left;
	min-width:984px;
	background-image:url(../images/wrap-bg3.png);
	background-repeat:repeat-x;
	background-position:bottom;
	width:100%;
margin-top /*\**/: 10px\9;

}

.wrapfooter * {
    vertical-align:middle;
}

.wrapfooter {
    display: block;
}

.wrapfooter span {
    display: inline-block;
    height: 100%;
    width: 1px;
}

/*.............top.........*/
#top {
	display:inline-block;
	padding:0px;
	margin:0px;
	padding-left:5%;
	min-width:916px;
	float:left;
	width:94%;
	height:100%;
	

}

#top-left {
	float:left;
	height:10%;
	text-align:left;
	color:#FFFFFF;
	font-family: Arial, Verdana, Tahoma;
	font-size:14px;
	width:70%;
	}
	
#tws {
	margin-top:5px; 
	padding-right:5px;
	 
	width:100%;
	height:1000%; 
	float:left;
	background:url(../images/tws-logo.png) no-repeat;
	
	
	
	}

#tws-slogan {
	display:inline; 
	float:left; 
	width:250px; 
	padding-top:5px; 
	color:#ffffff; 
	font-family:"Times New Roman", Times, serif; 
	font-size:20px;
	vertical-align:top;
		}
		
#top-right {
	padding-top:5px;
	float:left;
	height:10%;		
	color:#FFFFFF;
	font-family: Arial, Verdana, Tahoma;
	font-size:14px;
	width:30%;
	}	
		
.searchbox
{
	width:300px;
	height:21px;
	padding-top:4px;
	padding-left:10px;
	text-align:right;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color:#FFFFFF;
	background: transparent !important;   	
	border:none;
	}

	
		
		
		

#menu-- {
	padding:0px;
	margin:0px;
	float:left;
	width:510px;
	font-size: 14px;
	line-height:14px;
	font-family: Arial, Verdana, Tahoma;
	font-weight:normal;
	color:#ffffff;
	text-align:left;
}

#menu-- ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	float:left;
	text-align:left;
	padding-top:15px;
	width:410px;
	}
#menu-- li {
	float: left;
	padding-left:3px;
	padding-right:3px;
	text-align:center;
}
#menu-- a {
	display:inline;
	text-decoration:none;
	font-size: 14px;
	font-family: Arial, Verdana, Tahoma;
	font-weight:normal;
	color:#ffffff;
}

#menu-- .sep  {
	text-decoration:none;
	font-weight:normal;
	color:#5387e0;
}

#menu-- a:hover, #menu-- .current a {
	text-decoration:none;
	font-weight:normal;
	color:#5387e0;
}
.txt24wite {
	color:#FFFFFF;
	
}

.txt24blu {
	color:#5387e0;
	
}


#banner-msg {
	padding:0px;
	padding-bottom:1%;
	margin:0px;
	float:left;
	width:95%;
	min-height:45%;
	height:47% !important;
	height:47%;
	text-align:right;
	color:#FFFFFF;
	font-family:Georgia, Arial, Verdana, Tahoma;
	font-size:60px;
	
	
}


#pageheadingblock{
	padding:0px;
	padding-top:5px;
	padding-left:5%;
	margin:0px;
	margin-bottom:2px;
	float:left;
	width:95%;
	min-width:916px;
	height:80px;
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;
	
	}
.heading1 {
	padding:0px;
	padding-bottom:1%;
	padding-top:37px;
	padding-left:0.5%;
	margin:0px;
	float:left;
	width:60%;
	min-width:593px;
	min-height:53%;
	height:53% !important;
	height:53%;
	text-align:left;
	color:#cccccc;
	font-family:Georgia, Arial, Verdana, Tahoma;
	}

.verticle-heading1{
	padding:0px;
	padding-bottom:1%;
	padding-top:37px;
	padding-left:0.5%;
	margin:0px;
	float:left;
	width:20%;
	min-width:123px;
	min-height:53%;
	height:53% !important;
	height:53%;
	text-align:left;
	color:#cccccc;
	font-family:Georgia, Arial, Verdana, Tahoma;
	}

	.heading2 {
	padding:0px;
	padding-bottom:1%;
	/*padding-left:6.4%;*/
	padding-right:.2%;
	padding-top:1%;
	margin:0px;
	float:right;
	width:33%;
	min-height:23%;
	min-width:250px;
	height:23% !important;
	height:23%;
	text-align:left;
	color:#cccccc;
	font-family:Georgia, Arial, Verdana, Tahoma;
	line-height:15px;
	
	}
	
.heading2-copy {
	padding:0px;
	padding-bottom:1%;
	/*padding-left:4.9%;*/
	padding-right:.7%;
	padding-top:1%;
	margin:0px;
	float:right;
	width:34.4%;
	min-height:23%;
	/*min-width:250px;*/
	height:23% !important;
	height:23%;
	text-align:left;
	color:#cccccc;
	font-family:Georgia, Arial, Verdana, Tahoma;
	line-height:15px;
	
	}

#page-heading {
	padding:0px;
	padding-bottom:1%;
	margin:0px;
	float:left;
	width:95%;
	min-height:2%;
	height:2% !important;
	height:2%;
	text-align:right;
	color:#FFFFFF;
	font-family:Georgia, Arial, Verdana, Tahoma;
	font-size:60px;
	
}

.txt36wite {
	color:#FFFFFF;
	font-family:Georgia, Arial, Verdana, Tahoma;
	font-size:36px;
	line-height:36px;
	height:56px;
	display:inline;
}

.txt36fr {
	color:#51c2e0;
	font-family:Georgia, Arial, Verdana, Tahoma;
	font-size:36px;
	line-height:36px;
	height:56px;
	display:inline;
}


.txt24wite {
	color:#FFFFFF;
	font-family:Georgia, Arial, Verdana, Tahoma;
	font-size:24px;
}

.txt24blu {
	color:#5387e0;
	font-family:Georgia, Arial, Verdana, Tahoma;
	font-size:24px;
}

.txt14wite {
	color:#FFFFFF;
	font-family: Arial, Verdana, Tahoma;
	font-size:14px;
	line-height:25px;
}

.txt18blu {
	color:#e27f9e;
	font-family: Arial, Verdana, Tahoma;
	font-size:18px;
}




#mid-bottom{
	padding:0px;
	margin:0px;
	padding-bottom:2%;
	float:left;
	width:100%;
	min-height:43%;
	height:43% !important;
	height:43%;
	
	}

#mid-content-panel {
	padding:0px;
	margin:0px;
	padding-bottom:2%;
	padding-left:1%;
	float:left;
	width:98%;
	min-height:68%;
	height:70% !important;
	height:70%;

	
	}	

/*
#footer {
	display:inline-block;
	padding:0px;
	margin:0px;
	float:left;
	min-width:984px;
	width:100%;
	height:4%;
	*/
	/*background-image:url(../images/thumbs-bg.png);
	background-repeat:repeat;
	
	}
*/


#footer-txt {
	
	padding-left:5%;
	padding-right:5%;
	
	/*padding-top:31px !important;
	padding-bottom:0px;
	*/

	color:#747474;
	font-family: Arial, Verdana, Tahoma, Georgia;
	font-size:12px;
	
	
	
}

#footer-btn {

padding:0px;
margin:0 auto;
width:200px;
color:#747474;
text-decoration:none;
font-size:12px;

}

#footer-btn a {
color:#747474;
text-decoration:none;
font-size:10px;
}

#footer-btn a:hover {
color:#ffffff;
text-decoration:none;
}

#footer-left {
padding:0px;
margin:0px;
float:left;
width:175px;
display:block;
}
#footer-right {
padding:0px;
margin:0px;
float:right;
text-align:right;
width:165px;
display:block;
}

.wraptocenter {
    display: table-cell;
    text-align: center;
    vertical-align:middle;
    width: 100%;
    height: 50%;
	
}

.wraptocenter * {
    vertical-align: middle;
}

.wraptocenter {
    display: block;
}

.wraptocenter span {
    display: inline-block;
    height: 100%;
    
}


#tabs {
	position:relative;
	top:2px;
	display:inline-block;
	padding:0px;
	margin:0px;
	float:left;
	min-width:950px;
	width:96%;
	height:31px;
	text-align:right;
	padding-right:4%;
	
}

.btn-tab {
	min-width:175px;
	width:13%;
	height:24px;
	float:right;
	padding-right:0.5em;
	border-top:#362d30 1px solid;
	border-right:#362d30 1px solid;
	border-left:#362d30 1px solid;
	background-image:url(../images/tabs-bg.png);
	background-repeat:repeat-x;
	
	color:#b8b8b8;
	font-family:Georgia, Arial, Verdana, Tahoma;
	font-size:18px;
	padding-top:5px;
	text-decoration:none;
	
}

.btn-tab:hover {
	background-image:url(../images/tabs-hover-bg.png);
	background-repeat:repeat-x;
	color:#383838;
}


.btn-tab a{
color:#b8b8b8;
text-decoration:none;
}

.btn-tab a:hover{
color:#000000;
text-decoration:none;
}

.testimonial {
margin-top:4px;
margin-bottom:4px;
margin-right:4px;
float: left; 
width: 22%; 
height:250px !important;
padding-top:10px;
padding-left:10px;
/*border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
background-color:#141412;*/
display:block;
color:#ffffff;
font-family: Arial, Verdana, Tahoma, Georgia;
font-size:11px;
text-decoration:none;
}

.testimonial a{
color:#ffffff;
text-decoration:none;
}

.testimonial a:hover{
color:#ffffff;
text-decoration:underline;
}

.testimonial2 {
margin-top:4px;
margin-bottom:4px;
margin-right:4px;
float: left; 
overflow: hidden; 
width: 22%; 
height:250px;
padding-top:10px;
padding-left:10px;
/*border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
background-color:#141412;*/
display:block;
color:#ffffff;
font-family: Arial, Verdana, Tahoma, Georgia;
font-size:11px;
text-decoration:none;
}

.testimonial2 a{
color:#ffffff;
text-decoration:none;
}

.testimonial2 a:hover{
color:#ffffff;
text-decoration:underline;
}
.showcase-main {
	display:inline-block;
	padding:0px;
	margin:0px;
	float:left;
	min-height:95%;
	height:100% !important;
	height:100%;
	width:100%;
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;
	
}




.showcase {
	display:inline-block;
	padding:0px;
	padding-top:5px;
	padding-left:5%;
	margin:0px;
	float:left;
	min-width:916px;
	height:55px;
	color:#ffffff;
	font-family:Georgia, Arial, Verdana, Tahoma;
	font-size:38px;
	text-align:left;
}
.showcase-head {
	color:#a64564;
	font-family:Georgia, Arial, Verdana, Tahoma;
	font-size:38px;
	}
.showcase-head1 {
	color:#ffffff;
	font-family:Georgia, Arial, Verdana, Tahoma;
	font-size:38px;
	}

.thumbs {
	display:inline-block;
	padding:0px;
	margin:0px;
	float:left;
	min-width:100%;
	width:95% !important;
	width:95%;
	height:145px;
	color:#ffffff;
	font-family: Arial, Verdana, Tahoma, Georgia;
	font-size:13px;
	text-align:left;
	
	
}


.services-main {
	display:inline-block;
	padding:0px;
	margin:0px;
	float:left;
	min-height:80%;
	height:85% !important;
	height:85%;
	width:100%;
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;
	
}

.servicestext {
	display:inline-block;
	padding:0px;
	margin:0px;
	float:left;	
	color:#ffffff;
	font-family: Arial, Verdana, Tahoma, Georgia;
	font-size:12px;
	text-align:left;
	
}


.footerlinks {
margin-top:4px;
margin-bottom:4px;
margin-right:4px;
margin-left:5%;
float: left; 
overflow: hidden; 
width: 15%; 
height:120px;
padding-top:10px;
padding-left:10px;
/*border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
background-color:#141412;*/
display:block;
color:#ffffff;
font-family: Arial, Verdana, Tahoma, Georgia;
font-size:11px;
text-decoration:none;

}

.footerlinks  a{
color:#ffffff;
text-decoration:none;
}

.footerlinks  a:hover{
color:#ffffff;
text-decoration:underline;
}

.productcatagory {
margin-top:4px;
margin-bottom:4px;
margin-right:4px;
margin-left:5%;
float: left; 
overflow: hidden; 
width: 15%; 
height:120px;
padding-top:10px;
padding-left:15px;
/*border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
background-color:#141412;*/
display:block;
color:#ffffff;
font-family: Arial, Verdana, Tahoma, Georgia;
font-size:11px;
text-decoration:none;
}

.productcatagory  a{
color:#ffffff;
text-decoration:none;
}

.productcatagory  a:hover{
color:#5387e0;
text-decoration:none;
}

.productcatagory  ul{
	padding:0px;
	margin:0px;
	}
	
.productcatagory  li{
	padding:0px;
	margin:0px;
	list-style:circle;
	}



.inner-text {
	
	padding:0px;
	margin:0px;
	float:left;
	min-width:90%;
	padding-bottom:10px;
	width:100% !important;
	width:100%;
	height:80%;	
	color:#ffffff;
	font-family: Arial, Verdana, Tahoma, Georgia;
	font-size:13px;
	text-align:left;
	overflow:hidden;
	}
	
.inner-about {
	
	padding:0px;
	margin:0px;
	float:left;
	padding:10px;
	min-width:100%;
	width:100% !important;
	width:100%;
	height:80%;	
	color:#ffffff;
	font-family: Arial, Verdana, Tahoma, Georgia;
	font-size:13px;
	text-align:justify;
	overflow:hidden;
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;
	}
	
.inner-text-col {
	float:left;
	width:29%;
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;
	padding:1%;
	min-height:280px;
	height:auto !important;
	height:280px;
}

.inner-text-col h5 {
	color:#e27f9e;
	font-family: Arial, Verdana, Tahoma;
	font-size:13px;
	font-weight:bold;
	display:inline;
	text-decoration:none;
	line-height:34px;
}

.inner-text-col h5 a{color:#e27f9e; text-decoration:none; line-height:34px;}
.inner-text-col h5 a;hover{color:#e27f9e; text-decoration:none;}
.inner-text1 {
	
	padding:0px;
	margin:0px;
	float:left;
	color:#ffffff;
	font-family: Arial, Verdana, Tahoma, Georgia;
	font-size:13px;
	text-align:left;
	overflow:hidden;
	height:auto !important;
	}

.inner-text2 {
	
	padding:0px;
	margin:0px;
	padding:10px;
	float:left;
	color:#ffffff;
	font-family: Arial, Verdana, Tahoma, Georgia;
	font-size:13px;
	text-align:left;
	overflow:hidden;
	height:auto !important;
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;
	min-height:291px;
	height:auto !important;
	height:291px;
	
	}
			
	
.inner-text-left {
	
	padding:0px;
	margin:0px;
	padding:10px;
	float:left;
	color:#ffffff;
	font-family: Arial, Verdana, Tahoma, Georgia;
	font-size:13px;
	text-align:justify;
	overflow:hidden;
	width:46%;
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;
	min-height:289px;
	height:auto !important;
	height:289px;
	width:30%;
	}
	
.inner-text-right {
	
	padding:0px;
	margin:0px;
	padding:10px;
	float:left;
	color:#ffffff;
	font-family: Arial, Verdana, Tahoma, Georgia;
	font-size:13px;
	text-align:justify;
	overflow:hidden;
	width:46%;
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;
	min-height:289px;
	height:auto !important;
	height:289px;
	width:30%;
	}
	
	.inner-text a{
	color:#ffffff;
	font-family: Arial, Verdana, Tahoma, Georgia;
	font-size:13px;
	text-align:left;
	text-decoration:none;
	vertical-align:top;
	}
	
	.inner-text a:hover{
	color:#ffffff;
	font-family: Arial, Verdana, Tahoma, Georgia;
	font-size:13px;
	text-align:left;
	text-decoration:none;
	}
	
#thumbs-buttons {
	padding:0px;
	margin:0px;
	padding-left:5%;
	padding-right:10px;
	float:left;
	width:26px;
	height:137px;
	
}

#thumbs-left {
	padding:0px;
	margin:0px;
	float:left;
	width:26px;
	height:40px;
	background-image:url(../images/thumbs-btn-bg.png);
	background-repeat:no-repeat;
	background-position:top;
	padding-left:10px;
	
}

#thumbs-right {
	padding:0px;
	margin:0px;
	float:left;
	width:26px;
	height:28px;
	background-image:url(../images/thumbs-btn-bg.png);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-left:10px;
	
}


.white-btn {
	color:#FFFFFF;
	font-family:Georgia, Arial, Verdana, Tahoma;
	font-size:21px;
	text-decoration:none;
}

.white-btn a{
	color:#FFFFFF;
	text-decoration:none;
}

.white-btn a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.grey-btn {
	color:#585858;
	font-family:Georgia, Arial, Verdana, Tahoma;
	font-size:21px;
}

.grey-btn a{
	color:#585858;
	text-decoration:none;
}

.grey-btn a:hover {
	color:#585858;
	text-decoration:none;
}

.stepcarousel{
margin:0;
padding:0px;
position: relative; /*leave this value alone*/

overflow: scroll; /*leave this value alone*/
width: 90%; /*Width of Carousel Viewer itself*/
height: 136px; /*Height should enough to fit largest content's height*/


}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
margin-left:4px;
margin-right:4px;
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
/*margin: 10px; /*margin around each panel*/
width: 198px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. 
*/
padding:5px;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
background-color:#141412;
display:block;
}

.stepcarousel .panel-info {
	padding-left:0px;
	width:198px;
	height:13px;
	float:left;
	color:#b8b8b8;
	font-family: Arial, Verdana, Tahoma;
	font-size:10px;
	padding-top:8px;
	text-decoration:none;
	text-align:left;
}

.stepcarousel .panel-info a{
text-decoration:none;
color:#b8b8b8;
}

.stepcarousel .panel-info a:hover{
text-decoration:underline;
color:#b8b8b8;
}

.stepcarousel .grey11 {
	color:#696969;
	font-family: Arial, Verdana, Tahoma;
	font-size:10px;
	text-decoration:none;
	
}

.stepcarousel .grey11 a{
	color:#696969;
	text-decoration:none;
}

.stepcarousel .grey11 a:hover{
	color:#696969;
	text-decoration:underline;
}


/*classes for portfolio page*/

#portfolio {
	padding:0px;
	padding-top:35px;
	margin:0px;
	float:left;
	width:100%;
	min-width:984px;
	height: 90%;
	
	
	
}

#portfolio h1 {
	color:#cccccc;
	font-family:Georgia, Arial, Verdana, Tahoma;
	font-size:30px;
	text-align:left;
	display:inline;
}

#port-scroll {
	padding:0px;
	padding-top:5px;
	padding-left:5%;
	margin:0px;
	margin-bottom:2px;
	float:left;
	width:95%;
	min-width:916px;
	height:25px;
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;
	
	}
	
#port-back {
	
	margin:0px;
	float:left;
	width:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5387e0;
	font-weight:bold;
	
		}
		
	
#port-back1 {
	
	margin:0px;
	float:left;
	width:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#E27F9E;
	font-weight:bold;
	text-decoration:none;	
		}
	
#port-back1 a: {
	
	margin:0px;
	float:left;
	width:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#E27F9E;
	font-weight:bold;
	text-decoration:none;	
		}
#port-back1  a:hover{
	
	color:#E27F9E;
	text-decoration:none;

	
		}
#port-scroll ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	float:left;
	text-align:left;
	width:240px;
	}
#port-scroll li {
	float: left;
	padding-left:8px;
	padding-right:8px;
	text-align:center;
	font-size: 14px;
	font-family: Arial, Verdana, Tahoma;
	font-weight:bold;
	color:#ffffff;
	
}

#port-scroll a {
	display:inline;
	text-decoration:none;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma;
	color:#ffffff;
	font-weight:bold;
}

#port-scroll a:hover, #port-scroll .current a {
	text-decoration:none;
	font-weight:bold;
	color:#e27f9e;
}

#port-scroll .normal {font-size:11px;}

#port-scroll2 {
	padding:0px;
	padding-top:48px;
	padding-left:1%;
	margin:0px;
	margin-bottom:2px;
	float:left;
	width:70%;
	min-width:716px;
	height:25px;
		
	}
	
#port-back {
	
	margin:0px;
	float:left;
	width:50px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5387e0;
	font-weight:bold;
	
		}
		

#port-scroll2 ul {
	padding:0px;
	margin:0px;
	list-style-type:none;
	float:left;
	text-align:left;
	width:240px;
	}
#port-scroll2 li {
	float: left;
	padding-left:8px;
	padding-right:8px;
	text-align:center;
	font-size: 14px;
	font-family: Arial, Verdana, Tahoma;
	font-weight:bold;
	color:#ffffff;
	
}

#port-scroll2 a {
	display:inline;
	text-decoration:none;
	font-size: 11px;
	font-family: Arial, Verdana, Tahoma;
	color:#ffffff;
	font-weight:bold;
}

#port-scroll2 a:hover, #port-scroll2 .current a {
	text-decoration:none;
	font-weight:bold;
	color:#e27f9e;
}

#port-scroll2 .normal {font-size:11px;}

#port-preview {
	padding:0px;
	padding-top:5px;
	padding-left:5%;
	padding-bottom:10px;
	margin:0px;
	float:left;	
	min-width:94%;
	width:95% !important;
	width:95%;
	height:95%;
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;

	
	
}

.port-prev {
	margin-left:4px;
	margin-right:8px;
	margin-top:1%;
	padding:5px;
	float: left; 
	width: 275px; 	
	display:block;
	min-height:360px;
	height:95% !important;
	height:95%;	
	overflow:hidden;
	border:1px solid #161616;

}




.port-prev-date{
	padding:0px;
	padding-bottom:5px;
	text-decoration:none;
	font-size:11px;
	color:#666666;
	display:block;
	
	}

.port-prev-info {
	padding:0px;
	padding-top:2%;
	width:296px;
	float:left;
	color:#b8b8b8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	text-align:left;
	}
..port-prev-info  p{
	padding:0px;
	margin:0px;
}
.port-prev-info a{
text-decoration:none;
color:#b8b8b8;
}

.port-prev-info a:hover {
text-decoration:underline;
color:#5387e0;
}

#port-list {
	padding:0px;
	padding-top:5px;
	margin:0px;
	float:left;
	min-width:916px;
	width:100%;
	min-height:100%;
	height:100%;
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:25px;
	
}

#port-list a{
	text-decoration:none;
	color:#747474;
	}
	
#port-list a:hover{
text-decoration:none;
color:#5387e0;
	
}

a img { border:0px;}





/*....................thumbnail.....................*/
.thumbnails{

margin-right:50px;
margin-bottom:15px;
float: left; 
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
/*margin: 10px; /*margin around each panel*/
width: 198px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. 
*/
height:auto;
padding-bottom:5px;
padding-right:5px;
padding-top:5px;
padding-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
border:1px solid #161616;
}

.info a{
text-decoration:none;
color:#FFFFFF;
}

.info a:hover{
text-decoration:none;
color:#5387e0;

}

.txt12blu {
	color:#5387e0;
	font-family: Arial, Verdana, Tahoma;
	font-size:12px;
}

.txt12blu a{
	color:#5387e0;
	text-decoration:none;
	
	}
.txt12blu a:hover{
	color:#FFFFFF;
	text-decoration:none;
	
	}
	
	
	/*.....................list poortfolio..............*/

#portlist {
height:100%;
min-width:890px;
margin:0PX;
padding:0PX;
padding-top:-200px;
}
.portlist-tr {
	padding:0px;
	color:#747474;
	}
.portlist-title {
	padding:0px;
	color:#FFFFFF;
	font-weight:bold;
	
	}


.portlist-tr:hover {
	background-image:url(../images/tabs-hover-bg.png);
	background-repeat:repeat-x;
	cursor:default;
	color:#FFFFFF;
}


.portlarge{
	margin:0px;
	padding:0px;
	margin-bottom:30px;
	float:left;
	width:50%;
	height:250px;
	overflow:hidden;

	}

.portlarge-info{
	margin:0px;
	padding:0px;
	padding-left:2%;
	float:left;
	width:68%;
	height:250px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}
.portlarge-info-heading1{
	text-decoration:none;
	font-size:20px;
	font-weight:bold;
	color:#5387e0;
	}
	
	

.boldlink a {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.boldlink:hover {
	text-decoration:underline;
}

/*...... ........*/

#port-details{
clear:both;
	padding:0px;
	padding-top:5%;
	padding-left:2%;
	margin:0px;
	float:left;
	min-width:916px;
	width:98%;
	height:85%;
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:20px;
}


#thumb-large {
	padding:0px;
	padding-left:3.5%;
	margin:0px;
	float:left;
	width:500px;
	height:360px;
	
}
	
#port-info {
	padding:0px;	
	margin:0px;
	padding-left:10px;
	float:left;
	min-width:300px;
	width:40% !important;
	width:40%;
	}
	
#port-info a{
	text-decoration:none;
	color:#FFFFFF;
		}
		
#port-info a:hover{
	text-decoration:none;
	color:#5387e0;
	}
.link{
	text-decoration:none;
	color:#FFFFFF;
		}
		
.link:hover{
	text-decoration:none;
	color:#5387e0;
	}
	
.linkBlack{
	text-decoration:none;
	color:#5387e0;
		}
		
.linkBlack:hover{
	text-decoration:none;
	color:#5387e0;
	}
		
.projectheading{
	padding:0px;
	margin:0px;
	color:#cccccc;
	font-family:Georgia, Arial, Verdana, Tahoma;
	font-size:50px;
	line-height:60px;	
	position:relative;
	top:-11px;
	}




div.contactblock {
	padding:0px;
	padding-top:0px;
	margin:0px;
	margin-bottom:1px;
	float:left;
	min-width:916px;
	width:100%;
	height:99%;
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:25px;
	
	}


div.contactblock a {	
	color:#ffffff;
	text-decoration:none;
		
	}
	
div.contactblock a:hover {	
	color:#666666;
	text-decoration:none;
		
	}

div.row {
	padding-left:4%;
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;
	background-position:bottom;
	padding-top: 5px;
	clear: both;
	text-align:left;
	height:25px;
	border-top:#000000 1px solid;
	} 


div.row:hover {	
	cursor:default;
	color:#FFFFFF;
	background-color:#000000;
	}
	
div.row a {	
	color:#ffffff;
	text-decoration:none;
		
	}
	
div.row a:hover {	
	color:#666666;
	text-decoration:none;
		
	}
	
div.desrow {
	padding-left:10px;
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;
	background-position:bottom;
	padding-top: 5px;
	clear: both;
	text-align:left;
	height:273px;
	border-top:#000000 1px solid;
	} 


div.desrow:hover {	
	cursor:default;
	color:#FFFFFF;
	background-color:#000000;
	}
	


.txbox
{
	width:330px;
	height:21px;
	padding-top:4px;
	padding-left:20px;
	display:inline;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color:#666666;
   background-repeat: no-repeat;
    background: transparent !important;
	border:none;
	}
	

.txbox:active, .txbox:hover  {
	background-color:#000000;	
	cursor:default;
	color:#999999;
}



.quotetxbox
{
	width:330px;
	height:15px;
	display:inline;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color:#CCCCCC;
   background-repeat: no-repeat;
    background: transparent !important;
	border:none;
	}
	

.quotetxbox:active, .quotetxbox:hover  {
	background-color:#000000;	
	cursor:default;
	color:#999999;
}

.quotetxboxmendatory
{
	width:330px;
	height:15px;
	display:inline;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	color:#FFFFFF;
   background-repeat: no-repeat;
    background: transparent !important;
	border:none;
	}
	
	
.quotetxboxmendatory:active, .quotetxboxmendatory:hover  {
	background-color:#000000;	
	cursor:default;
	color:#999999;
}

	

.desarea:active, .desarea:hover  {
	
	cursor:default;
	color:#ffffff;
}


	

div.rowarea {
	padding-left:5%;
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;	
	padding-top: 5px;
	clear: both;
	text-align:left;
	height:50px;
	
	} 


div.rowarea:hover {	
	cursor:default;
	color:#FFFFFF;
	background-color:#000000;
	}


.txtarea
{
	width:330px;
	height:50px;
	padding-top:4px;
	padding-left:20px;
	display:inline;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color:#666666;
   background-repeat: no-repeat;
    background: transparent !important;
	border:none;
	
}


.txtarea:active, .txtarea:hover  {
	background-color:#000000;	
	cursor:default;
	color:#999999;
}




.listbox
{
	width:330px;
	height:21px;
	padding-top:4px;
	padding-left:20px;
	display:inline;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color:#666666;
   	background-repeat: no-repeat;
    background: transparent !important;
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;	
	border:none;
}


div.addressarea {
	padding-left:0%;
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;	
	padding-top: 5px;
	text-align:left;
	height:84px;
	font-size:12px;
	line-height:16px;
	letter-spacing:1px;
	
		} 


div.addressarea:hover {	
	cursor:default;
	color:#FFFFFF;
	background-color:#000000;
	}
	




.btn-cntct{
margin:0px;
padding:0px;
background-color:#5387e0;
width:75px;
height:20px;
border:none;
color:#FFFFFF;

}

.bodytext {
	padding:0px;
	padding-top:15px;
	padding-left:5%;
	margin:0px;
	float:left;
	min-width:916px;
	width:95%;
	height:80%;
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
}
	

#servicesblock {
	 
	padding:0px;
	padding-top:35px;
	margin:0px;
	float:left;
	width:100%;
	min-width:984px;
	height: 86%;
	}
	
	
#servicesblock h1 {
	color:#cccccc;
	font-family:Georgia, Arial, Verdana, Tahoma;
	font-size:32px;
	padding-left:5%;
	text-align:left;
	display:inline;
}

	
	
/* ----------------- Scroll Bar	------------------------ */

/* hide from incapable browsers */
div#scrollbar { 
    display:none;
    }

/* below in external file */
div#wn	{
    position:relative; 
    padding:0px;
		padding-top:5px;
		padding-left:5%;
		padding-bottom:10px;
		margin:0px;
		float:left;	
		min-width:94%;
		width:95% !important;
		width:95%;		
    height:410px; 
    overflow:hidden;
		
	}
div#wn1	{
    position:relative; 
    padding:0px;
		padding-top:5px;
		padding-left:5%;
		padding-bottom:10px;
		margin:0px;
		float:left;	
		min-width:94%;
		width:95% !important;
		width:95%;		
    height:380px; 
    overflow:hidden;
		
	}
div#scrollbar { 
    position:relative; 
    width:650px; height:11px; 
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
    top:4px;
  }

div#track { 
    position:absolute; left:12px; top:0;
    width:650px; height:11px; 
    background: #2B2B2B;
	
  }
div#dragBar {
    position:absolute; left:1px; top:1px;
    width:20px; height:9px; 
    background-color:#000000;
		cursor:pointer;
  }  
div#left { position:absolute; left:0; top:0; }  
div#right { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
   /* -moz-user-select: none;
    -khtml-user-select: none;
    */
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    }
	/*......................Quotation.......................*/
	
	
.quotation{
padding:0px;
margin:0px;
width:720px;
height:445px;
color:#FFFFFF;
background:url(../images/quote-bg.jpg) repeat;
font-family:Arial, Helvetica, sans-serif;

}


.quotation2{
	background-image:url(../images/wrap-bg-quotation.png);
	background-repeat:repeat;
	height:550px;
}

.callus{
padding:0px;
margin:0px;
font-family:Georgia, Arial, Verdana, Tahoma;
font-size:25px;
}

.contactnumber{
padding:0px;
padding-top:6px;
margin:0px;
font-family: Arial, Verdana, Tahoma;
font-size:25px;
color:#a84566;
}	

.quotation-text {
	padding:10px;
	clear: both;
	text-align:left;
	font-size:11px;
	line-height:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/wrap-bg-quotation.png);
	background-repeat:repeat;
	
		} 

.form{
	padding:8px;
	width:704px;
	float:left;
	background-image:url(../images/wrap-bg-quotation.png);
	background-repeat:repeat;
	
}
.formsegment{
	width:351px;
	float:left;
}



.quotationsubmit{
	padding-left:255px;
	width:465px;
	float:left;
	line-height:25px;
	font-size:12px;
	background-image:url(../images/wrap-bg-quotation.png);
	background-repeat:repeat;
	background-position:bottom;
}


.quotationsubmit:hover {	
	cursor:default;
	color:#FFFFFF;
	background-image:url(../images/wrap-bg1.png);
	background-repeat:repeat;
	}
	
.quotationsubmit a {	
	color:#e37fa1;
	text-decoration:none;
		
	}
	
.quotationsubmit a:hover {	
	color:#666666;
	text-decoration:none;
		
	}



.quotation-text:hover {	
	cursor:default;
	color:#FFFFFF;
	
	}

.banner-text {
	padding:10px;
	clear: both;
	text-align:left;
	font-size:15px;
	line-height:20px;
	font-weight:bold;	
	
	background-image:url(../images/wrap-bg2.png);
	background-repeat:repeat;
	
	
	} 
.banner-text:hover {	
	cursor:default;
	color:#FFFFFF;
	}

.quotationcolumn {	
	padding-top: 5px;
	clear: both;
	text-align:left;
	height:auto;
	margin-right:8px;
	border-top:#000000 1px solid;
	font-size:12px;
	vertical-align:middle;


	} 


.quotationcolumn:hover {	
	cursor:default;
	color:#FFFFFF;
	background-image:url(../images/wrap-bg1.png);
	background-repeat:repeat;
	
	}
	
.quotationcolumn a {	
	color:#ffffff;
	text-decoration:none;
		
	}
	
.quotationcolumn a:hover {	
	color:#666666;
	text-decoration:none;
		
	}
	
	
.quotationcolumn-last {	
	padding-top: 5px;
	clear: both;
	text-align:left;
	height:auto;
	margin-right:8px;
	border-top:#000000 1px solid;
	border-bottom:#000000 1px solid;
	} 


.quotationcolumn-last:hover {	
	cursor:default;
	color:#FFFFFF;
	background-image:url(../images/wrap-bg1.png);
	background-repeat:repeat;
	}
	
.quotationcolumn-last a {	
	color:#ffffff;
	text-decoration:none;
		
	}
	
.quotationcolumn-last a:hover {	
	color:#666666;
	text-decoration:none;
		
	}

.quotationcolumn-area {	
	padding-top: 5px;
	clear: both;
	text-align:left;
	margin-right:8px;
	width:353px;
	height:278px;
	background-image:url(../images/wrap-bg1.png);
	background-repeat:repeat;
	} 


.quotationcolumn-area:hover {	
	cursor:default;
	color:#FFFFFF;
	background: transparent !important;
	
	}
	
.quotationcolumn-area a {	
	color:#ffffff;
	text-decoration:none;
		
	}
	
.quotationcolumn-area a:hover {	
	color:#666666;
	text-decoration:none;
		
	}	
	div.rowquotation {
	padding-left:5px;
	background-image:url(../images/wrap-bg-quotation.png);
	background-repeat:repeat;
	background-position:bottom;
	clear: both;
	text-align:left;
	border-top:#000000 1px solid;
	} 


div.rowquotation:hover {	
	cursor:default;
	color:#FFFFFF;
	background-image:url(../images/wrap-bg1.png);
	background-repeat:repeat;
	}
	
div.rowquotation a {	
	color:#ffffff;
	text-decoration:none;
		
	}
	
div.rowquotation a:hover {	
	color:#666666;
	text-decoration:none;
		
	}
	
.chkbox{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	height:20px;
	
}
.chkbox ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
.chkbox ul li{
	float:left;
	width:230px;
	margin:0px;
	padding:0px;
	list-style:none;
	
}
.clear{
	margin:0px;
	padding:0px;
	line-height:0px;
    clear:both; 
}

/*..... quotation - details.........*/


/*.quotation-detail {	
	padding:0px;
	margin:0px;
	float:left;
	min-width:98%;
	padding-top:10px;
	margin-right:2px;
	padding-bottom:10px;
	padding-right:2px;
	width:98% !important;
	width:98%;
	height:45%;	
	color:#ffffff;
	font-family: Arial, Verdana, Tahoma, Georgia;
	font-size:12px;
	text-align:left;
	overflow:hidden;
	}*/

.quotation-form {	
	padding:0px;
	margin:0px;
	padding-bottom:10px;
	padding-top:5px;
	padding-right:5px;
	float:right;
	min-width:260px;	
	width:30% !important;
	width:30%;
	height:294px;	
	color:#ffffff;
	font-family: Arial, Verdana, Tahoma, Georgia;
	font-size:11px;
	text-align:left;	
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;
	
		}
		
.quotation-banner-text {
padding-left:10px;	
	
	padding-bottom:9px;
	clear: both;
	text-align:left;
	
	font-size:15px;
	line-height:25px;
	
	background-image:url(../images/wrap-bg-quotation.png);
	background-repeat:repeat;
	
	height:20px;
	
	
	} 
.quotation-banner-text:hover {	
	cursor:default;
	color:#FFFFFF;
	background-color:#000000;
	}		
		
		
		

.callus-qform{
padding:0px;
margin:0px;
font-family:Arial, Verdana, Tahoma;
font-size:75%;
font-weight:bold;
line-height:18px;
color:#ffffff;
}

.callus-text{
padding:0px;
margin:0px;
font-family:Arial, Verdana, Tahoma;
font-size:120%;
font-weight:bold;
line-height:20px;
color:#ffffff;
}

.contactnumber-qform{
padding:0px;
margin:0px;

font-family:Arial, Verdana, Tahoma;
font-size:30px;
font-weight:bold;
color:#a84566;
line-height:42px;
letter-spacing:3px;
text-align:left;


}	


.qutation-textbox
{
	width:240px;
	height:21px;
	padding-top:4px;
	padding-left:10px;
	display:inline;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	color:#666666;
   background-repeat: no-repeat;
    background: transparent !important;
	border:none;
	}
	

.qutation-textbox:active, .qutation-textbox:hover  {
	background-color:#000000;	
	cursor:default;
	color:#999999;
}


div.qutation-row {
	padding-left:2%;
	background-image:url(../images/wrap-bg.png);
	background-repeat:repeat;
	background-position:bottom;
	padding-top: 5px;
	clear: both;
	text-align:left;
	height:25px;
	border-top:#000000 1px solid;
	} 


div.qutation-row:hover {	
	cursor:default;
	color:#FFFFFF;
	background-color:#000000;
	}
	
div.qutation-row a {	
	color:#ffffff;
	text-decoration:none;
	
	}
	
div.qutation-row a:hover {	
	color:#666666;
	text-decoration:none;
	
	}
	

.quotation-text1 {
	padding-left:10px;	
	clear: both;
	text-align:left;
	font-size:12px;
	line-height:15px;	
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/wrap-bg-quotation.png);
	background-repeat:repeat;
	height:38px;
		
	} 

*:first-child+html .quotation-text1 {
	margin-bottom:-10px;
	padding-left:10px;	
	clear: both;
	text-align:left;
	font-size:12px;
	line-height:12px;	
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/wrap-bg-quotation.png);
	background-repeat:repeat;
	height:38px;
	} 
	
	
	
/*
.project-descriptionbox:active, .project-descriptionbox:hover  {
	background-color:#ffffff;	
	cursor:default;
	color:#999999;
	overflow:auto;
	width:90%;
	
	
}*/


.quotationsubmit1{
	padding-left:4%;	
	float:left;
	width:96%;
	line-height:25px;
	font-size:12px;
	background-image:url(../images/wrap-bg-quotation.png);
	background-repeat:repeat;
	background-position:bottom;
}


.quotationsubmit1:hover {	
	cursor:default;
	color:#FFFFFF;
	background-color:#000000;
	}
	
.quotationsubmit1 a {	
	color:#ffffff;
	text-decoration:none;
		
	}
	
.quotationsubmit1 a:hover {	
	color:#666666;
	text-decoration:none;
		
	}	
		
.testimonials-panel {

margin-right:50px;
margin-bottom:5px;
float: left; 
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
/*margin: 10px; /*margin around each panel*/
width: 198px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. 
*/
height:165px;
padding-bottom:5px;
padding-right:5px;
padding-top:5px;
padding-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
border:1px solid #161616;
}	

.testimonials-panel	em{padding-top:-5px; position:relative; top:-2px;}

.testimonials-panel a{
color:#ffffff;
text-decoration:none;
}

.testimonials-panel a:hover{
color:#5387E0;
text-decoration:none;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
line-height:18px;
z-index:100;
background:url(../images/wrap-bg.png) repeat;
width: 210px;
visibility: hidden;
font-weight: normal;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-transform:capitalize;

}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #362d30;
padding:5px;
text-decoration: none;
font-weight: normal;
color: #5387E0;
}


.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background:url(../images/wrap-bg1.png) repeat;
color:#FFFFFF;

}
/*------------------SCROLLER--------------*/
#mycustomscroll {
	width:94%;
	height:100%;
	padding-right:10px;
	outline:none;
	float:left;
	margin-bottom:10px;

}

.scrollgeneric {
	line-height: 1px;
	width:10px;
	font-size: 1px;
	position: absolute;
	top: 0; 
	left: 0;
}

.vscrollerbase {
	width: 9px;
	background-color: #2b2b2b;
}
.vscrollerbar {
	width: 10px;
	
	cursor:pointer;
	background:#000;
}
/*------------------END SCROLLER--------------*/