/* 
Theme: Davies Consulting Inc. | Framework: XHTML/CSS Static | Author: Jason Neal | Website: daviesconsulting.ca | Version: v2.0 | Date: June 10 2010
*/

/*////////////////////////////////////////////////////////*/
/* -TRIPOLI-CSS-RESET------------------------------------ */
/* -TRIPOLI-CSS-RESET-BY-DAVID-HELLSING-2007------------- */
/*////////////////////////////////////////////////////////*/

	* { margin: 0; padding: 0; text-decoration: none; outline: none; }
	code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { font: inherit; font-size: 1em; white-space: normal; }
	dfn, i, cite, var, address, em { font-style: normal; }
	th, b, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
	a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet, table {
	border: none;
}
	table { border-collapse: collapse; border-spacing: 0; }
	caption, th, td, center {
	vertical-align: top;
}
	body { line-height: 1; color: black; }
	q { quotes: "" ""; }
	ul, ol, dir, menu { list-style: none; }
	sub, sup { vertical-align: baseline; }
	a { color: inherit; }
	font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */
	blink { text-decoration: none; }
	nobr { white-space: normal; }

/*////////////////////////////////////////////////////////*/
/* -GENERIC-STYLES--------------------------------------- */
/*////////////////////////////////////////////////////////*/

	html{ font-family:Helvetica, Arial, sans-serif; font-size: 12px; }
	
	body{
		background-image:url(./../images/backtile.png); background-repeat:repeat-x; background-color:#4f4f4f;
		font-family:Helvetica, Arial, sans-serif; font-size: 12px; line-height:16px;
	 }

	p{ color:#000;}
		
	a{ color:#666; }
	a:hover{ color:#222; }
	
	img{ }
	
	ul{ }
	li{ }
	
	h1, h2, h3, h4, h5, h6 { margin: 10px 0; }
	h1{ }
	h2{  line-height:20px; font-size: 18px;}
	h3{ }
	h4{ }
	h5{ }
	
	iframe{-moz-border-radius:6px; -webkit-border-radius:6px;}
	

/*////////////////////////////////////////////////////////*/
/* -PAGE-STYLES------------------------------------------ */
/*////////////////////////////////////////////////////////*/

/* -WRAPPER---------------------------------------------- */
	#wrap{ width:900px; height:auto; margin:0 auto; padding:0; }

/* -HEADER----------------------------------------------- */
	#header{
		position: relative;
		background-image:url(./../images/header.jpg);
		background-repeat:no-repeat;
		width:900px;
		height:220px;
		}

/* -NAV-------------------------------------------------- */
	#nav{ position:absolute; top:184px; left:0; width:900px; height:36px; }
	#nav ul{ position:relative; display:inline; }
	#nav ul li{ display:inline; float:left; font-size:17px; margin:0 3px 0 0; padding:10px; color:#666; }
	#nav ul li:hover{ /*background-image:url(../images/nav-r.jpg); background-repeat:repeat-x;*/ color:#222; margin:0 3px 0 0; padding:10px; }

	#nav2{ position:absolute; top:184px; right:0px;  height:36px; }
	#nav2 ul{ position:relative; display:inline; width:360px; }
	#nav2 ul li{ display:inline; float:left; font-size:17px; margin:0 3px 0 0; padding:10px; color:#666; border-left: 1px #444 dotted; border-right: 1px #444 dotted; }
	#nav2 ul li:hover{ /*background-image:url(../images/nav2-r.jpg); background-repeat:repeat-x;*/ color:#222; margin:0 3px 0 0; padding:10px; }

/* -CONTENT---------------------------------------------- */
	#contentwrap{ 
		position:relative; 
		width:900px; height:auto;
		background-image: url(./../images/c-tile.jpg);
		background-repeat: repeat-y; 
		}
	#content{
		position:relative; 
		width:840px; min-height: 270px;
		padding: 70px 30px 5px 30px;
		background-image: url(../images/c-head.jpg);
		background-repeat:no-repeat; 
		
		}
		#content p{ font-size:14px;  color:#000; margin: 0 5px; line-height: 18px; }
		#content ul li{ margin: 5px 30px; list-style-image:url(./../images/arrow-left.gif);  }
		#content ul li ul li{ margin: 5px 30px; list-style-image:url(./../images/arrow-left.gif); }
		
	#contentfoot{
		position:relative; 
		width:900px; height:25px;
		background-image: url(./../images/c-foot.jpg);
		background-repeat: no-repeat; 
		}

