/* Meyer Reset */

/* v1.0 | 20080212 */

 img, div, input { behavior: url("iepngfix.htc") }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	
}
body {
	line-height: 1;
	background:#000;
	font: normal normal .8em/1.5em Verdana, Geneva, sans-serif;
	color:#FFF;
	min-height: 100%; 
	margin-bottom: 350px;
	
}

ol, ul {
	list-style: disc;
	list-style-position: inside;
	padding-left: 0px;
}
li {
	padding: 5px 0 5px 0;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
	clear:both;
}

h1 {
	color:#FFF;
	padding: 20px 0 0 300px;
	font:  normal bold 2em Helvetica, sans-serif;
}

h2 {
	color: #4cb2f8;
	font:  normal bold 1.6em/1.2em Helvetica, sans-serif;
	padding-bottom: 6px;
}

h3 {
	color: #4cb2f8;
	font: italic normal 1.1em/1.2em Verdana, Geneva, sans-serif;
	}
	
h4 { 
	color:#FFF;
	font: normal normal 1.4em/1.6em "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
h5 { 
	color:#fff;
	font: normal normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	
.inline {
	display:inline;
}


/* main */

#shad {
	margin:0 auto;
	padding:0;
	width:100%;
	background-color:#000;
	background-image:url(images/shadow.jpg);
	background-repeat:repeat-y;
	background-position: center;
	
}



#wrapper {
	margin:0 auto;
	padding:0;
	width:1024px;
	background-color:#242629;
	background-image:url(images/bodybkgd.jpg);
	background-repeat:repeat;
	background-position:top, center;
}

#header {

	background-repeat:no-repeat;
	background-position:top, center;
	height: 140px;
	
}
	
.nav {
	color: #FFF;
	height: 19px;
	font: normal normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
	border-top: 2px solid #30678a;
	padding: 3px 0 1px 260px;
}

.nav li {
	display:inline;
	background:url(images/div.png) left center no-repeat;
	padding:0 14px 0 20px;
}



#indexstripe {
	background-image:url(images/indexstripe.jpg);
	background-repeat:no-repeat;
	background-position:top, center;
	height:184px;
}
#aboutstripe {
	background-image:url(images/aboutstripe.jpg);
	background-repeat:no-repeat;
	background-position:top, center;
	height:184px;
}
.service {	
	background-image:url(images/servicesstripe.jpg);

}
.contact {	
	background-image:url(images/contactstripe.jpg);
}
	
#elanlocations {	
	background-image:url(images/elanlocations.jpg);
	background-repeat:no-repeat;
	background-position:top, center;
	height:184px;
}
	
	
#ipad1 {	
	background-image:url(images/ipad1.jpg);
	background-repeat:no-repeat;
	background-position:top, center;
	height:184px;
}


#clm1 {	
	background-image:url(images/clm1.jpg);
	background-repeat:no-repeat;
	background-position:top, center;
	height:184px;
}


#stripe {
	background-repeat:no-repeat;
	background-position:top, center;
	height:184px;
}
.onlinerepair {
	background-image:url(images/onlinerepairstripe.jpg);}

.cloud {
	background-image:url(images/cloudstripe.jpg);}
.consult {
	background-image:url(images/consultstripe.jpg);}
.data {
	background-image:url(images/datastripe.jpg);}
.repairmain {
	background-image:url(images/repairstripe.jpg);}

.calendar {
	background-image:url(images/emailstripe.jpg);}

.relationship {
	background-image:url(images/relationshipstripe.jpg);}

.crash {
	background-image:url(images/crashstripe.jpg);}
	
.kerio {
	background-image:url(images/keriostripe.jpg);}
	
.daylite {
	background-image:url(images/daylitestripe.jpg);}
	
.lightspeed {
	background-image:url(images/lightspeedstripe.jpg);}
	
.perceptive {
	background-image:url(images/perceptivestripe.jpg);}
	
.smalltree {
	background-image:url(images/smalltreestripe.jpg);}
	
.spy {
	background-image:url(images/spystripe.jpg);}
	
.pf {
	background-image:url(images/pfstripe.jpg);}
	
.lacie {
	background-image:url(images/laciestripe.jpg);}
	
.raid {
	background-image:url(images/raidstripe.jpg);}
	
.meraki {
	background-image:url(images/merakistripe.jpg);}
	
.hansaworld {
	background-image:url(images/hansaworldstripe.png);}

.enterprise {
	background-image:url(images/enterprisestripe.jpg);}	
	
	
