/* CSS Document */

body {	
	margin: 0px;
	padding: 0px;
	background-repeat:repeat-x;
	FONT-SIZE: 11px; 
	COLOR: #333333; 
	LINE-HEIGHT: 18px; 
	FONT-FAMILY: Verdana, Arial, Helvetica, "sans serif"; 
	TEXT-DECORATION: none;
	background-image: url(/images/bgground.jpg);
	
}

h1{
font-weight:200;
	font-size:16px;
	color: #000000;
}



#container {
	margin:auto;
	width:938px;
	padding-top:86px;
	
}

img {
border:0;
}


h1 {
 		margin-bottom: 0px;
		margin-top: 0px;
		line-height:normal;
		font-size:20px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}


h2 {
 		margin-bottom: 0px;
		margin-top: 0px;
		line-height:normal;
		font-size:18px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}

h3 {
 		margin-bottom: 1px;
		margin-top: 1px;
		line-height:normal;
		font-size:16px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		
	}

h4 {
 		margin-bottom: 3px;
		margin-top: 3px;
		line-height:normal;
		font-size:14px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		
	}

.small_textbox {
	border: 1px solid #282828;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

A:link {
	COLOR: #A80000; TEXT-DECORATION: none
}
A:visited {
	COLOR: #A80000 ; TEXT-DECORATION: none
}
A:hover {
	COLOR: #A80000 ; TEXT-DECORATION: underline;
}
A:active {
	TEXT-DECORATION: none
}

div#navbar2 {
	height: 22px;
	width: 100%;
	/* background-color: #336699; */
	/* background-image:url(/images/index_r4_c19.jpg); */
	background-repeat:no-repeat;
}
div#navbar2 ul {
	margin: 0px;
	margin-top: 0px;
	padding: 0px;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:0px; 
	line-height: 20px;
	white-space: nowrap;
}
div#navbar2 li {
	list-style-type: none;
	display: inline;
	border-left:solid;
	border-left-color: #737476;
	border-left-width: 0px;
}
div#navbar2 li a {
	text-decoration: none;
	padding: 10px;
	color: #f2f2f2;
}
div#navbar2 li a:link {
	color: #f2f2f2;
}
div#navbar2 li a:visited {
	color: #f2f2f2;
}
div#navbar2 li a:hover {
	font-weight: bold;
	color: #C9E7F1;
	/* background-color: #3366FF; */
}

		.ProductDisplayBoxTitle
		{
		
			float: left;
			width: 285px;
			padding:4px;
			margin:2px;
			border: 1px dashed #c1c1c1;
			text-align:center;
		}
		

#Feature_Title_Bar
		{
		
			float: left;
			width: 184px;
			padding-left:16px;
			margin:auto;
			text-align: left;
			
		}

#How_Can_We_Help_Title_Bar
		{
		
			float: left;
			width: 184px;
			padding-left:16px;
			padding-top:20px;
			margin:auto;
			text-align: left;
			
		}
		
#Listbox_Menu
		{
			float: right;
			width: 284px;
			padding-right:12px;
			margin:auto;
			text-align: left;

		}
		
#Welcome_DLS {
		padding-left: 16px;
		text-align:left;
		padding-top:210px;
		}

h2.Welcome {
 		margin-bottom: 0px;
		margin-top: 0px;
		line-height:normal;
		font-size:18px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
		
		


#navlist 
{ 

margin: 0;
margin-left:0;
padding-left: 0px;
}


#navlist li
{
float: left;
width: 220px;
list-style-type: none;
}

#navlist li a
{
display: block;
color: #333;
font: normal 11px Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
text-align: left;
padding-left:5px;
padding-bottom: 2px;
padding-top: 2px;

}

#navlist li a:hover
{
background-color: #e7e7e7;
color: #0066CC;
font-weight: bold;
}


#footer_container {
	float:left;
	width: 100%;
	background-image:url(/images/footer-bg.jpg); 
	background-repeat:repeat-x; 
	height:88px;
	margin-top: 20px;
	
	
	}
#footer {
	background-image:url(/images/footer.jpg); 
	background-repeat:no-repeat; 
	background-position:center; 
	height: 88px;


}

#footer-text, A:Link.footer_link, A:Visited.footer_link, A:Active.footer_link, A:Hover.footer_link {
	padding-top:24px;
	text-align:center;
	color:#f3f3f3;
	}
	
	
		
#Portfolio_Description {
		float:left;
		width: 620px;
		margin:auto;
		padding-top: 5px;
		text-align:left;
		}

		
#Content_Body {
		float:left;
		width: 610px;
		margin:auto;
		padding-top: 5px;
		padding: 18px;
		text-align:left;
		}

		
