/*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;}
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;}
/*fonts*/
body{font:13px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;*font-size:small;*font:x-small; background:#fff;}
table {font-size:inherit;font:100%;}
select, input, textarea {font:99%  "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif;}
pre, code {font:115% monospace;*font-size:100%;}
body * {}
/* IMAGES ---------------------- */	
img, a img {border: none;}
/* TABLES ---------------------- */
table {margin-bottom: 1.2em;font-size: 1em;}
/* FORMS ----------------------- */
form {margin: 0;}
/* CLEARS n FLOATS ----------------------- */
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px;}
.floatleft {float:left;}
.floatright {float:right; margin:0 0 15px 15px; clear:both;}
.screen-readers {position:absolute;left:-9999px;top:-9999px;z-index : 2;}


/* LAYOUT BLOCKS ----------------------- */

body { text-align:center; padding:0 0; margin:0; background:#fff; }

#wrapper { text-align:left; margin:20px auto 0 auto; position:relative; padding:0 0; width:1000px; background:#eeedeb /* url(../i/splash/back-main.jpg) repeat-x 0 0*/; height:750px;}

#header { width:960px;  padding:0 0 0 0; height:100px; position:absolute; bottom:0; left:20px; border-top:#fff 3px solid;  }

#mid { width:100%;  padding:0 0 0 0; }
#side { width:250px;  padding:0 0 0 0; background:#CCC666; float:left; display:inline; }
#main { width:690px;  padding:0 0 0 0; background:#663366;float:left; display:inline; }

#footer { margin:0 auto 0 auto; padding:10px 0; width:1000px; }


/* ----- header ----- */
#logo { position:absolute; top:20px; left:0; }
.strapline { position:absolute; bottom:200px; left:40px; }
/* ----- nav ----- */
#nav { position:absolute; top:30px; right:0; }

/* NAV  */
#nav ul {  display:inline; margin:0 0 0 0; }
#nav li {  margin:0 0 0 22px !important; float:left; display:inline; font-size:20px; text-transform:uppercase; letter-spacing:1px; }
#nav a { display:block; margin:0; color:#666;  }
#nav a:hover { color: #7A8C9D }

#nav-home { background: url(../i/nav/nav-home.gif) no-repeat 0 0; width:130px; }
#nav-about { background: url(../i/nav/nav-company.gif) no-repeat 0 0; width:130px;}
#nav-services { background: url(../i/nav/nav-services.gif) no-repeat 0 0; width:130px; }
#nav-contact { background: url(../i/nav/nav-contact.gif) no-repeat 0 0;  width:130px;}

#nav-home:hover, #nav-about:hover, #nav-services:hover, #nav-contact:hover { background-position:0 -40px;}
#page-home #nav-home, #page-services #nav-services, #page-about #nav-about, #page-contact #nav-contact {background-position:0 -40px;}




/* CONTENT  ----------------------- */

#notepad { position:absolute; bottom:0; left:0; width:639px; height:486px; z-index:999; background:url(../i/intro/notepad.png) no-repeat 0 0; }
#notepad a { cursor:pointer }

#content { position:absolute; top:60px; left:60px; width:880px; background:red; }
#contactinfo { position:absolute; top:200px; left:250px; width:430px; text-align:center; }
#contactinfo p { }
#contactinfo h2 { font-size:44px; font-weight:normal; }


/* ----- footer ----- */

#footer ul { display:inline; list-style:none;}
#footer li { float:left; margin-right:10px; padding-right:10px;  color:#555; font-size:13px; border-right:#ccc 1px solid}
#footer li a { color:#555}
#footer li a:hover {color:#7A8C9D;}

#footer li.credit { float:right; }
#footer li.credit2 { float:right; border:none; margin-right:0; padding-right:0;}
#footer li.twitter { background:url(../i/icon-twitter.png) no-repeat 0 50%; padding-left:20px; }
#footer li.facebook { background:url(../i/icon-fb.png) no-repeat 0 50%; padding-left:20px; }


/* ----- global paragraphs, headers & horizontal rules ----- */
p, h1, h2, h3, h4, h5, h6{margin:0 0 15px 0;}
h1{font-size:140%;}
h2{font-size:130%;}
h3{font-size:120%;}
h4, h5{font-size:100%;}
hr{display:none;}

/* ----- global links ----- */
a {
	color:#275f81;
	text-decoration:none;
}
a:hover{color:#7A8C9D;}










/* ----- float fix ----- */
#wrapper:after, #header:after, #side:after, #main:after, #mid:after, #footer:after, .box:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#wrapper, #header, #side, #main, #footer, .box{display:block;}
/*  \*/
#wrapper, #header, #side, #main, #footer,.box {min-height:1%;}
* html #wrapper, * html #header, * html #side, * html #main, * html #footer, * html .box {height:1%;}
 /*  */
/* ----- end float fix ----- */