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


body {
	background-image:url(../images/design-services/bg_big2.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px; 
}
#main_container{
width:1000px;
margin:0 auto;

}
p{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:10px; padding-right:10px;
	}
b{color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;}
ul{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}
ul li{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}
.style7 {
	color: #3366FF;
	font-weight: bold;
	font-style: italic;
}
.style9 {
	color: #3366FF;
	font-weight: bold;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#mainContents{ width:898px; height:100%; overflow:hidden;  margin:0 auto;  background-image:url(../images/design-services/bg2.jpg); background-repeat:repeat; }
#top_nav{
		height:40px; text-align:center; line-height:40px; margin-top:0; background-image:url(../images/design-services/bar_bg.jpg); background-repeat:repeat-x;
		}
#top_nav span {  margin-bottom:auto; margin-top:0; padding-top:0; height:21px; }
#top_nav ul 
{
	margin:0 auto;
	padding:0 0 0 10px;;
	list-style:none;
}
#top_nav ul li { line-height:40px; height:40px; display:inline; float:left;}
#top_nav ul li a { padding: 20px 8px 0 0;; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; }
#top_nav ul li img{ padding-right:10px;}
#top_nav ul li a:hover { color:#00CC66;}
.top_nav{
		height:40px; text-align:center; line-height:40px; margin-top:0; background-image:url(../images/design-services/bar_bg.jpg); background-repeat:repeat-x;
		}
.top_nav span {  margin-bottom:auto; margin-top:0; padding-top:0; height:21px; }
.top_nav ul 
{
	margin:0 auto;
	padding:0 0 0 10px;;
	list-style:none;
}
.top_nav ul li { line-height:40px; height:40px; display:inline; float:left;}
.top_nav ul li a { padding: 20px 11px 0 0;; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; }
.top_nav ul li img{ padding-right:10px;}
.top_nav ul li a:hover { color:#00CC66;}
.chromestyle{
	height:40px; text-align:center; line-height:40px; margin-top:0; background-image:url(../images/design-services/bar_bg.jpg); background-repeat:repeat-x;
}
#sitemap{ list-style:none; color:##208dc6;
}
#sitemap li,#sitemap li a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold;color:#208dc6; text-decoration:none; margin:3px;}
#sitemap li a:hover{ text-decoration:underline; color:#00CC66;}
#sitemap li ul{ list-style:none;}
#sitemap li ul li a{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-style:italic; font-weight:normal; list-style:none;}


/*
.chromestyle ul{
margin:0 auto;
	padding:0 0 0 10px;;
	list-style:none;
	height:40px; text-align:center; line-height:40px; margin-top:0; background-image:url(../images/bar_bg.jpg); background-repeat:repeat-x;
}

.chromestyle ul li{
	line-height:40px; height:40px; display:inline; float:left;
}

.chromestyle ul li a{
	 padding: 20px 11px 0 0;; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold;
	
	/*vertical-align:top;*/
/*}
.chromestyle ul li img{ padding-right:10px;}
.chromestyle ul li a:hover { color:#00CC66;}


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

.dropmenudiv{
margin-top:1em;
position:absolute;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:20px;
z-index:100;
background-color:#666666;
width: 200px;
visibility: hidden;
margin-left:-12px;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}
.dropmenudiv a{
font-family:Verdana, Arial, Helvetica, sans-serif;
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-size:11px;
text-decoration:none;
color:#fff;
height: 20px;
background-color:#000000;

padding-top:3px;
padding-left:14px;
}
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ 
color:#208dc6;
background-color:#0099FF;
}
a.navlinks {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;	
}
a.navlinks:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#99FF66;
	text-decoration:none;
}
#right_bar{ width:1000px; height:100%; background-image:url(../images/design-services/shadowb.jpg); background-repeat:repeat-y;background-position:949px 0; _background-position:949px 0; }
#left_bar{width:1000px; height:100%; background-image:url(../images/design-services/shadowa.jpg); background-repeat:repeat-y; background-position:1px 0;}

span.style6 { padding-top:0;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; font-weight: bold; }

#home_img_links{ margin-right:10px; float:right; margin-top:5px; width:300px; display:inline; text-align:right;}
#home_img_links img{ padding-left:10px;}
.itro{font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; margin-top:10px; margin-bottom:10px; 
}
.itro span{
text-transform: capitalize;

}
.itro i{

/* to make title case  */
text-transform: capitalize;
}

