@charset "utf-8";

/**************************************************
    DR. COMPUTER
	Master CSS Document
 **************************************************/

/**************************************************
            Global Settings
 **************************************************/
html, body {
	border:0;
	padding:0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	background-color: #FFF;
}
 
body {
	background-color: #333;
	font-family: Verdana, Geneva, sans-serif;

}
 
/*====== Headings ======*/
 
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}

/*====== Common Formatting ======*/
 
p, ul, ol, dl {
	margin:0;
	padding:0;
}

blockquote {
	margin:1.25em;
	padding:1.25em 1.25em 0 1.25em;
}

hr {
	background-color: #E6E6E6;
	height: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

small {
	font-size:0.85em;
}
 
img {
	border:0;
}
 
sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}
 
sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}
 
acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}
 
/*====== Links ======*/
 
a,
a:link,
a:visited,
a:hover {
	text-decoration:none;
	outline:none;
}
 
/*====== Forms ======*/
 
form {
	margin:0;
	padding:0;
	display:inline;
}
 
input, select, textarea {
	font-size: 1em;
}
 
textarea {
	width:100%;
	line-height:1.25;
}
 
label {
	cursor:pointer;
}
 
/*====== Tables ======*/
 
table {
	border:0;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 95%;
}
 
table tr td {
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
	background-position: left top;
	vertical-align: top;
}
thead {
	margin: 0px;
	padding: 0px;
}
th {
	margin: 0;
	padding: 3px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	text-align: center;
	font-style: normal;
	font-variant: normal;
	color: #C00;
	border: 1px solid #000000;
	background-color: #A1A1A1;
}
td {
	margin: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	text-align: left;
	font-style: normal;
	color: #666666;
	padding: 2px;
} 

span {
	margin: 0;
	padding: 3px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	text-align: center;
	font-style: normal;
	font-variant: normal;
	color: #C00;
	background-color: #A1A1A1;
	border: 1px solid #000;
}

/*======= Global Classes ======*/
 
.clear {
	clear:both;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:960px;margin:0 auto; }
 
.img-left      { float:left;margin:4px 10px 4px 0; }
.img-right     {
	float:right;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0px;
	padding-right: 10px;
}

.framed		   {
	border: 5px solid #666;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 80px;
	float: left;
	clip: rect(5px,auto,5px,auto);
}

.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }


/**************************************************
            Container
 **************************************************/
#Container {
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 10px;
	background-color: #e5e5e5;
	border: 5px solid #D8D8D8;
}
#Container p{
	padding: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
/*--#Container a, #Container a:visited{
	color: #C00;
	text-decoration: underline;
}
#Container a:hover{
	color: #999;
	text-decoration: none;
}--*/
/**************************************************
           Menu
 **************************************************/
#Navigation {
	background-image: url(../images/menu3.jpg);
	height: 40px;
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#Menu {
	list-style:none;
	overflow:hidden;
	width:100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-weight: bold;
	/*--border:1px solid #437E7E;--*/
}
#Menu li {
	display: inline;
	margin: 0px;
	padding: 0px;
}
#Menu a, #Menu a:visited{
	display:block;
	float:left;
	height:29px;
	font-size:13px;
	text-transform:none;
	text-decoration:none;
	color:#FFF;
	text-align: center;
	margin-top: 11px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 13px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
} 
#Menu a:hover {
	color:#F00;
}
#Menu a.current{
	margin-left:0;
	color: #FFF;
	font-weight: bold;
	text-decoration: underline;
} 

/**************************************************
           Top
 **************************************************/
#Top {
	background-image: url(../images/banner_top2.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	height: 120px;
	width: 900px;
}

/**************************************************
     THREE COLUMNS HOLDER
 **************************************************/
