/**
 * dataGrid.css - Companion to dataGrid.dwt
 */

/* -- TOC ----------------------------------------------- */
/* #dataGrid-TOC-container {} */

#dataGrid-TOC-title {
	font-size: 14px;
	margin: 1em 0 0.33em;
}

/* #dataGrid-TOC-itemList-container {} */

#dataGrid-TOC-itemList {
	list-style: none;
	margin: 0 0 2em;
	font-size: 12px;
	line-height: 14px;
}

/*
#dataGrid-TOC-itemList ul {
	background-image:url(/img/radio-1_gold.gif);
}*/
	
.dataGrid-TOC-item {
	/* list-style-type: disc; 
	margin-left: 15px; */
	padding-left: 10px;
	background-image:url(/img/radio-1_blue_s.gif);
	background-repeat:no-repeat;
	background-position: left;
}

/* -- Data Sections ------------------------------------- */
/* -- Section Table -- */
/* .dataGrid-sectionTable {} */

.dataGrid-sectionTable td {
	vertical-align: top;
}

/*
.dataGrid-sectionImage {}
.dataGrid-sectionImage img {}
*/

/* wish this would work but it wont
td.dataGrid-sectionImage a:hover img {
	border-bottom-color: red;
	border-bottom: 3px;
} */

/*
.dataGrid-sectionImage a:link img, .dataGrid-sectionImage a:visited img  {
	border-color: #FFFFFF;
	border-bottom: 3px;
}

.dataGrid-sectionImage a:hover img, .dataGrid-sectionImage a:active img, .dataGrid-sectionImage a:focus img {
	border-color: #FEBE08;
	border-bottom: 3px;
}*/


.dataGrid-sectionContent {
	width: 70%;
}

#applications .dataGrid-sectionContent {
	width: 55%;
}

#information .dataGrid-sectionContent, #design .dataGrid-sectionContent, #packages .dataGrid-sectionContent {
	width: 50%;
}

#printing .dataGrid-sectionContent { width: 60%; }

.service-section .dataGrid-subsectionContent { width: 45%; }

#webapps .dataGrid-subsectionContent { width: 38%; }

#graphics .dataGrid-subsectionContent  { width: 65%; }

#business .dataGrid-subsectionContent { width: 55%; }

#clients .dataGrid-subsectionContent { width: 58%; }

/*
#support .dataGrid-subsectionContent, #applications .dataGrid-subsectionContent, #internet .dataGrid-subsectionContent {
	width: 45%;
} */

#support .dataGrid-section-container .dataGrid-subsectionImage-right  {
	display:none;
}

#moreclients .dataGrid-subsectionContent, #jobs .dataGrid-subsectionContent  {
	width: 100%;
	margin-top: 0;
}

#moreclients td.dataGrid-column-1 {
	width: 75%;
}

#moreclients td.dataGrid-column-2 {
	width: 25%;
}

#jobs td.dataGrid-column-1 {
	width: 22%;
	font-style:italic;
	/* font-weight: 500; */
}

#jobs td.dataGrid-column-2 {
	width: 78%;
}

/* -- Section Content -- */
.dataGrid-section-container { 
	margin: 2em 0 0; 
}

#jobs .dataGrid-section-container {
	margin: 0;
	padding-bottom: 2em;
}

#jobs .dataGrid-itemsTable-hiLite { 
	background-color: #FFF9E6;	 
}

#information .dataGrid-sectionTable-hiLite, #services .dataGrid-sectionTable-hiLite, #printing .dataGrid-sectionTable-hiLite, #design .dataGrid-sectionTable-hiLite, #packages .dataGrid-sectionTable-hiLite {
	background-color: #FFF9E6;	 
}

#clients .dataGrid-subsectionTable-hiLite, .service-section .dataGrid-subsectionTable-hiLite, #graphics .dataGrid-subsectionTable-hiLite, #support .dataGrid-subsectionTable-hiLite {
	background-color: #FFF9E6;	 
}

/*
#moreclients .dataGrid-section-container { 
	margin: 0;
} */

/* .dataGrid-section-container-1 {} */

.dataGrid-sectionTitle {
	/* font-size: 14px;
	margin: 0 0 0.33em; */
	margin: 1em 0 .5em;
	padding-left: 0.5em;
	color: #172C7D;
	background-image:url(/img/radio-1_blue.gif);
	background-position: left;
	background-repeat:no-repeat;
}

/* Ex. Talk to the sectionTitle of the second section */
/* .dataGrid-section-container-2 .dataGrid-sectionTitle {} */
	
.dataGrid-sectionDescription {
	font-size: 12px;
	font-style: italic;
	margin: 0 0 0.5em;
}


/* -- Data Subsections ---------------------------------- */	
.dataGrid-subsection-container {
	margin-bottom: 20px;
}

#moreclients .dataGrid-subsection-container {
	margin-top: 0.5em;
}

/* Ex. Indent all subsections by 20px
.dataGrid-subsection-container { margin-left: 20px;}
*/

/* .dataGrid-subsection-container-1 {} */

/* Ex. Talk to the third subsection of the second section */
/* .dataGrid-section-container-2 .dataGrid-subsection-container-3 {} */
	