/* -FOOTER----------------------------------------------- */
	#footer{ position:relative; clear:both; width:900px; margin: 15px auto; text-align:center; line-height: 16px;}
	#footer p{ color:#ccc; }
	#footer a{ color:#d1d1d1; }
	#footer a:hover{ color:#999;}
	
	#footer .c1, .c2, .c3{
		width:270px;  height:100px; display:inline-block; display:inline; position:relative; float:left; margin: 10px 0; padding:0 10px; font-size: 9px; color:#6e6e6e; }
	#footer .c1, .c2{
		border-right: 1px dashed #888; }


/*////////////////////////////////////////////////////////*/
/* -PAGE-SPECIFIC-STYLES--------------------------------- */
/*////////////////////////////////////////////////////////*/

/* -ABOUT-PAGE---------------------------------------------- */		
	.profile{ width:700px; margin: 0 auto; text-align: center;}
	.profile img {margin:5px; -moz-border-radius:6px; -webkit-border-radius:6px;}
	.p1{
		-moz-border-radius:6px; -webkit-border-radius:6px; position:relative; width:200px; height:auto; display:inline-block; float:left; padding: 10px; margin: 0 10px 15px 0; background-color:#eaeaea; border: 1px #888 dashed; }

/* -INDEX-PROMO--------------------------------------------- */

	#promo{ position:relative; width:900px; height:auto; }
	#promo ul { position:relative; display:inline; width:900px; margin:0; padding:0;}
	#promo ul li{ display:inline; float:left;  }
	
	#promo-web, #promo-server, #promo-repair, #promo-support{ 
		width:189px; 
		height:160px; 
		background-repeat:no-repeat; 
		padding: 145px 18px 0 18px; 
		font-size:12px; 
		line-height: 16px;
		filter:alpha(opacity=90);
		-moz-opacity:0.9;
		-khtml-opacity: 0.9;
		opacity: 0.9;
		}
	#promo-web:hover, #promo-server:hover, #promo-repair:hover, #promo-support:hover{
		filter:alpha(opacity=100);
		-moz-opacity:1.0;
		-khtml-opacity: 1.0;
		opacity: 1.0;
		}
	#promo-web{ background-image: url(./../images/web-promo.png); }
	#promo-server{ background-image: url(./../images/server-promo.png); }
	#promo-repair{ background-image: url(./../images/repairs-promo.png); }
	#promo-support{ background-image: url(../images/support-promo.png); }
	
	#promo-web div, #promo-server div, #promo-repair div, #promo-support div{ 
		width:189px; height:160px;
	}

/* -SERVICES-LIST---------------------------------------- */

	.serv-web, .serv-server, .serv-repair{
		position:relative; 
		display:inline-block;  float:left;
		width: 215px; height: 500px; 
		margin: 10px 11px; padding: 10px 20px; 
		border: 1px #888 dashed; 
		background-color:#eaeaea; 
		cursor: pointer;
		vertical-align: top;
		-moz-border-radius:6px; -webkit-border-radius:6px;
		}
	.serv-web:hover, .serv-server:hover, .serv-repair:hover{ 
		cursor: pointer; 
		}