#ThreeHolder {
	clear: both;
	overflow: auto;
	padding-top: 2px;
}
#ThreeHolder h1{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #C00;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	margin: 0px;
}
#ThreeHolder h2{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #333;
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
	margin: 0px;
}
#ThreeHolder p {
	color: #333;
	font-size: 12px;
	font-style: normal;
	line-height: 14px;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#ThreeHolder p.name {
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	color: #000;
	line-height: 13px;
	text-indent: 15px;
}

/**************************************************
     individual Columns Begin
 **************************************************/
#ColmONE {
	float: left;
	width: 185px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-right: 0px;
	padding-left: 0px;
}
#ColmTWO {
	float: left;
	width: 500px;
	margin-left: 15px;
	overflow: auto;
	background-color: #FFF;
}
#ColmTHREE {
	float: right;
	width: 185px;
	margin-left: 0px;
}
#ColmONE p, #ColmTHREE p {
	padding: 5px;
	margin: 0px;
	font-size: 12px;
	color: #333;
}
#ColmONE a, #ColmONE a:visited, #ColmTHREE a, #ColmTHREE a:visited {	
	color: #C00;
	text-decoration: underline;
}
#ColmTWO a, #ColmTWO a:visited {
	color: #C00;
	text-decoration: none;
}
#ColmONE a:hover, #ColmTWO a:hover, #ColmTHREE a:hover {
	color: #666;
	text-decoration: none;
}
/*======= ColmONE ======*/
#ColmONE h2 {
	padding-top: 5px;
	padding-bottom: 0px;
	color: #C00;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 0px;
	clear: both;
}
#ColmONE h3 {
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	color: #C00;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	margin: 0px;
	text-align: center;
}

#ColmONE ul{
	float: left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(../images/list_bg.png);
	background-repeat: no-repeat;
	width: 180px;
	height: 290px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#ColmONE ul li {
	padding-top: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
	font-size: 13px;
	color: #C00;
	list-style-position: inside;
	list-style-type: disc;
	line-height: 20px;
	text-transform: uppercase;
	margin: 0px;
	font-weight: bold;
	padding-right: 0px;
}
#ColmONE ul li a, #ColmONE ul li a:visited {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
}
#ColmONE ul li a:hover {
	color: #C00;
}
#ColmONE ul li:hover{
	color: #FFFFFF;
}

/*======= ColmTWO ======*/
#ColmTWO h1 {
	text-align: center;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-bottom-width: 0px;
	margin-bottom: 10px;
	color: #0A51A1;
	font-size: 16px;
	margin-top: 5px;
	text-decoration: underline;
	text-transform: uppercase;
}
#ColmTWO h2 {
	text-align: center;
	color: #FFF;
	font-size: 17px;
	line-height: 20px;
	background-image: url(../images/laptop_bg.jpg);
	height: 280px;
	margin: 0px;
	padding-top: 35px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-weight: normal;
	background-repeat: no-repeat;
}
#ColmTWO h3 {
	text-align: center;
	margin-bottom: 5px;
	color: #cc0000;
	font-size: 16px;
	margin-top: 10px;
	line-height: 20px;
	margin-right: 0px;
	margin-left: 0px;
}
#ColmTWO h4 {
	text-align: center;
	margin-bottom: 5px;
	color: #000000;
	font-size: 14px;
	margin-top: 5px;
	line-height: 20px;
}
#ColmTWO h5 {
	text-align: center;
	margin-bottom: 5px;
	color: #cc0000;
	font-size: 14px;
	margin-top: 10px;
	line-height: 20px;
	margin-right: 0px;
	margin-left: 0px;
}
#ColmTWO h6 {
	text-align: left;
	margin-bottom: 5px;
	color: #0A51A1;
	font-size: 12px;
	margin-top: 5px;
	line-height: 18px;
	text-decoration: underline;
	padding-left: 20px;
}
#ColmTWO p {
	color: #000;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#ColmTWO p.design {
	text-align: left;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 16px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 20px;
	color: #333;
}
#ColmTWO p.design a, #ColmTWO p.design a:visited {
	text-decoration:none;
	font-weight: bold;
}
#ColmTWO p.design a:hover {
	color:#CCC;
}
#ColmTWO a.mail, #ColmTWO a.mail:visited {
	text-decoration:none;
	color: #9D9D9D;
	font-weight: bold;
}
#ColmTWO a.mail:hover {
	color:#FF1A1A;
}
#ColmTWO p.bottom {
	color: #333;
	font-size: 11px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 20px;
	text-align: center;
}
#ColmTWO .slogan {
	text-align: center;
	clear: both;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
	background-color: #0A51A1;
	color: #FFF;
	width: 500px;
	line-height: 24px;
	float: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-weight: bold;
	font-size: 14px;
}
/*======= ColmTWO UL ======*/
#ColmTWO ul {
	float: left;
	margin: 0px;
	width: 470px;
	background-color: #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#ColmTWO ul li{
	font-size: 12px;
	font-weight: normal;
	color: #000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
	text-align: justify;
	list-style-image: url(../images/list_style.jpg);
}
#ColmTWO ul li a, #ColmTWO ul li a:visited {
	color: #C00;
	text-decoration: none;
	font-weight: normal;
	text-align: justify;
}
#ColmTWO ul li a:hover{
	color: #999;
}