.itro strong{
font-size:14px;
color:#000000;
/* to make title case  */
text-transform: capitalize;

}
.itro strong a{
font-size:16px;
color:#208dc6;
}
.itro  b{
font-size:11px;
color:#0a0a0a;
}
.itro a{
text-decoration:none;
color:#666666;
font-weight:bold;
}
.GoBack{
font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;

}
.GoBack a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin-right:30px;
padding-right:30px;
color:#174f88;

}

span.tool-tech-heding{
padding-left:8px;
color: #3366FF;
	font-weight: bold;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
text-align:justify;
width:30%;
float:left;

}
span.tool-tech{
margin-left:8px;
padding-left:8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:justify;
width:60%;
float:right;
}
a.mlinks {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#CC6600;
	text-decoration:none;	
}
a.mlinks:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}

a.slinks {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#006699;
	text-decoration:none;	
}
a.slinks:link {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#006699;
	text-decoration:none;	
}
a.slinks:hover{ text-decoration:underline;}
#customers{ text-align:center;}
#customers img{ padding:8px 33px 8px 33px;}
#customers span{ display:block; width:100%; text-align:left;}
#design-services{text-align:center;}
#design-services img{ padding:8px 15px 8px 15px;}
.div-img{ float:left; text-align:right; width:13%;}
.img-description{ float:right; width:83%; padding-bottom:10px; padding-right:10px; padding-left:5px;font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;}
.img-description a{ text-decoration:none;  color:#0099FF; letter-spacing:.05em;}
.img-description a:hover{ text-decoration:underline;}
.img-description h2{ color: #009933; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; margin-top:25px; margin-bottom:5px;}
#cust-sub{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; text-align:justify; padding-top:10px; padding-right:10px;}
#cust-sub img{float: left; margin: 0 20px 2px 8px; }
#cust-sub h2{color: #009933; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; }
p.prod-detail{ clear:both;}
ul#keyfeachure{

font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
color:#000;
font-size:12px;
margin-top:-.8em;

}
ul#keyfeachure li{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
color:#000;
font-size:12px;
margin-left:10px;
}

#footer{
	padding-top:10px;
	padding-bottom:4px;
	_padding-bottom:1px;
	height:64px;
	line-height:30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	background-image:url(../images/design-services/bg_foot.jpg);
	text-align:center;
	vertical-align:middle;
	background-color: #000000;
}
#footer span  {}
#footer span a{ text-decoration:none; color:#fff; margin-right:10px;}
#footer span a:hover{ text-decoration:underline;}
span.copyrights{font-family: Verdana, Arial, Helvetica, sans-serif; display:block; 
	font-size: 9px; color:#fff; line-height:20px; font-weight:normal; padding-top:15px;}
	
	form  label{
	position: absolute;
	text-align:left;
	width:100px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size:11px;
	color:#666666;
	padding:3px 5px;
	margin-top:2px;
	}
	form input, textarea, select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	margin-left: 140px;
	margin-top:2px;
	padding:3px 5px;
}
form div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666666;
	padding-left:25px;
}
form label.check, label.radio {
	position:relative;
	text-align:left;
	margin-top:2px;	
}	
	
/* after here is code for pop up window*/


.dhtmlwindow{ 
position: absolute;
border: 2px solid #53a0ca;
visibility: hidden;
background-color: #f4f4f4;
}

.drag-handle{ /*CSS for Drag Handle*/
padding: 1px;
text-indent: 3px;
font: bold 14px Arial;
background-color:#53a0ca;
color: white;
cursor: move;
overflow: hidden;
width: auto;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
position: absolute;
right: 1px;
top: 2px;
cursor: hand;
cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
border-top: 1px solid brown;
background-color: #f4f4f4;
color: black;
height: 150px;
padding: 2px;
overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
border-top: 1px solid gray;
background-color: #F8F8F8;
height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
float: right;
width: 13px; /*width of resize image*/
height: 13px; /*height of resize image*/
cursor: nw-resize;
font-size: 0;
}