/* -WEBDESIGN-INFO--------------------------------------- */
	
	.web-quick{ position:relative; float:left; width:230px; height:auto; }
	.web-quick ul li{width: inherit;}
	.web-info{ position:relative; float:right; top:0; right:0; width:580px; height:auto; margin: 0 20px 0 0;	}
	.web-portfolio { width:900px; margin:25px 0 0 0; }
	.web-portfolio img { 
		border: 1px #fff dashed; 
		margin:2px; filter:alpha(opacity=60);
		-moz-opacity:0.6;
		-khtml-opacity: 0.6;
		opacity:0.6; 
		cursor:pointer;
		-moz-border-radius:10px; -webkit-border-radius:10px;
		}
	.web-portfolio img:hover {
		filter:alpha(opacity=100);
		-moz-opacity:1.0;
		-khtml-opacity: 1.0;
		opacity: 1.0;
		border: 1px #888 dashed; 
		cursor:pointer;}
			
	.webpackages{ width:580px; margin: 0 auto; }
	.web-p{
		-moz-border-radius:6px; -webkit-border-radius:6px; position:relative; width:270px; height:auto; display:inline-block; float:left; padding: 5px; margin: 3px; background-color:#eaeaea; border: 1px #888 dashed}
	.supprtpackages{ width:580px; margin: 0 auto; }
	.sup-p{
		-moz-border-radius:6px; -webkit-border-radius:6px; position:relative; width:270px; height: auto; display:inline-block; float:left; padding: 5px; margin: 3px; background-color:#eaeaea; border: 1px #888 dashed}


/* -SERVER-INFO------------------------------------------ */

	.server-info{ position:relative; float:right; top:0; right:0; width:580px; height:auto; margin: 0 20px 0 0;	}
	
	.serverpackages{ width:580px; margin: 0 auto; }
	.server-p{
		-moz-border-radius:6px; -webkit-border-radius:6px; position:relative; width:270px; height:auto; display:inline-block; float:left; padding: 5px; margin: 3px; background-color:#eaeaea; border: 1px #888 dashed}

		

/* -GROUPWARENOW-PAGES----------------------------------- */
	.packages{ width:770px; margin: 0 auto; }
	.gwn-p{
		-moz-border-radius:6px; -webkit-border-radius:6px; position:relative; width:122px; height:210px; display:inline-block; float:left; padding: 5px; margin: 0 2px; background-color:#eaeaea; border: 1px #888 dashed;}
	.gwn-p ul{margin:-7px; padding:0px; width:auto; height:auto;} .gwn-p li{margin:0px; padding:0px; width:auto; height:auto;}
		
	.gwn-av-p1{
		-moz-border-radius:6px; -webkit-border-radius:6px; position:relative; width:350px; height:auto; display:inline-block; float:left; padding: 10px; margin: 0 0 15px 0; background-color:#eaeaea; border: 1px #888 dashed; }
	.gwn-av-p2{
		-moz-border-radius:6px; -webkit-border-radius:6px; position:relative; width:350px; height:auto; display:inline-block; float:right; padding: 10px; margin: 0 0 15px 0; background-color:#eaeaea; border: 1px #888 dashed; }
		
	.gwnpackages{ width:770px; margin: 0 auto; text-align:center; }
	.gwn{
		-moz-border-radius:6px; -webkit-border-radius:6px; position:relative; width:260px; height:auto; display:inline-block; float:left; padding: 5px; margin: 0 2px; background-color:#eaeaea; border: 1px #888 dashed; text-align:center;}

/* -PRODUCT-PAGES----------------------------------- */
	.prod{
		-moz-border-radius:6px; -webkit-border-radius:6px; position:relative; width:260px; height:auto; display:inline-block; float:left; padding: 5px; margin: 4px 2px; background-color:#eaeaea; border: 1px #888 dashed; text-align:center;}
	.prod ul{text-align:left;}
	.prod2{
		-moz-border-radius:6px; -webkit-border-radius:6px; position:relative; width:260px; height:auto; display:inline-block; float:left; padding: 5px; margin: 4px 2px; background-color:#eaeaea; border: 1px #888 dashed; text-align:left;}
	.prod2 ul{text-align:left;}