.dataGrid-subsectionContent {
	/* width: 260px; */
	width: 100%;
}

.dataGrid-subsectionImage-right {
	text-align: right;
	padding-right: 25px;
	/* width: 50%; */
}	
	
.dataGrid-subsectionTitle {
	font-size: 13px;
	margin: 0 0 0.33em;
}

.dataGrid-subsectionDescription {	
	font-style: italic;
	margin: 0 0 0.33em;
	font-size: 11px;
}


/* -- Data Tables --------------------------------------- */	
.dataGrid-itemsTable-container {}

.dataGrid-itemsTable {
	border: 1px solid #ddd;
	/* border-bottom: 0; */
	font-size: 12px; 
	/* margin-right: 20px; */
}

/* Ex. Talk to the itemsTable of the second subsection of the first section */
/* .dataGrid-section-container-1 .dataGrid-subsection-container-2 .dataGrid-itemsTable {} */

.dataGrid-itemsTable th,
.dataGrid-itemsTable td {
	padding: 0.1em 0.3em;
	/* border-bottom: 1px solid #ddd; */
}

.dataGrid-itemsTable th a:link, .dataGrid-itemsTable th a:visited {
	color: white;
	text-decoration: underline;
}

.dataGrid-itemsTable th a:hover, .dataGrid-itemsTable th a:focus, .dataGrid-itemsTable th a:active {
	color: #FEBE08;
	text-decoration: underline;
}

/*
.dataGrid-itemsTable {
	border-color: #172C7D;
	border: 1px;
} */
	
.dataGrid-itemsTable th {
	text-align: left;
	background: #172C7D;
	color: white;
/* 	border: 1px; */
}

/*
.dataGrid-itemsTable td {}

.dataGrid-columnTitle-row {}

.dataGrid-columnTitle-1 {}
*/

#design tr.row2, #webapps tr.row2, #packages tr.row2, #applications tr.row2, #internet tr.row2, #graphics tr.row1, #printing tr.row2, #business tr.row2, #computing tr.row2, #clients tr.row2, #support tr.row2, #search tr.row2 { 
	font-style:italic;
	padding-top: .25em;
	padding-bottom: .25em;	
	/* color: #172C7D; */
	}
	
#clients tr.row2 { 
	font-style:italic;
	padding-top: .25em;
	padding-bottom: .25em;
	text-align:right;
	padding-right: 10px;
	/* color: #172C7D; */
	}
	
#testimonials tr.row1 { 
	/* font-style:italic; */
	padding-top: 1em;
	margin-top: 0.25em;
	/* padding-bottom: .25em; */
	/* text-align:right; */
	padding-right: 10px;
	/* color: #172C7D; */
	}
	
#testimonials tr.row2 { 
	font-style:italic;
	padding-top: .25em;
	padding-bottom: .25em;
	/* text-align:right; */
	padding-right: 10px;
	/* color: #172C7D; */
	}
	
#information tr.row1, #webapps tr.row3, #design tr.row3, #packages tr.row3, #graphics tr.row2 { 
	/* font-style:italic; */
	font-size:10px;
	padding-top: .25em;
	padding-bottom: .25em;
	text-align:right;
	color:#999999;
	/* color: #172C7D; */
	}
	
#information tr.row2 td, #webapps tr.row2 td, #webapps tr.row3 td, #design tr.row2 td, #packages tr.row2 td, #design tr.row3 td, #packages tr.row3 td, #applications tr.row2 td, #internet tr.row2 td, #graphics tr.row2 td, #graphics tr.row3 td, #printing tr.row2 td, #business tr.row2 td, #computing tr.row2 td, #clients tr.row2 td, #support tr.row2 td, #search tr.row2 td {
	border-top: 1px dashed #ddd;
	}
	
#design tr.row1 { 
	padding-top: .25em;
	padding-bottom: .25em;	
	}

.dataGrid-item-row { background: transparent; } 

/* Ex. Give even numbered item rows a different background */
/* .dataGrid-item-row.even{ background: #f5f5f5; } */

/*
.dataGrid-column-1 { width: 20%; }
.dataGrid-column-2 { width: 15%; } */

/* -- Mouseover row hilite -- */
/* .dataGrid-item-hiLite { background:#ffb; } */
#moreclients .dataGrid-item-hiLite {
	background-color: #FFF9E6;	 
}

/* Ex. Hilite all subsections of the second section a different color
.dataGrid-section-container-2 .dataGrid-item-hiLite { background: #cef; }
*/

/* Ex. Override the hilite background only for the first column
.dataGrid-item-hiLite .dataGrid-column-1 { background: #fff; }
*/


/* -- Go-to-top Links ---------------------------------- */	
/* .dataGrid-topLink-container {} */

/* Ex. Disable go-to-top links for all sections except the third section
.dataGrid-section-container .dataGrid-topLink-container { display: none; }
.dataGrid-section-container-3 .dataGrid-topLink-container { display: block; }
*/

.dataGrid-topLink {
	text-align: right;
	font-size: 0.8em;
	padding: 0;
	margin: 0;
}

.dataGrid-topLink-image a {
	background: url(/img/topLink_blue.gif) center right no-repeat;
	padding-right: 1.66em;
	height: 11px;
}