/*  CSS for main content  */

body{
margin:0;
margin-top:5px;
padding: 0;
background-image:url(../img/sunsetBG.jpg);
background-repeat:no-repeat;
background-color: #C21229;
background-position:center top;
}

.wrapper{
	width:882px;
	margin:auto;
	text-align:center;
	height:580px;;
	background-color:#FFF;
	margin-top:80px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position:relative;
}

.shadow {
  -moz-box-shadow: 5px 5px 5px #333;
  -webkit-box-shadow: 5px 5px 5px #333;
  box-shadow: 5px 5px 5px #333;
  /* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#000000');
}

.header{
  width:860px;
  margin:auto;
  margin-top:20px;
  height:90px;
  background-image: url(../img/DC_Logo_sm.jpg);
  background-position:top left;
  background-repeat: no-repeat;
}

.top{
	width:860px;
	margin:auto;
	text-align:right;
	height:33px;
	float:left;
	padding-top:10px;
}

.smalltext{
background-color: #FFFFFF;
font-size: 7pt;
color:#333333;
}

.left{
	float:left;
	width:242px;
}

.left a{
	margin:0;
	padding:0;
	text-decoration:none;
}

.front_blurb{
	width:460px;
	background-color:#FFFFFF;
	height:365px;
	margin-left:25px;
	clear:both;
	padding-top:10px;
	padding-left:10px;
	font-family:Verdana;
	font-size:12px;
	text-align:left;
	position:absolute;
	top:95px;
	right:15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 3px inset #222222;
	background-color:#666;
	background-image:url(../img/blurbBG.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
}

.front_blurb a{
	color:#FFFFFF;
}

#custLogin{
	margin-auto;
	width:400px;
	height:200px;
	margin-left:35px;
	margin-top:40px;
}

.phone{
	font-family:Verdana;
	font-size:38px;
	color:#333333;
	font-weight:bold;
	text-align:center;
	width:350px;
	position:absolute;
	top:380px;
	left:30px;
}

.email{
	font-family:Verdana;
	font-size:24px;
	color:#F90;
	font-weight:bold;
	text-align:center;
	width:400px;
	position:absolute;
	top:430px;
	left:0px;
}

.email a{
	color:#F90;
	text-decoration:none;
}

.menu{
	position:absolute;
	top:20px;
	right:22px;
	z-index:100;
	font-family:Verdana;
	font-size:16px;
	color:#F90;
	font-weight:bold;
	text-shadow:0.1em 0.1em 0.05em #333;
	/*filter: Shadow(Color=#666666, 	
			Direction=135, 
			Strength=5);*/
	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000')";*/
	/* For IE 5.5 - 7 */
	/*filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#000000');*/
}

.menu a{
	text-decoration:none;
	color:#F90;
}

.angry{
	width:360px;
	height:360px;
	position:absolute;
	top:90px;
	left:25px;
	/*background-image:url(../img/mad_at_laptop.jpg);
	background-position:top left;
	background-repeat:no-repeat;*/
	font-family:Verdana;
	font-size:13px;
}

.stressOut{
	width:860px;
	height:120px;
	position:absolute;
	top:485px;
	left:10px;
	background-image:url(../img/stressOut_med.jpg);
	background-position:top;
	background-repeat:no-repeat;*/
	font-family:Verdana;
	font-size:13px;
}

.link{
	display:block;
	width: 250px;
	height:38px;
	padding-bottom:4px;
}

.right{
	float:left;
	width:630px;
}

.right_topper{
	width:630px;
	background-image:url(../img/main_topper_bg.jpg);
	background-repeat:no-repeat;
	background-position: bottom right;
	height:34px;
}

.right_main{
	width:600px;
	background-color:#FCEBAB;
	height:210px;
	margin-left:25px;
}

.right_bottom{
	width:630px;
	background-image:url(../img/main_bottom_bg.jpg);
	background-repeat:no-repeat;
	background-position: bottom right;
	height:30px;
}

.compRepair{
	width:199px;
	height:148px;
	float:left;
	background-image:url(../img/laptop.jpg);
	background-repeat:no-repeat;
	border-left: 1px solid #FCEBAB;
}

.dataServices{
	width:200px;
	height:148px;
	float:left;
	background-image:url(../img/dataServices.jpg);
	background-repeat:no-repeat;
}