#design-bottom
{
	background-image:url(../images/design-services/design_services_03.jpg);
	background-repeat:repeat-x;
	height:105px;
	margin:0px;
	
}
#nav-bottom-text
{
margin:0px;

}
.nav-bottom-normal-text
{
font-family:Verdana, Arial, Helvetica, sans-serif, Calibri;
font-size:12px;
color:#4d4d4d;
text-align:justify;
}
.panel-text
{
font-family:Verdana, Arial, Helvetica, sans-serif, Calibri;
font-size:12px;
color:#000000;
text-align:justify;
}
#design1
{
padding-right:8px;
float:left;

}
#design2
{
padding-right:8px;
float:left;

}
#design3
{
padding-right:8px;
float:left;

}
#design4
{
float:left;
}
div.imgRow div {
	padding:5px;
	
}
.site-caption
{
font-family:Verdana, Arial, Helvetica, sans-serif, Calibri;
font-size:12px;
font-weight:bold;
color:#000000;
text-align:center;
}
.site-link
{
font-family:Verdana, Arial, Helvetica, sans-serif, Calibri;
font-size:12px;
font-weight:bold;
color:#683cd9;
text-align:center;
}

* { margin: 0; padding: 0 }
		/* I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
		
		p { text-align: left; margin: 15px 0 }
		
		
		a:focus { outline:none }
		
		img { border: 0 }
		
		
		
		
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			
		
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			
			position: relative;
			width: 100%;
			background-image:url(../images/design-services/design_services_07.jpg);
			background-repeat:repeat-x;
					
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%;  background: #fff; overflow: scroll; }
		.csw .loading {margin: 200px 0 300px 0; text-align: center; }

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0px #d0c9c9 solid; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 895px; /* Also specified in  .stripViewer .panelContainer .panel  below */			
			clear: both;
			
			
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 895px; /* Also specified in  .stripViewer  above */
	
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding-top:-10px;
			padding-left:10px;
			vertical-align:top;
			
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin:0px;
			width:100%;
			height:64px;	
			background:url(../images/design-services/design_services_07.jpg) repeat-x;
			
		}
		
		.stripNav ul { /* The auto-generated set of links */
			margin:0 ;
			list-style:none;
			
		}
		
		.stripNav ul li {
			float: left; 
			 /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			line-height: 70px;
			color: #000;
			text-decoration: none;
			display: block;
			
			
			
		}
		.stripNav li a span { /* The nav links */
			
			
			
			
		}
		
		.stripNav li.tab1 a:hover {background:url(../images/design-services/1.jpg) no-repeat; width:94px; }
		.stripNav li.tab2 a:hover {background:url(../images/design-services/2.jpg) no-repeat; width:153px; }
		.stripNav li.tab3 a:hover {background:url(../images/design-services/3.jpg) no-repeat; width:176px;}
		.stripNav li.tab4 a:hover {background:url(../images/design-services/4.jpg) no-repeat; width:143px; }
		.stripNav li.tab5 a:hover {background:url(../images/design-services/5.jpg) no-repeat; width:142px;}
		.stripNav li.tab6 a:hover {background:url(../images/design-services/6.jpg) no-repeat; width:185px;}
		
		
		.stripNav li.tab1 a.current {background:url(../images/design-services/1.jpg) no-repeat; width:94px; }
		.stripNav li.tab2 a.current {background:url(../images/design-services/2.jpg) no-repeat; width:153px; }
		.stripNav li.tab3 a.current {background:url(../images/design-services/3.jpg) no-repeat; width:176px;}
		.stripNav li.tab4 a.current {background:url(../images/design-services/4.jpg) no-repeat; width:143px;}
		.stripNav li.tab5 a.current {background:url(../images/design-services/5.jpg) no-repeat; width:142px;}
		.stripNav li.tab6 a.current {background:url(../images/design-services/6.jpg) no-repeat; width:185px;}
		
		
		.stripNav li.tab1  { width:94px; }
		.stripNav li.tab2  { width:153px; }
		.stripNav li.tab3  { width:176px;}
		.stripNav li.tab4 { width:143px; }
		.stripNav li.tab5  {width:142px;}
		.stripNav li.tab6 {width:185px;}