/*
Theme Name: Safeway Electrical
Theme URI: http://mjbaker.com
Description: Website for Safeway Electrical by Matthew Baker (mjbaker.com)
Version: 1.0
Author: Matthew Baker
Author URI: http://mjbaker.com/
Tags: custom

*/


/* =============== 
CSS styles for SafewayElectric.com
Copyright 2009 Matthew J Baker hello@mjbaker.com
=============== */

/* ===== CSS Reset ===== */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img {  border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
:focus { outline:none; }

html {
overflow-y: scroll;
overflow: -moz-scrollbars-vertical !important;

}


/* \*/
* html .gainlayout { height: 1%; }
/* */


/* ===== End CSS Reset ===== */

/* ===== Typography ===== */

a:link {}
a:visited {}
a:active {}
a:hover {}
h1 { font-size: 150%; font-weight: normal; }
h2 { font-size: 120%; font-weight: normal; }
h3 { font-size: 100%; font-weight: normal; }
h4 { font-size: 88%; font-weight: bold; }
h5 { font-size: 70%; font-weight: bold; }
h6 { font-size: 64%; font-weight: bold; }
img { border: 0; }
ol, ul, li { list-style: none; font-size: 80%; line-height: 120%; }
p { font-size: 80%; line-height: 120%; }
pre { font-family: monospace; font-size: 80%; }
strong, b { font-weight: bold; }
body, h1, h2, h3, h4, h5, h6,ol, ul, li, p { font-family: verdana, arial, helvetica, sans-serif; color: #000; }

/* ===== End Typography ===== */

/* ----------------------------------- Begin Layout --------------------------------- */

/* ===== All Pages ===== */

#pageTotal { width:100%; height:100%; background-image:url(images/bgtotal.jpg); background-repeat:repeat-x; background-position:0px 0px; background-color:#dadada; }

#pageContain { width:1000px; overflow:auto; background-image:url(images/bgshadow.png); background-repeat:repeat-y; background-position:top left; padding-left:20px; margin:0 auto; }

/* Header */

#header { width:960px; height:130px; float:left; background-image:url(images/dotdiv.jpg); background-repeat:repeat-x; background-position:bottom left; }

#header img { float:left; }

#topMenu { float:left; margin-top:60px; margin-left:20px; display:inline; }

.topMenu { list-style-type:none; float:left; margin-right:30px; display:inline; }

.topMenu a {  font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; text-decoration:none; clear:none; text-indent:-999999px; overflow:hidden; display:block; height:13px;  }

.topMenu p {  font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#333; text-decoration:none; clear:none; text-indent:-999999px; overflow:hidden; display:block; height:13px;  }

#menuHome { background:transparent url(images/home.jpg) 0 0px no-repeat; width:38px; }
#menuAbout { background:transparent url(images/aboutus.jpg) 0 0px no-repeat; width:65px; }
#menuProjects { background:transparent url(images/projects.jpg) 0 0px no-repeat; width:66px; }
#menuCareers { background:transparent url(images/careers.jpg) 0 0px no-repeat; width:59px; }
#menuContact { background:transparent url(images/contactus.jpg) 0 0px no-repeat; width:81px; }

#menuHome1 { background:transparent url(images/home.jpg) -114px 0px no-repeat; width:38px; }
#menuAbout1 { background:transparent url(images/aboutus.jpg) -195px 0px no-repeat; width:65px; }
#menuProjects1 { background:transparent url(images/projects.jpg) -198px 0px no-repeat; width:66px; }
#menuCareers1 { background:transparent url(images/careers.jpg) -177px 0px no-repeat; width:59px; }
#menuContact1 { background:transparent url(images/contactus.jpg) -243px 0px no-repeat; width:81px; }

/* End Header */

/* Footer */

#footer { width:1000px; height:140px; padding-left:20px; margin:0 auto; background-image:url(images/footerbg.png); background-repeat:no-repeat; background-position:bottom left; }

#footer img { float:left; }

#fMenu { float:right; margin-top:53px; margin-right:45px; display:inline; }

.fMenu { list-style-type:none; float:left; margin-right:20px; display:inline; }

.fMenu a {  font-family:Arial, Helvetica, sans-serif; font-size:110%; color:#666; text-decoration:none; clear:none; display:block; height:13px; font-weight:bold;  }

.fMenu a:hover { color:#333; text-decoration:underline; }

/* End Footer */

/* ===== End All Pages ===== */

.entry { width:920px; padding:20px; overflow:hidden; float:left; background-image:url(images/sdotdiv.jpg); background-repeat:repeat-x; background-position:bottom left; position:relative; }

.entry ul li { list-style-type:square !important; list-style-position:inside !important; }

.entry ol li { list-style-type:decimal !important; list-style-position:inside !important; }

.entry em { font-style:italic; }

.entry strong { font-weight:bold; }

.alignright { float:right; padding:10px; }

.alignleft { float:left; padding:10px; }

.alignright img { border:1px solid #CCC; }

.alignleft img { border:1px solid #CCC; }

/*  ===== Frontpage ===== */

#fProjects { width:960px; height:380px; float:left; overflow:hidden; background-image:url(images/sdotdiv.jpg); background-repeat:repeat-x; background-position:bottom left; position:relative; }

.fProject { width:215px; min-height:193px; float:left; margin-top:20px; background-image:url(images/pbg.jpg); background-repeat:no-repeat; background-position:top left; margin-left:20px; display:inline; } 

.fProject img { margin-top:10px; margin-left:10px; }

.fProject h4 { margin-top:15px; margin-bottom:5px; }

.fProject h4  a { color:#333; padding-left:10px; text-decoration:none; }
.fProject h4  a:hover { color:#000; text-decoration:underline; }
.fProject p { color:#666; padding-left:10px; padding-right:10px; }

.fProject1 { width:890px; padding:35px; padding-bottom:45px !important; padding-top:15px !important; float:left;  background-image:url(images/sdotdiv.jpg); background-repeat:repeat-x; background-position:bottom left; margin:15px 0px; display:inline; } 

.fProject1 img { margin-right:25px; float:left; border:1px solid #CCC; }

.fProject1 div { float:left; padding:10px; padding-top:0px !important; width:600px; }

.fProject1 h4 { margin-bottom:5px; }


.fProject1 p { color:#666; margin-bottom:5px;  }

.fProject1 a  { color:#333; font-size:75%; text-decoration:none; }

.fProject1 a:hover { color:#000; text-decoration:underline; }

.fProject1 h4  a { font-size:113%; color:#333; text-decoration:none; }
.fProject1 h4  a:hover { color:#000; text-decoration:underline; }

#fPbutton { width:144px; height:40px; position:absolute; bottom:20px; right:20px; background:transparent url(images/vpbutton.png) 0 0px no-repeat; }

#fServices { width:960px; float:left; background-image:url(images/sdotdiv.jpg); background-repeat:repeat-x; background-position:bottom left; }

#fSbox { width:940px; margin:20px 0px 20px 20px; float:left; overflow:hidden; background:transparent url(images/sCon.jpg) bottom left no-repeat; }

#fSleft { width:409px; float:left; }

#fSleft li { float:left; list-style-type:none; display:inline; height:29px; width:409px; }

#fSleft a { display:block; padding:8px 0px 8px 15px; color:#999;  }

.fSsel { background:transparent url(images/sTop.jpg) 0 0px no-repeat; font-size:88% !important;  }

.fSsel a { color:#333 !important; font-weight:bold; }

.fSunder { background:transparent url(images/sUnder.jpg) 0 0px no-repeat; }

.fSabove { background:transparent url(images/sAbove.jpg) 0 0px no-repeat; }

.fStyp { background:transparent url(images/sTyp.jpg) 0 0px no-repeat; }

#fSleft img { float:left;  }

#fScon { width:461px; border-top:1px solid #c4c4c4; float:left; margin-left:-2px; padding:25px; font-size:75%; line-height:1.4em;  }

.abscenter { float:left; display:block; width:511px; position:relative; }

.abscenter img { position:absolute; top:0px; left:180px; margin-top:55px; }

/* ===== End Frontpage ===== */

/* ----------------------------------- End Layout ----------------------------------- */