html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,center,dl,dt,dd,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;padding:0;outline:0;}
table {border-collapse:collapse;border-spacing:0;}d

/* Main Layout */
html {height:100%;margin-bottom:1px;}
body {font:62.5%/1.2 Helvetica, Arial, sans-serif;color:#555;}
h1,h2,h3,h4,.componentheading {font-weight:bold;margin:0em 0 0em;}
h1,.componentheading {font-size:180%;}
h2 {font-size:150%;}
h3 {font-size:130%;}
h4 {font-size:110%;}
a {color:#34647F;text-decoration:none;font-weight:bold;}
a:hover {text-decoration:underline;}
ul {margin:1em;}
p {margin-top:10px;margin-bottom:10px;}
#main {font-size:1.3em;line-height:140%;}
.background {position:absolute;width:100%;height:130px;background:url(../images/light4.png) 0 -384px repeat-x;}
#main .foreground, #message, #showcase, .leading, #page {position:relative;}
#message, #showcase {z-index:0;}
#main-content {border-bottom:1px solid #ddd;}
.dp20,.dp24,.dp25,.dp33,.dp50,.dp75, .dp100 {float:left;margin-top:0px;}
.dp20 {width:20%;}
.dp24 {width:24%;padding-left:5px;}
.dp25 {width:25%;}
.dp33 {width:33%;}
.dp50 {width:50%;}
.dp75 {width:75%;}
.special2 {width:80%; padding-left:20px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
}
.special1 {width:80%; padding-left:20px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
}
.dp100 {width:100%;margin-top:0;}
.clr {clear:both;font-size:0;}
#colmask {clear:both;overflow:hidden;position:relative;width:100%;}
#maincol, #wrapper {position:relative;}
.s-c-s #colmid, .s-c-x #colright {float:left;position:relative;width:200%;}
.s-c-s #colright {float:left;left:50%;position:relative;width:100%;}
.s-c-s #col1wrap {float:right;position:relative;right:100%;width:50%;}
.s-c-s #col1pad, .x-c-s #col1, .x-c-s #colmid {overflow:hidden;}
.s-c-s #col1 {overflow:hidden;width:100%;}
.s-c-s #col2 {float:left;position:relative;overflow:hidden;margin-left:-50%;}
.s-c-s #col3 {float:left;position:relative;overflow:hidden;left:0;}
.s-c-x #col1wrap {float:right;position:relative;width:50%;}
.s-c-x #col1 {overflow:hidden;position:relative;right:100%;}
.s-c-x #col2 {float:left;position:relative;}
.x-c-s #colright {float:left;position:relative;right:100%;width:200%;}
.x-c-s #col1wrap {float:left;left:50%;position:relative;width:50%;}
.x-c-s #col3 {float:right;position:relative;}
.s-c-s .ctr-color1, .s-c-s .ckl-color1, .s-c-x .ckl-color1, .x-c-s .cdr-color1 {background:#eee;}
.s-c-s .ctr-color2, .s-c-s .ckl-color2, .s-c-x .ckl-color2, .x-c-s .cdr-color2 {background:#ffffff;}
.s-c-s #col1pad, .s-c-x #colright, .x-c-s #colright, #wrapper, body {background:#fff;}
.cols1 {display:block;float:none;margin:0;width:100%;}
.cols2 {width:49%;overflow:hidden;}
.cols3 {width:30%;}
.column1, .column2 {position:relative;float:left;margin:0;}
.colpad {padding:0 10px;position:relative;}
.column2 {float:right;width:49%;}
.article_row {overflow:hidden;margin:0 -10px 15px -10px;}

/* Header */
#logo {width:288px;height:58px;background:url(../images/light4.png) 0 -272px no-repeat;display:block;margin:20px 15px;}
#header {overflow:hidden;}
#header li {list-style:none;float:left;padding-left:15px;font-weight:bold;}
#nav {height:34px;background:#888;z-index:1;position:relative;}
#nav ul {margin:0 0 0 15px;}
#nav li {list-style:none;float:left;padding-left:3px;height:34px;position:relative;}
#nav li a {display:block;padding:0 10px;line-height:30px;color:#fff;font-weight:bold;}
#nav li.active a {background:#fff;color:#34647F;}
#nav li a:hover, #nav li:hover a, #nav li.sfHover a {background:#34647F;color:#fff;text-decoration:none;}
#nav li ul {position:absolute;width:170px;left:-999em;margin-left:-1px;border:1px solid #295770;border-top:0;}
#nav li ul ul {margin:-31px 0 0 170px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfHover ul ul, #nav li.sfHover ul ul ul, #nav li.sfHover ul ul ul ul {left:-999em;}
#nav li li {padding:0;height:auto;background:#fff;width:170px;}
#nav li li a, #nav li li.active a, #nav li li a:hover {margin:0;height:30px;line-height:30px;background:#fff;border-top:1px solid #295770;color:#34647F;}
#nav li li a, #nav li.active li a {font-weight:normal;}
#nav li:hover ul, #nav li.sfHover ul {left:4px;}
#nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li li.sfHover ul, #nav li li li.sfHover ul, #nav li li li li.sfHover ul {left:0;}


/* Content styles */
p.buttonheading {position:absolute;top:2px;right:15px;margin:0;}
.buttonheading .icon {display:block;width:16px;height:16px;float:left;margin-left:5px;}
.buttonheading .pdf {background:url(../images/light4.png) -57px -366px;}
.buttonheading .print {background:url(../images/light4.png) -21px -366px;}
.buttonheading .email {background:url(../images/light4.png) -39px -366px;}
.iteminfo {font-size:90%;overflow:hidden;border-bottom:1px solid #dedede;margin-bottom:20px;display:block;margin-top:-10px;width:100%;}
.modifydate, .createdby, .createdate {display:block;}
.createdby {font-weight:bold;}
a.readon, a.readon2 {display:block;margin-top:15px;font-style:italic;}
a.readon2 {background:url(../images/light4.png) 100% -344px;display:block;float:right;color:#fff;font-weight:bold;line-height:20px;}
a.readon2 span {background:url(../images/light4.png) 0 -344px;display:block;margin-right:10px;height:21px;float:left;padding:0 5px 0 15px;}
a.readon3 {background:url(../images/light4.png) 100% -344px;display:block;float:right;color:#fff;font-weight:bold;line-height:20px;}
a.readon3 span {background:url(../images/light4.png) 0 -344px;display:block;margin-right:10px;height:21px;float:left;padding:0 5px 0 15px;}
.breadcrumbs-pad {padding:0 1px;}
div.breadcrumbs {background:url(../images/light4.png) 0 -68px repeat-x;border-bottom:1px solid #e6e6e6;font-size:110%;font-weight:bold;margin:0;padding:7px 15px 5px;color:#777;border-top:1px solid #d9d9d9;}
div.breadcrumbs .sep {padding:0 5px;}
.component-pad {padding:0 5px 15px;} /* This moves the bottom modules on the home pages right */
.banneritem_text {margin-bottom:10px;}
#modlgn_username, #modlgn_passwd {border:1px solid #ccc;padding:3px;}
.pagination span, .pagination a {margin-right:5px;}
.colpad h2.contentheading {padding-right:65px;}
.sectiontableheader {font-weight:bold;line-height:25px;text-align:left;}
tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align:left;padding:0 4px;vertical-align:middle;border-top:1px solid #ddd;line-height:30px;}
span.attention {display:block;margin:15px 0;padding:8px 10px 8px 10px;background:#FFF3A3;border:1px solid #E7BD72;color:#B79000;}




/* Modules */
.module {padding:0px;}
.module-body {padding:0px 0px 0px;}
.module-title {font-size:110%;font-weight:bold;margin:0;padding:7px 15px 5px;}
.color1 .module-title {background:url(../images/light4.png) 0 -204px repeat-x;border-bottom:1px solid #ddd;color:#777;}
.color1 .module-body {border-top:1px solid #fff;}
.color2 .module-title {background:url(../images/light4.png) 0 -136px repeat-x;border-bottom:1px solid #c3d9e1;color:#ffffff;}
.color2 .module-body {border-top:1px solid #ffffff;}
#colmask .m_menu {background:#7F8C51;color:#fff;}
#colmask .m_menu .module-title {background:url(../images/light4.png) 0 -0px repeat-x;border-bottom:1px solid #6B7643;color:#fff;}
#colmask .m_menu .module-body {border-top:1px solid #97A763;}
#colmask .m_menu a {color:#fff;}
#colmask .m_menu ul {margin:0 1em;}
#mainmods, #mainmods2, #mainmods3 {overflow:hidden;padding-top:15px;}
#mainmods3 {background:#eee;border-top:1px solid #fff;border-bottom:1px solid #ddd;}
.spacer .module {float:left;}
.spacer.w99 .module {width:100%;}
.spacer.w49 .module {width:49.2%;}
.spacer.w33 .module {width:32.8%;}
#header .module {float:right;margin-left:325px;}
/* Footer */
#footer {background:#f7f7f7;border-top:1px solid #fff;}
.footer-pad {padding:10px 15px;overflow:hidden;}
#logo2 {width:165px;height:20px;background:url(../images/light4.png) 5px -646px no-repeat;display:block;float:right;margin-left:15px;margin-top:15px;}
#footer ul {margin:0;}
#footer li {list-style:none;float:left;padding-right:20px;font-weight:bold;}

/* Jake's Stuff */
ul.checklist li {
	list-style: none;
	line-height: 16px;
	padding: 2px 0px 2px 18px;
	background: url(http://www.sandiegocomputerrepair.com/tick.png) no-repeat left center;
}
.blue {color: #1574b4;}
.csr{
  cursor:pointer;
}

#home_con1{
  padding-left:12px;
  padding-right:12px;
  padding-top:0px;
  padding-bottom:5px;
  margin-top:0px !important;
  margin-top:0px;
  text-align:justify;
  line-height: 130%;
  color: #000000;
  font-family: Tahoma;
  font-size: 11px;  
  text-decoration: none;

}

div.module-box {
	padding: 0;
}

div.module-box > div {
	padding: 16px 0 0 0;
}

div.module-box > div > div {
	padding: 0 0 0 16px;
}

div.module-box > div > div > div {
	padding: 0 16px 16px 0;
}
div.box-blue {
	background: transparent url(../images/module-box-blue-bg-r.png) top right no-repeat;
}

div.box-blue > div {
	background: transparent url(../images/module-box-blue-bg-l.png) top left no-repeat;
}

div.box-blue > div > div {
	background: transparent url(../images/module-box-blue-bg-l.png) bottom left no-repeat;
}

div.box-blue > div > div > div {
	background: transparent url(../images/module-box-blue-bg-r.png) bottom right no-repeat;
}

div.box-blue div div div div {
	background: none;
}
/* Showcase */
#showcase {margin:3px 0 8px 0;position:relative;color:#000;}
#showcase .background {position:absolute;width:100%;height:130px;background:url(../images/light4.png) 0 -514px repeat-x;}
#showcase .foreground {border:1px solid #dfeaee;overflow:hidden;padding-bottom:25px;}
#showcase h1 {font-weight:normal;font-size:3.0em;line-height:105%;margin:25px 55px 10px 25px;}
#showcase h3 {font-weight:normal;font-size:1.4em;font-weight:normal;margin:0 55px 20px 25px;}
#showcase h8 {font-weight:normal;font-size:1.4em;font-weight:normal;margin:0 5px 2px 5px; color:#1574b4;}
#showcase h9{font-weight:normal;font-size:1.4em;font-weight:normal;}
#showcase b {font-weight:normal;color:#7F8C51;}
#showcase .pad {padding:0 50px 25px 25px;}
#showcase .num {float:left;background:#7F8C51;text-align:center;line-height:90%;color:#fff;font-size:2em;padding:3px 8px;}
#showcase .pad h2 {font-size:1.4em;font-weight:bold;margin:0 0 5px 40px;}
#showcase .pad p {margin-left:40px;}


td.test{background-image: url(http://www.sandiegocomputerrepair.com/newsite/images/stories/headers/mainbody.png);
width: 245px;
height: 120px; /* forward slash for the path */
background-repeat: no-repeat;
text-align:center; 
}

td.frontpg{background-image: url(http://www.sandiegocomputerrepair.com/newsite/images/stories/headers/mainbody2.png);
width: 870px;
height: 120px; /* forward slash for the path */
background-repeat: no-repeat;
text-align:center; 
}

td.speciallong{background-image: url(http://www.sandiegocomputerrepair.com/images/stories/headers/home/special/middles.png);
width: 250px;
height: 194px; 
/* forward slash for the path */
background-repeat: no-repeat;
text-align:center; 
}
blockquote {
	padding-left: 55px;
	background: transparent url(http://www.sandiegocomputerrepair.com/newsite/images/icon-text-blockquote.png) no-repeat top left;
	font-style: italic;
	min-height: 45px;
	color: #404040;
}

.csr{
  cursor:pointer;
}
ul.bullet li {
	list-style: none;
	line-height: 16px;
	padding: 2px 0px 2px 18px;
	background: url(http://www.sandiegocomputerrepair.com/images/stories/headers/bullet.gif) no-repeat left center;
}

h4 {
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#454e57;
	background-color:inherit;
	font-weight:bold;
	font-size:12px;
	margin:0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 3px 0px;
	}
h7 {
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#454e57;
	background-color:inherit;
	font-weight:bold;
	font-size:14px;
	margin:0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
text-align:center;
	}
p.text2 {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;

	}


li.text2 {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
font-weight:normal;
	}

p.h2 {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:normal;

	}
text2 {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
font-weight:normal;
	}
p.form{
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:42%;}

h3.header{
color:#1574b4f;
font-size:12px;
line-height:42%;}

/* This is the rss syndication */

.rss_box {
	 
	 width: 160px;

	 
}

.rss_title, rss_title a {
	font-family: arial, helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold;
	margin: 5px 0;
	padding: 0;
	letter-spacing: 1px;
}

.rss_items { 
       
	   list-style:none;

       margin:0;

       padding:0;
  
}

.rss_item  {
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight : normal;
  margin: 8px 0;
}

.rss_item a {
	color:black;
	font-size: 14px;
	font-weight:bold;
	font-family:arial, helvetica sans-serif;
	}

.rss_item a:link, .rss_item a:visited, .rss_item a:active {
	text-decoration : none;
	border-bottom: 1px solid #ededed;
	color: #000000;
	}

.rss_item a:hover { 
	text-decoration : none;
	color: #e0861e;
	border-bottom: 1px dotted #e0861e;
	}
	
.rss_date {
	font-size: 10px;
	font-weight : normal;
	color: #c0c0c0;
	}

div.titleback {
background: url(http://www.sandiegocomputerrepair.com/images/stories/headers/testimonial.png) top right no-repeat;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight : normal;
  margin: 0px 0px;
height:195px;
       padding:75px 30px;

}
 
div.titleback h3, ul.titleback , ul.titleback a {
        color: #8B4513;
}



div.sticky {
background: url(http://www.sandiegocomputerrepair.com/images/post.png) top right no-repeat;
height:200px;
  font-size: 14px;
 font-weight : normal;
  margin: 25px 0px;
       padding:0px 30px;     
}
div.sticky h3, ul.sticky , ul.sticky a {
        color: #FFFFFF;
}

div.bottomtxt { margin:0px 5px;}

div.coupon {
background: url(http://sandiegocomputerrepair.com/images/stories/headers/home/coupon.png)  top left no-repeat;
height:400px;
  font-size: 14px;
 font-weight : normal;
  margin: 0px 0px;
padding: 0px 0px; 
}
div.coupon h3, ul.coupon , ul.coupon a {
        color: #FFFFFF;
}
div.headtext {font-weight:normal;font-size:1.4em;font-weight:normal;margin:0 5px 2px 5px; color:#1574b4;}
span.h7 {
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#454e57;
	background-color:inherit;
	font-weight:bold;
	font-size:14px;
	margin:0px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
text-align:center;
	}
span.h8 {font-weight:normal;font-size:1.4em;font-weight:normal;margin:0 5px 2px 5px; color:#1574b4;}

div.grayback{
background: url(http://www.sandiegocomputerrepair.com/images/gray-back.png) top right no-repeat;
height:240px;
  font-size: 14px;
 font-weight : normal;
  margin: 0px 0px;
       padding:0px 0px;     
}
div.grayback h3, ul.grayback, ul.grayback a {
        color: #FFFFFF;
}

div.blueback {
background: url(http://www.sandiegocomputerrepair.com/images/blue-back.png) top left no-repeat;
height:240px;
  font-size: 14px;
 font-weight : normal;
  margin: 0px 0px;
       padding:0px 00px;     
}
div.blueback h3, ul.blueback , ul.blueback a {
        color: #FFFFFF;
}

div.servicenote {
background: url(http://www.sandiegocomputerrepair.com/images/post.png) top right no-repeat;
height:200px;
  font-size: 14px;
 font-weight : normal;
  margin: 25px 0px;
       padding-left: 40px;   
  padding-right: 20px;    
text-align:center;
}
div.servicenote h3, ul.sticky , ul.sticky a {
        color: #FFFFFF;
}

div.review {
background: url(http://www.sandiegocomputerrepair.com/images/stories/headers/home/reviews.gif) top right no-repeat;
height:550px;
  font-size: 14px;
 font-weight : normal;
  margin: 25px 0px;
       padding-left: 20px;   
  padding-right: 20px;    
text-align:center;
}
div.review h3, ul.review , ul.review a {
        color: #FFFFFF;
}

#service_areas
{
    margin:auto;
    text-align:block;
    width:1000px;
}

#service_areas h2
{
    text-align:center;
    margin:0px;
    padding-bottom:5px;
    font-size:1.2em;
    font-family:Trebuchet MS, Arial, Sans-Serif, Sans serif;
    color: #1C318D;
    text-transform:capitalize;
}

#service_areas h3
{
    margin:0px;
    font-size:1em;
    margin-right:5px;
    display:inline; 
    color:black;
    font-weight:bold;   
}

#service_areas ul
{
	margin-left: 0;
	padding-left: 0;
	display: inline;
}

#service_areas ul li
{
	margin-left: 0;
	padding: 2px 2px;   
	display:inline;
	list-style:none;
	
}

table.sample {
	border-width: thin;
	border-spacing: 3px;
	border-style: ridge;
	border-color: black;
	border-collapse: separate;
	background-color: white;
width:500px;
margin-left:auto; margin-right:auto;
}
table.sample th {
	border-width: 2px;
	padding: 3px;
	border-style: outset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: 6px 6px 6px 6px;
}
table.sample td {
	border-width: 2px;
	padding: 3px;
	border-style: outset;
	border-color: gray;
	background-color: white;
	-moz-border-radius: 6px 6px 6px 6px;
}