.content {
	padding: 25px 0 40px 42px;
	width: 970px;
}

.content a:link {color: #F30; text-decoration:none;}      /* unvisited link */
.content a:visited {color: #F30;text-decoration:none;}  /* visited link */
.content a:hover {color:#999;text-decoration:none;}  /* mouse over link */
.content a:active {color: #F30;text-decoration:none;}  /* selected link */


.servecontent {
	padding: 25px 0 40px 42px;
	width: 970px;
}

.servecontent a:link {color: #4cb2f8; text-decoration:none;}      /* unvisited link */
.servecontent a:visited {color: #4cb2f8;text-decoration:none;}  /* visited link */
.servecontent a:hover {color: #999;text-decoration:none;}  /* mouse over link */
.servecontent a:active {color: #4cb2f8;text-decoration:none;}  /* selected link */

.indexcontent {
	padding: 25px 0 40px 42px;
	width: 983px;
}

.indexcontent a:link {color: #FFF; text-decoration:none;}      /* unvisited link */
.indexcontent a:visited {color: #FFF;text-decoration:none;}  /* visited link */
.indexcontent a:hover {color:#F30;text-decoration:none;}  /* mouse over link */
.indexcontent a:active {color: #FFF;text-decoration:none;}  /* selected link */



.secondnav {
	float:right;
	padding-right: 20px;
}
	
.secondnav ul {
	list-style: none;
}

.secondnav li {
	padding: 7px 0 7px 15px;
	border-bottom: 2px solid #000;
	background-color:#333;
	height: 20px;
	width: 175px;
}


#footer {
	height: 125px;
	background-image: url(images/swoosh.png);
	background-repeat:no-repeat;

}

.foottext {
	float: left;
	padding:50px 0 0 45px;
	height: 50px;
}

.blue {
	color: #30678a;
	font-size: .85em;

}

.copy {
	color:#FFF;
	font: normal normal .7em "Trebuchet MS", Arial, Helvetica, sans-serif;
	float: right;
	width: 240px;
	height:15px;
	padding: 100px 10px 0px 0;
}

.copy a:link {color: #FFF; text-decoration:none;}      /* unvisited link */
.copy a:visited {color: #FFF;text-decoration:none;}  /* visited link */
.copy a:hover {color:#F30;text-decoration:none;}  /* mouse over link */
.copy a:active {color: #FFF;text-decoration:none;}  /* selected link */


/* services */

.services {
	background-image:url(images/holder.png);
	background-repeat:no-repeat;
	width: 285px;
	height: 180px;
	padding: 15px;
	margin: 0px 8px 20px 0px;
	float: left;
}

.servicecopy {
	width: 182px;
	float:left;
	padding: 0 0 0 10px;
}
	
.serviceimages {
	width: 68px;
	float:left;
}

/* repair */

.repair {
	background-image:url(images/repairholder.png);
	background-repeat:no-repeat;
	width: 423px;
	height: 220px;
	padding: 15px;
	margin: 0px 8px 20px 20px;
	float: left;
	
}

.repairimage {
	width: 234px;
	float:left;
	padding: 0 0px 0 0px;
}

.repaircopy {
	width: 180px;
	float:left;
	padding: 0 0px 0 0px;
}


/* contact */

.location {
	width: 930px;
	height: 20px;
	padding: 15px 15px 20px 15px;
	float: left;
	margin-bottom:15px;
	border-bottom:2px solid #30678a;
	
}
.genericlocation {
	width: 930px;
	height: 80px;
	width: 740px;
	padding: 15px 15px 20px 210px;
	float: left;
	margin-bottom:15px;
	border-bottom:2px solid #30678a;	
}


.location {
	width: 930px;
	height: 220px;
	padding: 15px 15px 20px 15px;
	float: left;
	margin-bottom:15px;
	border-bottom:2px solid #30678a;	
}

.locationimage {
	width: 280px;
	float:left;
	padding: 0 50px 0 0px;
}

.locationcopy {
	width: 200px;
	float:left;
	padding: 0 50px 0 0px;
}
	
.map {
	width: 320px;
	float:left;
}

.email {
	position: inherit;
	margin: -15px 10px 0px 0px;
	float: right;
}

.servicesicon {
	padding: 0 20px 0 0;
	float:left;
}

.pics {
	float:right;
	}
	
#bgcontact {
	margin:0 auto;
	padding:0;
	width:1024px;
	background-color:#242629;
	background-image:url(images/bodybkgd.jpg);
	background-repeat:repeat;
	background-position:top, center;