.webSites{
	width:200px;
	height:148px;
	float:left;
	background-image:url(../img/webDesign.jpg);
	background-repeat:no-repeat;
}


.services{
	background-color:#004681;
	width:199px;
	height:54px;
	margin-top:148px;
	border-top: 1px solid #FCEBAB;
	padding-top:10px;
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
	font-weight:normal;
	text-align:left;
}
	
.services ul{
	line-height:15px;
	padding-left: -10px;
	margin-left: 10px;
	margin-top:-5px;
}
	
.services a{
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF
}
	
.services a:hover{
	text-decoration:underline;
}

.footerWrapper{
	margin:auto;
	width:860px;
	position:relative;
}

.footer{
	font-family:Verdana;
	font-size:12px;
	text-align:center;
	padding-top:5px;
	color:#FFFFFF;
	clear:both;
	font-weight:bold;
	margin-top:5px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1200;
}
	
.footer a{
	color:#FFFFFF;
}

.front_contact{
	background-image:url(../img/front_contact_bg.jpg);
	background-repeat:no-repeat;
	width:246px;
	padding:10px;
	padding-top:38px;
	height:280px;
	margin-top:12px;
	margin-left:4px;
}

.cc{
    width: 246px;
    padding:10px;
    height:70px;
    background-image: url(../img/cc_left.jpg);
    background-position:left;
    background-repeat: no-repeat;
}

.contactTop{
	height:260px;
	text-align:left;
	font-family:Arial;
	font-size:20px;
	padding-top:20px;
	padding-left:10px;
}
	
.contactBottom{
	height:260px;
	text-align:left;
	font-family:Arial;
	font-size:14px;
	padding:10px;
	width:400px;
	color:#FFFFFF;
}

#main {
width: 880px;
height: 600px;
margin: auto;
padding-top:3px;
}

#topper {
	background-image: url("../img/topper.gif");
	background-repeat: no-repeat;
	width: 920px;
	height: 50px;
	margin:auto;
}

#bottom {
	background-image: url("../img/bottom.gif");
	background-repeat: no-repeat;
	width: 920px;
	height: 50px;
	margin:auto;
}

.label {
width: 70px;
float: left;
text-align: left;
display: block;
color:#FFFFFF;
}

.field{
width: 300px;
float: left;
text-align: left;
display: block;
}

.clear{
	clear:both;
}

.whitesubheader {
	font-family: arial;
	font-size: 12pt;
	color: #FFFFFF;
	font-weight: normal;
}
.whitemedarial {
	font-family: arial;
	font-size: 9pt;
	color: #FFFFFF;
}
.whiteheader {
	font-family: arial;
	font-size: 14pt;
	font-weight: normal;
	color: #FFFFFF;
}
.medarial {
	font-family: arial;
	font-size: 9pt;
	font-weight: normal;
	color: #333333;
}

.thead
{
	background: #8C825A url(img/subhead_bg.png) repeat-x top left;
	color: #000000;
	font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.tborder
{
	color: #000000;
	border: 1px solid #81764F;
}

 a:hover {
 text-decoration: underline;
 }

.title {
	font-family: arial;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	padding-top:10px;
}
.medarialgrey {
	font-family: arial;
	font-size: 9pt;
	color: #999999;
}

.italictitle {
	font-family: arial;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	color: #000000;
}



.boxborder {
	border: thin solid #333333;
}

.smalltimes {
	font-family: arial;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
}

.whitenav {
	font-family: arial;
	font-size: 8pt;
	color: #FFFFFF;
}

.boxborderlightgrey {
	border: thin solid #999999;
	font-family: arial;
	font-size: 8pt;
	color: #333333;
}

.hand { cursor: hand;
}
.smarial {
	font-family: arial;
	font-size: 8pt;
	font-weight: normal;
	color: #333333;
}
.medlargearial {
	font-family: arial;
	font-size: 10pt;
	font-weight: bold;
	color: #333333;
}
h1 {
	font-family: arial;
	font-size: 9pt;
	font-weight: normal;
	color: #333333;
}
h2 {
	font-family: arial;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
}	
	
	.medBlue{
		font-family:Arial;
		font-size:15px;
		color:#003A7F;
	}

	.contactText{
		font-family:Arial;
		font-size:15px;
	}