#ColmTWO ul li strong{
	color: #000;
	font-weight: bold;
}
/*======= ColmTWO OL ======*/
#ColmTWO ol {
	float: left;
	margin: 0px;
	width: 470px;
	background-color: #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#ColmTWO ol li{
	font-size: 12px;
	font-weight: normal;
	color: #000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
	text-align: justify;	
}
#ColmTWO ol li a, #ColmTWO ol li a:visited {
	color: #C00;
	text-decoration: none;
	font-weight: normal;
	text-align: justify;
}
#ColmTWO ol li a:hover{
	color: #999;
}
#ColmTWO ol li strong{
	color: #000;
	font-weight: bold;
}
/*======= ColmTWO DL ======*/
#ColmTWO dl {
	float: left;
	margin: 0px;
	width: 470px;
	background-color: #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
#ColmTWO dl dt {
	color: #0A51A1;
	font-weight: bold;
	font-size: 12px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#ColmTWO dl dd{
	font-size: 12px;
	font-weight: normal;
	color: #000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	text-align: justify;
}
#ColmTWO dl dd a, #ColmTWO dl dd a:visited {
	color: #C00;
	text-decoration: none;
	font-weight: normal;
	text-align: justify;
}
#ColmTWO dl dd a:hover{
	color: #999;
}
#ColmTWO dl dd strong{
	color: #000;
	font-weight: bold;
}
#ColmTWO dl dt a, #ColmTWO dl dt a:visited, #ColmTWO dl dt a:hover {
	color: #0A51A1;
	text-decoration: none;
	font-weight: bold;
	text-align: justify;
}
#ColmTWO dl dt strong{
	font-weight: bold;
}

/*======= ColmTHREE ======*/
#ColmTHREE h2 {
	color: #FFF;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	margin: 0px;
	padding: 5px;
	background-color: #CC0000;
	height: 38px;
	border: 1px solid #000000;
}
#ColmTHREE p.box {
	margin: 0px;
	font-size: 12px;
	color: #333;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	line-height: 14px;
}
#ColThrBox  {
	padding: 0px;
	width: 180px;
	background-color: #CCC;
	border: 1px solid #666;
	height: 300px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#ColThrBox form {
	margin: 0px;
	padding: 0px;
	background-color: #CCC;
	border: 0px none #333333;
}
#ColThrBox #button {
	color: #FFF;
	background-color: #C00;
	font-weight: bold;
	text-align: center;
	border: 1px solid #000;
}
#ColThrBox textarea {
	margin: 0px;
	font-size: 12px;
	color: #333;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	line-height: 14px;
}
/**************************************************
     TWO COLUMNS HOLDER
 **************************************************/
