/* Major page styles ***************************** */
html, body, * {
	margin: 0;  padding: 0;  list-style: none;
	font-family: Verdana, Arial;  color: Black;
}

body {background:black url(images/dgi_bg.jpg) no-repeat; background-position: center; }
.clearthis {clear: both;}

/* Corner page styles ***************************** */

.roundcont {margin: auto;  position: relative;  width: 820px;  background-color: white;  color: white;}
.roundcont p {margin: 0 10px;}
.roundtop {background: url(images/tr.gif) no-repeat top right;}
.roundbottom {background: url(images/br.gif) no-repeat top right;}
 img.corner {display: block !important;  width: 53px;  height: 52px;  border: none;}


/* Logo styles ***************************** */

.masthead h1.logo {
	text-indent: -9999px;
	margin: 5px auto;
	width: 100%;
	height: 40px;
	background: url(images/DavidGrantLogo_Web.gif) no-repeat center;
}


/* Tagline styles ***************************** */
.masthead h1.tagline {
    border: 5px;
    background: repeat-x url(images/header_bg.gif) rgb(140,0,25);
    color: white;
    font-weight: bold;
    font-size: 16pt;
	 text-align:center;
	 padding: 25px 0;
}

.masthead ul li {list-style: none;}
.masthead ul#navigation {width:100%;  margin: 0;  padding: 0; }
.masthead ul#navigation li {width: 20%;  float: left;}
.masthead ul#navigation li input.button {
	padding: .2em .4em;
	width: 100%;
	height: 50px;
}



/* Content Layout ******************************/

.content {
	width: 96%;  margin: 2% 2%;
	position: relative;
   padding-bottom: 10px;
}

.content .sidebar {
	font-weight: bold;
	float:left;
}
.content #remote * {
	 padding: 0px;  
	 list-style: none;
    text-align:center;
}

.content #main_content {
	
	margin-left: 214px;
   width: auto;
   
}


/* Sales support styles ***************************** */

.content #sales {
   width: 193px;
	text-align:center;
	font-size: 9pt;
  	background: url('images/noho/sm_box_bottom.gif') bottom left no-repeat;
}

.content #sales div {
    padding-top: 10px;
	 background: url('images/noho/sm_box_top.gif') top left no-repeat;
    padding-bottom: 10px;
}

.content #sales ul {
    width: 191px;
    font-size: 10pt; color : Black;
    border: solid rgb(68,68,68);
    border-width: 0 1px;
}

.content #sales ul li {margin: 20px 10px;}
.content #sales ul li.first {margin-top: 0px;}
.content #sales ul li.last {margin-bottom: 0px;}






/* Remote support styles ***************************** */

.content #remote {
	 margin-top:20px;
	 width: 193px;  
    background: url('images/noho/sm_box_bottom.gif') bottom left no-repeat;
}

.content #remote div {
    padding-top: 10px; 
    background: url('images/noho/sm_box_top.gif') top left no-repeat;
	 padding-bottom: 10px; 
}

.content #remote ul {
    width: 191px;
    font-size: 10pt; color : Black;
	 border: solid rgb(68,68,68);
    border-width: 0 1px;
	 
}

.content #remote ul li {margin-bottom: 10px;}
.content #remote ul li.first {margin-top: 10px;}


/* #main_content styles ***************************** */


#main_content {font-size: 10pt; }

#main_content p
{
	text-align: left;
	font-style: italic;
	margin-bottom: 20px;
}




#main_content #noho_products img {margin: auto;  display: block;  padding-bottom: 10px;}
#main_content #noho_products p {margin: 0; padding: 0 0 20px 0;}

#main_content #noho_products dl dt { 
    text-indent: -9999px; 
    float: left;
    width: 90px; 
    background-position: top center; 
    background-repeat: no-repeat;
} 

#main_content #noho_products dl dt,
#main_content #noho_products dl dd {
	height: 40px;
	margin-bottom:10px;
	padding-bottom: 25px;
	border-bottom: 1px solid silver;
}

#main_content #noho_products dl dt {padding-right: 10px;  margin-right: 2px;}
#main_content #noho_products dl dd {padding-left: 10px; border-left: 1px solid silver;  color: Black;  font-size: 8pt;}





#main_content #noho_products dl dd.noho_care {color: blue;}
#main_content #noho_products dl dd.noho_cel {color: green;}
#main_content #noho_products dl dd.noho_ats {color: orange;}
#main_content #noho_products dl dd.noho_rr {color: purple;}

#main_content #noho_products dl dt.noho_care {background-image: url(images/noho/CARE.gif);}				
#main_content #noho_products dl dt.noho_cel {background-image: url(images/NoHo/CEL100.jpg);}
#main_content #noho_products dl dt.noho_ats {background-image: url(images/NoHo/ATS.gif);}
#main_content #noho_products dl dt.noho_rr {background-image: url(images/NoHo/RR.gif);} 






/******************** Our Staff *******************************/

/*****  Staff Content *******/
.personnel {
	width: 96%;  margin: 2% 2%;
	position: relative;
   padding-bottom: 10px;
	padding-top:20px
}

.personnel ul {
	width: 49%;
}
.personnel ul li {
	width: 100%;
	margin: 20px;
}

.personnel ul img {
	float: left;
	margin-right: 10px;
	margin-left:5px;
	
	
}

.personnel ul.left_side {
	 float: left; 
}

.personnel ul li  {
	text-align:inherit;
	font-size: 10px;
	
}

/******************** Sales Service **********************************/

/**** Content Styles ******/

#services {
	width: 96%;  margin: 2% 2%;
	position: relative;
   padding-bottom: 20px;
	font-size:12px; 
	padding-top: 20px;  
}
#services p {
	margin: 0 0 
}


#services h4 {
	color:maroon;
	text-align:center;
}

#services #servicetypes #programming {
	width: 50%;  
	float: left;
	padding-right: 20px;
}

#services #servicetypes {
	margin-top: 20px;
}

/** 
#services technology {
	margin-top: 20px; 
	
}
/******************** Contact Us **********************************/

#contactinfo {
	margin-top:60px;
	font-weight: bold;
   font-size: 12pt;
	text-align:center;
	 
}

#contactinfo h2 {
	color:maroon;
}
#contactinfo h3 {
	color:maroon;
}