@charset "utf-8";
/* CSS Document */



/* Setting text size to ems */
body {font-size: 62.5%;} 
p { font-size: 1.2em; }
h1 {font-size:2.2em;}
h2 { font-size:1.9em; font-weight: normal; }
h3 {font-size:1.45em; font-weight: normal;}
h4 {font-size:1.2em;}
h5 {font-size:1em;}
input, select, th, td {font-size:1em;}
/* End text size */

/* General styles */

body { background: #ECECEC url(../images/layout/backSquare.png) repeat; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
a:active { position: relative; top: 1px;}

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

#container { width: 869px; margin: 10px auto; }

 #header, #intro, #webdesign, #pcsupport, #portfolio, #testimonials, #contact, #footer { background-color:#FFF; margin-bottom:20px; padding:4px 15px 10px;  display:block; overflow: hidden; }

/* removed from above behavior: url (css/border-radius.htc); */


/* Header styles */
#header { font-family: Arial, Helvetica, sans-serif; background: #FFF url(../images/layout/DG_sig.png) no-repeat ; }
#header a { text-decoration:none; color:black; background:none;}
#header h1,#header h3 {	margin:5px 0 0 0px;	padding-left: 85px;}
#header h1 span { color: #999; }
#header ul { overflow:hidden; padding:0; margin: 20px 5px 1px 0; height:34px; background: #000 url(../images/nav/bgFade_sprite.png) repeat-x 0px 0px; }
#header li { display:inline; float:left; font-size: 1.4em; width:124px; border-right: 1px solid #FFF; background: #000 url(../images/nav/bgFade.png) repeat-x; }
#header li a { display:block; padding:10px 10px; text-decoration:none; color:#fff; }
#header li a:hover { background: #CCC url(../images/nav/bgFade_sprite.png) repeat-x 0px -34px; }

/* Content styles */

#intro, #webdesign, #pcsupport, #portfolio, #testimonials, #contact { overflow:hidden; padding-top: 10px;  }
#intro { height:230px; }
#content .topLink { float:right; display:inline; background: url(../images/nav/up_arrow.png) no-repeat; padding: 2px 0px 10px 25px; font-size: 10px; color: #00B0D8; text-decoration: none; }
#content h2 { color:#00b0d8; border-bottom: 1px dotted #CCC; margin-bottom:5px; padding-bottom:5px; }
#content h3 { margin-top:5px; color:#00b0d8;}
#content .contactLink { background: url(../images/layout/envIcon.png) no-repeat left center; font-size: 14px; padding: 5px 0 5px 24px; }
#content .section_item, #content .section_item_dbl { border-bottom: 3px solid #CCCCCC; float: left; display:inline; height: 250px; margin: 0px 10px 12px 15px; padding-bottom: 20px; line-height: 16px; overflow: hidden; }
#content .section_item { width: 250px;}
#content .section_item_dbl { width: 520px; }
#content .section_item img  { margin-bottom:15px;}
#content ul.checklist li { font-size: 1.4em; padding:5px 0 0 30px; background: url(../images/layout/tick.png) no-repeat; margin-bottom: 12px; }
#content .section_item_dbl_grey { float: left; display:inline; height: 190px; width:500px; margin: 5px 10px 12px 15px; padding: 10px 5px 20px 5px; line-height: 18px; background: #686868 url(../images/layout/greyFade.png) repeat-x top; color: #FFF; }
#content .section_item_black { float: left; display:inline; height: 190px; width:250px; margin: 5px 10px 12px 15px; padding: 10px 5px 20px; line-height: 16px; background: #333 url(../images/layout/darkgreyFade.png) repeat-x top; color: #FFF; }
#content .section_item_black h3 { font-size: 20px; padding:0 0 10px; line-height:20px; }
#content .section_item_black p {
	font-size:12px;
	margin:10px 0;
}
#content .section_item_black p.contactinfo {
	font-size:16px;
}
#content .section_item_black p.contactinfo a { color:#fff;}

#content #portfolio .section_item { height:270px;}
#content #portfolio .section_item  img{ margin-bottom:10px;}
#content #portfolio .section_item  p {margin-bottom:8px;}

#content #testimonials .section_item { height:250px; }

/* Form Sytles */
#contact .form { font-size: 14px; }
#contact .form .element { padding: 5px; }
#contact .form label { float:left; padding:5px; width: 80px; }
.element input.text, .element textarea { width:350px; }

#contact .hightlight { border:2px solid #9F1319; background:#FFF url(../images/layout/iconCaution.gif) no-repeat 2px }
#contact .loading { float:right; background:url(../images/layout/ajax-loader.gif) no-repeat 1px; height:28px; width:28px; display:none; }
#contact .done { background:url(../images/layout/iconIdea.gif) no-repeat 2px; padding-left:20px; width:70%; margin:20px auto; display:none; font: 12px arial; }

/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
/* The slices in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position:absolute; top:45%; z-index:99; cursor:pointer; color:
; background: url(../images/slider/arrows.png) no-repeat; height: 30px; width: 30px; text-indent:-9999px; }
.nivo-prevNav {
	left:0px; 
}
.nivo-nextNav {
	background-position:-30px 0 !important;
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */

.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/* Other Styles */

.clear {
	clear:both;
}
/* Tempory styles */