#TwoHolder {
	clear: both;
	overflow: auto;
	padding-top: 2px;
	/*--border: 1px solid #E0E0E0;
	padding: 10px;
	overflow: auto;
	width: 778px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;--*/
}
#ColmA {
	float: left;
	width: 256px;
	margin: 0px;
	padding: 0px;
}
#ColmB {
	width: 500px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#ColmA p, #ColmB p {
	font-size: 12px;
	font-weight: normal;
	color: #5F7786;
	margin: 0px;
	padding: 0px;
}

/**************************************************
     ONE COLUMN HOLDER
 **************************************************/
#OneColm {
	clear: both;
	overflow: auto;
	padding: 10px;
	width: 778px;
	background-color: #5F7786;
	border: 1px solid #E0E0E0;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#OneColm p{
	color: #FFFFFF;
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

/**************************************************
     FOOTER
 **************************************************/
#Footer {
	color: #FFF;
	font-size: 13px;
	border: 2px solid #E0E0E0;
	background-image: url(../images/banner-btm2.gif);
	height: 67px;
	font-weight: bold;
	padding-top: 18px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	line-height: 0px;
	background-repeat: no-repeat;
	margin: 0px;
	width: 893px;
}
#Footer a, #Footer a:visited {
	text-decoration: none;
	color: #FFF;	
}
#Footer a:hover{
	color: #CCC;
	text-decoration: underline;
}
#Footer p.design {
	text-align: right;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	padding: 0px;
}
#Footer p.design a.link {
	text-decoration:underline;
	font-weight: bold;
}
#Footer p.design a.link:hover {
	color:#CCC;
}

#Footer p.links {
	text-align: left;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	padding: 0px;
	margin-top: 15px;
	margin-left: 5px;
}
#Footer p.links a.link, #Footer p.links a.visited  {
	text-decoration: none;
	color: #FFF;
}
#Footer p.links a.link:hover {
	color:#CCC;
}

/**************************************************
     RightOnly
 **************************************************/
#RightOnly {
	float: right;
	width: 580px;
	overflow: auto;
	background-color: #FFF;
}
#RightOnly h1 {
	text-align: center;
}

#RightOnly ul{
	float: left;
	margin: 0px;
	padding: 0px;
	width: 580px;
	background-color: #FFFFD9;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #E5E5E5;
	border-bottom-color: #E5E5E5;
	border-bottom-width: 4px;
	border-bottom-style: solid;
}
#RightOnly ul li{
	font-size: 12px;
	font-weight: normal;
	color: #333;
	width: 500px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	line-height: 16px;
	text-align: left;
	list-style-image: url(../images/list_style.jpg);
}
#RightOnly ul li a{
	color: #C00;
	text-decoration: underline;
}
#RightOnly ul li a:hover{
	color: #999;
}

/**************************************************
     FAQ
 **************************************************/
#ColmTWO p.question {
	color: #000;
	font-size: 12px;
	font-style: normal;
	line-height: 16px;
	font-weight: normal;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 20px;
}
#ColmTWO p.question a, #ColmTWO p.question a:visited {
	text-decoration: none;
	color: #C00;
}
#ColmTWO p.question a:hover {
	color: #999;
}
#ColmTWO a.top, #ColmTWO a.top:visited {
	text-decoration: underline;
	color: #C00;
	font-size: 10px;
	font-weight: normal;
	padding-left: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
} 
#ColmTWO a.top:hover {
	color: #999;
}
#ColmTWO a.top-testimonials, #ColmTWO a.top-testimonials:visited {
	text-decoration: underline;
	color: #C00;
	font-size: 10px;
	font-weight: normal;
	padding: 0px;
	float: right;
	margin-right: 20px;
	margin-top: -20px;
}
#ColmTWO a.top-testimonials:hover {
	color: #999;
}