/* BEGIN RESET v1.0 | 20080212 */

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, hr, 
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;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

/* 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;
}




/* MY STUFF */


body {
    font:1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background:#6a7f92 url(images/gentle.jpg) repeat-x top left;
    }

#main {
    font-size:.85em;
    line-height:1.4em;
    margin:0;
    padding:10px;
    border:1px solid #444;
    color:#333;
    text-align:justify;
    background: #fafafa;
    position:relative;
    left:50%;
    width:680px;
    margin-left:-350px;
    margin-bottom:23px;
    }

.services {
    background: url(images/contact.png) no-repeat right;
    height:128px;
    margin:0 20px 0 30px;
    }

.building {
    background: url(images/creation.png) no-repeat right;
    }

.maintenance {
    background: url(images/maintenance.png) no-repeat right;
    }

.info {
    margin:15px 20px 0 30px;
    }

.services b, .info b {
    font-size:1.1em;
    }

    /* HEADER */

#header {
    margin:0px -14px 23px -20px;
    border-bottom:1px solid #444;
    color:#444;
    text-align:center;
    padding:0 10px;
    width:100%;
    min-width:700px;
    height:114px;
    background:#fff url(images/header-right.jpg) no-repeat right bottom;
    }

#header h1 {
    letter-spacing:5px;
    font-size:45px;
    margin:0;
    padding:10px 0 0 0;
    /* IMPORTANT the above should have 10px top-padding when message is removed! */
    text-shadow:1px 1px 2px #555, 2px 2px 2px #666;
    }

#headerleft {
    float:left;
    padding:0 0 0 0px;
    height:110px;}

#nav {
    margin-top:6px;
    font-size:18px;
    }

#nav a {
    text-decoration:none;}

#nav a:hover {
    color:#5f9fa1;
    }

#nav .current {
    color:#444;
    }

#nav .current:hover {
    color:#5f9fa1;
    }


    /* FOOTER */

#footer {
    text-align:center;
    
    }

    /* CALENDAR PAGE & PRICING PAGE */

.bullets {
    list-style-type:circle;}

#scheduletable td {
    border-right:1px solid #444;
    border-bottom:1px solid #444;
    padding:6px;
    width:20%;
    }

#scheduletable .schedulehead td, #scheduletable td.scheduleside {
    font-weight:bold;
    padding:2px;
    width:20%;
    }

.schedulehead small {
    font-weight:normal;
    }

#scheduletable {
    text-align:center;
    width:100%;
    }
    
.thisisme {
    background:#fcc;
    }    

    /* CONTACT PAGE */ 

#contactmessage {
    color:#833;
    background:#fbb;
    padding:6px;
    margin:4px;
    border:1px solid #833;
    }

fieldset {
    border:1px solid #5b787e;
    border-left:none;
    border-right:none;
    padding:10px 6px;
    margin:0px;
    }

.smalltext {
    width:140px;
    }

textarea {
    width:48%;
    float:left;
    }

#signature {
    width:48%;
    float:right;
    }

.required {
    color:#833;
    }

input, textarea {
    border:1px solid #444;
    }

input:hover, input:focus, textarea:hover, textarea:focus {
    border:1px solid #5b787e;
    background:#f4f4f4;
    }

label {
    display:block;
    }

.submit {
    font-size:12px;
    padding:4px;
    }
    
.submit:hover {
    background:#e7e7e7;
    }

.submit:active {
    background:#e0e0e0;
    }
        
    /* WORKS PAGES */
    
.containerofevildemons {
    width:632px;
    margin:10px;
    padding:16px;
    }

#stack {
    height:350px;}

#stack a {
    display:block;
    text-align:center;
    text-decoration:none;
    }

#stack a span {
    display:none;
    }
    
#stack a:hover span {
    display:inline;
    background:#f0f0f0;
    padding:5px 10px;
    border:1px solid #4c5889;
    color:#4c5889;
    }

#stack a:hover span:hover {
    color:#5f9fa1;
    }

#stack a img {
    border:1px solid #5d6397;
    margin:1px;}
    
#stack a:hover img {
    border:2px solid #4c5889;
    margin:0px;}

.stackimage {
    position:absolute;
    z-index:2;}

.stackimage:hover {
    position:absolute;
    z-index:5;}
    
.pos1 {
    margin:10px 0 0 10px;
    }

.pos2 {
    margin:40px 0 0 40px;
    }

.pos3 {
    margin:70px 0 0 70px;
    }

.pos4 {
    margin:100px 0 0 100px;
    }

.pos5 {
    margin:130px 0 0 130px;
    }
    
.pos6 {
    margin:160px 0 0 160px;
    }    

img.sitepage {
    width:230px;}

a img.sitepage {
    border:1px solid #5d6397;
    margin:1px;
    }

a:hover img.sitepage {
    border:2px solid #4c5889;
    margin:0px;
    }

a.sitelink {
    float:right;
    margin:0 20px;
    }

.portfolio-list {
    }

.portfolio-link img {
    display:none;
    }

.portfolio-link:hover img {
    display:inline;
    position:absolute;
    top:40px;
    left:50%;
    margin-left:-50px;
    border:1px solid #4c5889;
    }

.placeholder {
    display:block;
    position:absolute;
    top:40px;
    left:50%;
    margin-left:-50px;
    width:280px;
    height:200px;
    border:1px solid #4c5889;
    z-index:0;
    font-style:italic;
    padding:10px;
    text-align:center;
    }

    /* GENERAL */ 
    
.left {float:left;} .right {float:right;} p {margin:10px 0;}
ul {margin-left:30px;} small {line-height:.8em;}
.clear {clear:both;line-height:0px;} .hidebox {display:none; padding:10px;}
.smaller {font-size:.8em; color:#444;} .hidden {display:none;}
hr {margin:10px 0; background:none; border-top:1px solid #444;}

a:link, a:visited {
    color:#5d6397;
    }

a:hover {
    color:#5f9fa1;
    text-decoration:underline;
    }

img {
    border:none;
    }
    
h2 {
    color:#5b787e;
    margin:10px;
    }

.message {
    font-size:80%;
    color:#a6544f;
    }

.left a img {
    border:1px solid #5b787e;
    }


.left a:hover img {
    border:1px solid #7aa3ac;
    }