/*=================================================================================

Project:		DataCrunch
Version:		1.0
Last Changed:	08/28/2008
Author:			Vlad Balan

=================================================================================*/


/*=================================================================================

[Table of Contents]

1. GENERAL [style for body, headers, default behaviour of paragraphs, images, links etc]
2. LAYOUT [elements used to define the layout of the site]
	2.1 HEADER
	2.2 CONTENT
	2.2.1 CLIENTS PICS HOLDER
	2.3 FOOTER
=================================================================================*/


/* 1. GENERAL -------------------------------------------------------------------*/

body
{
	background:url(../../general/dc_bgr_header.gif) repeat-x; height:84px;
	margin: 0px;
	font: normal 0.7em/1.2em Arial, Helvetica, sans-serif;
	color: #3c3c3c;
	background-color:#fff;	
}

h1
{
	font-size:1.2em;
	line-height:1.4em;
	margin:0px;
	color:#676767;
	padding-top:15px;	
	padding-left:10px;
}


h2
{
	font-size:1.4em;
	line-height:1em;
	color:#6f8f31;
	padding:0px 10px;
	margin-top:12px;
}


p {	margin:0px; text-align: justify; font-size:1em; line-height:1.9em; color:#373737; font-family:"trebuchet MS"}

.clearAll
{
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}

.floatleft {float:left;}
.floatright {float:right;}

a{color:#000; text-decoration:none}
a:hover{color:#990000; text-decoration:underline;}


/* 2. LAYOUT --------------------------------------------------------------------*/
.background{margin:0 auto;}
#container
{
	margin: 0px auto;
	width:975px;
}

.container_content
{
	margin: 0px auto;
	border-top:1px solid #cfcfcf;
	border-bottom:1px solid #cfcfcf;
	background:#fff;
	padding:3px 0px;
	width:995px;
	margin-top:5px;
}

.container_content_interior
{
	background:#ebebeb;
	width:985px;
	padding:5px 0px;
	margin:0px auto;	
}

/* 2.1 HEADER -------------*/

#header
{
	margin: 0px auto;
	margin-top:10px;
	width:995px;
}

#logo
{
	width:247px;
	height:55px;
	border:none;
}

#banner
{
	background:url(../../general/dc_banner_main.jpg) no-repeat;
	width:992px;
	height:210px;
	margin-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}



.list_banner
{

	padding:130px 0px 0px 300px;
}

.list_banner ul
{
	margin:0;
	padding:0;
}

.list_banner ul li
{	
	font-size:1.5em;
	line-height:1.3em;
	margin: 0;
	padding:1px 20px;
	color:#256687;
	list-style:none;
	background:url(../../general/dc_banner_list.png) no-repeat left;
}


.services_s
{	
	background:url(../../general/dc_bgr_sblock.jpg) no-repeat;
	width:197px;
	height:215px;
	margin-left:2px;
}

.services_w
{	
	background:url(../../general/dc_bgr_wblock.jpg) no-repeat;
	width:197px;
	height:215px;
	margin-left:1px;	
}

.services_c
{	
	background:url(../../general/dc_bgr_cblock.jpg) no-repeat;
	width:197px;
	height:215px;
	margin-left:1px;	
}

.services_d
{	
	background:url(../../general/dc_bgr_dblock.jpg) no-repeat;
	width:197px;
	height:215px;
	margin-left:1px;	
}

.services_o
{	
	background:url(../../general/dc_bgr_oblock.jpg) no-repeat;
	width:197px;
	height:215px;
	margin-left:1px;
}

.color_s{ color:#aa5618;}
.color_s a{ color:#aa5618;}
.color_s a:hover{ color:#aa5618;}

.color_w{ color:#71911a;}
.color_w a{ color:#71911a;}
.color_w a:hover{ color:#71911a;}

.color_c { color:#199184;}
.color_c a{ color:#199184;}
.color_c a:hover{ color:#199184;}

.color_d { color:#2294be;}
.color_d a{ color:#2294be;}
.color_d a:hover{ color:#2294be;}

.color_o{ color:#be1f45;}
.color_o a{ color:#be1f45;}
.color_o a:hover{ color:#be1f45;}



.services_list
{

	padding:10px 0px 0px 12px;
}

.services_list ul
{
	margin:0;
	padding:2px 0px;
}

.services_list ul li
{	
	font-size:1.1em;
	line-height:1.2em;
	margin: -2px 0;
	padding:3px 10px;
	color:#3c3c3c;
	list-style:none;
	background:url(../../general/dc_icon_services.gif) no-repeat left center;
}

/* 2.2 CONTENT ------------*/
.clients_section
{
	background:url(../../general/dc_bgr_client_case.gif) no-repeat;
	width:250px;
	height:403px;
}

.icon_clients
{
	background:url(../../general/dc_client_icon.gif) no-repeat;
	width:35px;
	height:37px;
	margin:2px 0px 0px 5px;
}

.clients
{
	width:92%;
	margin:0 auto;
}


/* 2.2.1 CLIENTS PICS HOLDER ---------------------------------------------------------------------*/

#navPicsHolder
{
	width:228px;
	height:115px;
	border:1px solid #bfbfbf;
	padding:0px;
}

.DataCoreSoftware {background: url(../../general/clients/photoDataCoreSoftware.png) no-repeat;}
.JRJewelers {background: url(../../general/clients/photoJRJewelers.png) no-repeat;}
.WestonAccess {background: url(../../general/clients/photoWestonAccess.png) no-repeat;}
.WCRealtyInvestments {background: url(../../general/clients/photoWCRealtyInvestments.png) no-repeat;}
.AbsoluteAcrylic {background: url(../../general/clients/photoAbsoluteAcrylic.png) no-repeat;}
.LancasterConsultingGroup {background: url(../../general/clients/photoLancasterConsultingGroup.png) no-repeat;}
.DerBoersenbrief {background: url(../../general/clients/photoDerBoersenbrief.png) no-repeat;}
.CZImagingGroup {background: url(../../general/clients/photoCZImagingGroup.png) no-repeat;}
.ThreePanelComics {background: url(../../general/clients/photoThreePanelComics.png) no-repeat;}
.DataCrunchCompany {background: url(../../general/clients/photoDataCrunchCompany.png) no-repeat;}
.CreditCPR {background: url(../../general/clients/photoCreditCPR.png) no-repeat;}

.main_section
{
	background:#fff;
	width:714px;
	margin-left:5px;
	padding:3px;
}

.narrow_section
{
	background:url(../../general/dc_bgr_titles.gif) repeat-x top;
	width:444px;
}

.wide_section
{
	background:url(../../general/dc_bgr_titles.gif) repeat-x top;
	width:714px;
}

.icon_about
{
	background:url(../../general/dc_about_icon.gif) no-repeat;
	width:31px;
	height:34px;
	margin:2px 0px 0px 5px;
}

.icon_investor_relations
{
	background:url(../../general/dc_investor_relations_icon.png) no-repeat;
	width:31px;
	height:34px;
	margin:2px 0px 0px 5px;
}

.icon_network_equipment
{
	background:url(../../general/dc_network_equipment_icon.png) no-repeat;
	width:31px;
	height:34px;
	margin:2px 0px 0px 5px;
}

.icon_service
{
	background:url(../../general/dc_service_comes_first_icon.png) no-repeat;
	width:31px;
	height:34px;
	margin:2px 0px 0px 5px;
}

.icon_customer_center
{
	background:url(../../general/dc_we_take_care_of_our_customers_icon.png) no-repeat;
	width:31px;
	height:34px;
	margin:2px 0px 0px 5px;
}

.icon_contact_us
{
	background:url(../../general/dc_contact_us_icon.png) no-repeat;
	width:31px;
	height:34px;
	margin:2px 0px 0px 5px;
}

.icon_text
{
	width:110px;
	height:81px;
	float:left;
	padding-right:15px;
	padding-top:20px;
}
.text_general
{
	padding:5px 15px;
	color:#323232;
}
.text_general a
{
	color:#2294be;
	text-decoration:none
}
.text_general a:hover
{
	color:#990000;
	text-decoration:underline;
}

.spacer_main
{
	background:url(../../general/spacer_main.gif) repeat-x;
	width:94%;
	height:1px;
	font-size:1px;
	margin:5px 0px 15px 15px;
}


.icon_talk
{
	background:url(../../general/dc_talk_icon.gif) no-repeat;
	width:32px;
	height:33px;
	margin:2px 0px 0px 15px;	
}



.news_section
{
	background:url(../../general/dc_bgr_titles.gif) repeat-x top;
	width:265px;
	margin-left:5px;
}

.icon_news
{
	background:url(../../general/dc_news_icon.gif) no-repeat;
	width:35px;
	height:37px;
	margin:2px 0px 0px 5px;	
}

.news_headline
{
	font-size:1.1em;
	line-height:1.2em;
	margin: 0;
	margin-left:10px;
	padding:0px 15px;
	color:#c21615;
	background:url(../../general/news_icon.gif) no-repeat left center;
	font-weight:bold;
}

.spacer_news
{
	background:url(../../general/spacer_main.gif) repeat-x;
	width:90%;
	height:1px;
	font-size:1px;
	margin-left:15px;
	margin-right:0px;
}


/* 2.3 FOOTER -------------*/

#footer
{
	width:995px;
	margin:15px auto;
	text-align:center;
}	



/* 3 NAVIGATION ------------------*/
.menu_interior_top
{
	background:url(../../general/dc_bgr_menu.gif) repeat-x; height:43px;
	width:100%;
	margin-top:23px;
	margin-bottom:5px;
	line-height:1.2em;
}

.menu_interior_top ul
{
	margin:0;
	padding:13px 0px 0px 0px;
}

.menu_interior_top ul li
{
	
	font-size:1.5em;
	line-height:1.2em;
	margin: 0;
	padding:0px 20px;
	color:#787878;
	display:inline;
	background:url(../../general/spacer_menu.gif) no-repeat right;
}

.menu_interior_top ul li.last
{
	background-image: none;
}

.menu_interior_top ul li a
{
	color:#787878;
	text-decoration:none;
	display: inline-block;
	line-height:1.2em;
}

.menu_interior_top ul li a:hover
{
	line-height:1.2em;
	color:#5e923c;
	text-decoration:none;
	display: inline-block;	
}

.clients_listing
{
	width:97%;
	margin-left:3px;
	margin-bottom:5px;
	line-height:1.2em;
}

.clients_listing ul
{
	margin:0;
	padding:10px 0px 0px 0px;
	list-style-type:none;
}

.clients_listing ul li
{
	
	font-size:1.4em;
	border-bottom:1px dashed black;
	line-height:1.2em;
	margin: 0;
	padding:5px 0px;
	color:#565656;
	background:url(../../general/dc_client_arrow_off.gif) no-repeat right center;
}

.clients_listing ul li a
{
	color:#565656;
	text-decoration:none;
	line-height:1.2em;
	padding:5px 0px;		
	margin: 0;

}

.clients_listing ul li a:hover
{
	line-height:1.2em;
	color:#5e923c;
	text-decoration:none;
	padding:5px 0px;	
}




/* 4. FORMS ---------------------------------------------------------------------*/


form
{
	margin: 0;
	padding: 10px;
}


.formField
{
	float: left;
	width: 140px;
	padding: 2px 5px;
	border: 1px solid #4b7e4b;
	background-color: #fff;
	font: normal 1.1em Arial;
	color: #666;
	margin-bottom: 6px;
}

.formTextarea
{
	float: left;
	width: 300px;
	padding: 2px 5px;
	border: 1px solid #4b7e4b;
	background-color: #fff;
	font: normal 1.1em Arial;
	color: #666;
	margin-bottom: 6px;
	overflow:hidden;
}

.formButtons
{
	padding-left:15px;
	padding-top: 2px;
	margin:0;
}

label
{
	float: left;
	width: 120px;
	font-size: 1.2em;
}

form br
{
	clear: left;
}





/* 5. WE ARE DIFFERENT -----------------------------------------------------------*/

.differentImage
{
	width:350px;
	height:200px;
	border: 1px solid #A0A0A0;
}

.differentRow
{
	width:714;
	height:212;
	margin:0px auto;
}

.differentTopLeft
{
	width:352;
	height:212;
	margin:0;
	float:left;
}

.differentTopRight
{
	width:352;
	height:212;
	margin:0;
	margin-left:10px;
	float:left;
}

.differentLeft
{
	width:352;
	height:212;
	margin:0;
	margin-top:10px;
	float:left;
}

.differentRight
{
	width:352;
	height:212;
	margin:0;
	margin-top:10px;
	margin-left:10px;
	float:left;
}