#Portfolio_Image 
	{
		clear:both;
		float:left;
		text-align: left;
		width:auto;
		padding:10px;
		background-color:#e7e7e7;
	}		
	
#Services_Provided {
			float: left;
			width: 500px;
			padding-top:20px;
			margin:auto;
			text-align: left;
	
	}

#Portflio_Container
		{
		float:left;
		width: 620px;
		margin:auto;
		padding-left: 16px;
		padding-top: 10px;
		text-align:left;
		}

#Portfolio_Menu
		{
			float: right;
			width: 275px;
			padding-right:12px;
			margin:auto;
			text-align: right;


		}
		
		
#portfolio_nav_branding 
{ 

margin: 0;
margin-left:0;
padding-left: 0px;
}



#portfolio_nav_branding li
{
float: right;
width: 250px;
list-style-type: none;


}



#portfolio_nav_branding li a
{
display: block;
color: #333;
font: normal 10px Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
text-align: right;
padding-left:5px;
padding-bottom: 2px;
padding-top: 5px;
border-bottom: 1px solid #e7e7e7;

}



#portfolio_nav_branding li a:hover
{
color:#990000;
font: normal 14px Verdana,Arial,Helvetica,sans-serif;

}




		
		
#portfolio_nav_marketing
{ 

margin: 0;
margin-left:0;
padding-left: 0px;
}


#portfolio_nav_marketing li
{
float: right;
width: 250px;
list-style-type: none;


}

#portfolio_nav_marketing li a
{
display: block;
color: #333;
font: normal 10px Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
text-align: right;
padding-left:5px;
padding-bottom: 2px;
padding-top: 5px;
border-bottom: 1px solid #e7e7e7;

}

#portfolio_nav_marketing li a:hover
{
color:#990000;
font: normal 14px Verdana,Arial,Helvetica,sans-serif;
}






		
		
#portfolio_nav_internet
{ 

margin: 0;
margin-left:0;
padding-left: 0px;
}


#portfolio_nav_internet li
{
float: right;
width: 250px;
list-style-type: none;


}

#portfolio_nav_internet li a
{
display: block;
color: #333;
font: normal 10px Verdana,Arial,Helvetica,sans-serif;
text-decoration: none;
text-align: right;
padding-left:5px;
padding-bottom: 2px;
padding-top: 5px;
border-bottom: 1px solid #e7e7e7;

}

#portfolio_nav_internet li a:hover
{
color:#990000;
font: normal 14px Verdana,Arial,Helvetica,sans-serif;
}





.portfolio_light {
	font-size:9px;
	font-style:italic;
	color:#999999;
}


h2.subtitle {
 		margin-bottom: 0px;
		margin-top: 0px;
		padding-bottom: 10px;
		line-height: normal;
		color:#015a9a;
		font-size:18px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
	
h4.subtitlenavigation {
 		margin-bottom: 3px;
		margin-top: 13px;
		line-height:normal;
		font-size:16px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#015a9a;





	}

	
#main_portfolio 
{
	float: left;
	padding-top:30px; 
	padding-left:16px; 
	text-align:left;
}







#SubTitle_Bar_Area
		{
		
			float: left;
			width: 400px;
			padding-left:16px;
			margin:auto;
			text-align: left;
			
		}


/* Contact Form */

#title {
	width: 330px;
	height: 26px;
	color: #5A698B;
	font: bold 11px/18px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-top: 5px;
	background: transparent url("images/bg_legend.gif") no-repeat;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-align: center;
}

form.contact {
	width: 565px;
	background-color:#f5f5f5;
	border: solid 1px #ccc;
	padding-top: 5px;
}


.col1 {
	text-align: right;
	width: 185px;
	height: 31px;
	margin: 0px;
	float: left;
	margin-right: 2px;
/* 	background: url(images/bg_label.gif) no-repeat; */

}

.col2 {
	width: 195px;
	height: 31px;
	display: block;
	float: left;
	margin: 0;
/* 	background: url(images/bg_label.gif) no-repeat; */
}

.col2comment {
	width: 195px;
	height: 98px;
	margin: 0;
	display: block;
	float: left;
/* 	background: url(images/bg_label.gif) no-repeat; */
}

.col1comment {
	text-align: right;
	width: 185px;
	height: 98px;
	float: left;
	display: block;
	margin-right: 2px;
/* 	background: url(images/bg_label.gif) no-repeat; */
}

div.row {
	clear: both;
	width: 385px;
}

.submit {
	height: 29px;
	width: 565px;
	padding-top: 5px;
	clear: both;
	text-align:center;
} 

.input {
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
	padding: 1px;
	border: 1px solid #8595B2;
}

.textarea {
	border: 1px solid #8595B2;
	background-color: #fff;
	font: 11px/14px "Lucida Grande", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #5A698B;
	margin: 4px 0 5px 8px;
}


