/* reset
-------------------------------------------------------------------------------------------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:1em; font-weight:normal; font-style:normal; }
ul,ol { list-style:none; }
fieldset,img { border:none; }
caption,th { text-align:left; }
table { border-collapse:collapse; border-spacing:0; }


/* standards - components
-------------------------------------------------------------------------------------------------------------------------------*/
div.clear { clear:both; }

h1        { color:#000; font-family:Georgia; letter-spacing:1px; font-size:28px; margin:15px 0 15px 0; font-style:italic; }
h2        { color:#000; font-family:Georgia; letter-spacing:1px; font-size:13px; margin:0 0 7px 0; padding:15px 0 0 0; }


p { line-height:18px; font-size:14px; color:#000; letter-spacing:0.4px; }
li { line-height:24px; font-size:14px; color:#000; letter-spacing:0.4px; background:url(../img/star.png) no-repeat left center; padding:0 0 0 17px;  }
p + p { padding:10px 0 0 0; }
p a  { color:#000; text-decoration:underline; }


a { color:#000; text-decoration:none; }
a:hover { color:#fff; }
a:focus { outline:0; }



/* layout - linear
-------------------------------------------------------------------------------------------------------------------------------*/
body  { font-size:10px; background:#fff url(../img/background.jpg) repeat-x; font-family:Arial, Verdana; color:#000;  }

div#backToTop {  z-index:99;  display:none; position:fixed; bottom:10px; right:10px; }
div#backToTop a {  -webkit-border-radius:6px; -moz-border-radius:6px; background:#f23f00; border:2px solid #f23f00; display:block; color:#fff; padding:6px; font-size:13px; }
div#backToTop a:hover { text-decoration:underline; }

div#center   { width:867px; background:url(../img/birds.jpg) no-repeat; margin:0 auto; padding:0 0 100px 12px; }

div#top      { height:369px; position:relative; background:url(../img/top.jpg) no-repeat; left:48px; border:1px solid #fff; }
div#top a.email     { position:absolute; z-index:55; left:475px; top:210px; width:250px; height:50px; }
div#top a.moreAbout {  position:absolute; z-index:55; left:240px; top:235px; width:105px; height:105px; }
div#top a.moreAbout:hover { background:#000; background:url(../img/ahover.jpg); }

div#content { padding:0 0 0 48px; }

div.block { clear:both; overflow:hidden; }
div.block div.left  { width:390px; float:left; margin:0 15px 0 0; }
div.block div.right { width:390px; float:left; }

div#helo { height:230px; margin:24px 0 0 0; background:url(../img/helo_background.jpg) no-repeat; padding:20px 0 0 0; }
div#helo h1 { font-family:"Trebuchet MS", Arial; font-size:20px; line-height:26px; font-style:normal; margin-top:0; }
div#helo h1 span { color:#fff; font-size:23px; background:#a1b148; font-family:Georgia; font-style:italic; }
div#helo ul { border-top:1px solid #000; }
div#helo li { border-bottom:1px solid #000; margin:3px 0 3px 0; }
div#helo div.left a { background:#fff; color:#8ca241; }
div#helo div.left a:hover { background:#aabe65; color:#fff; text-decoration:none; }
div#helo div.right div.links { background:url(../img/links.jpg) no-repeat; height:30px; width:251px; margin:18px auto; position:relative; }
div#helo div.right a { height:30px; background:none; position:absolute; }
div#helo div.right a.t { width:80px; left:0; }
div#helo div.right a.x { width:55px; left:100px; }
div#helo div.right a.g { width:89px; left:161px; }



div#services { border-bottom:1px solid #000; padding:0 0 25px 0; margin:0 0 25px 0; }
div#services div.box { background:#000; overflow:hidden; -webkit-border-radius:6px; -moz-border-radius:6px; padding:8px; }
div#services ul       { float:left; width:170px; }
div#services ul.first { margin:0 15px 0 0; }
div#services li { color:#fff; text-decoration:underline; background:url(../img/star_black.png) no-repeat left center; }
div#services a { background:#aabe65; color:#fff; }
div#services a:hover { background:#fff; color:#8ca241; text-decoration:none; }
div#services div.phone { font-family:Georgia; font-style:italic; font-size:18px; padding:5px 0 0 0; color:#8ab6c5; }


div#design { border-bottom:1px solid #000; padding:0 0 25px 0; margin:0 0 25px 0; }
div#design h1.highlight span { background:#a1b148; color:#fff; }
div#design ul { margin:15px 0 0 0; }


div.followReference { padding-top: 25px; }

div#references { }
div#references div.one { position:relative; border:8px solid #77aabb; margin:15px 0 0 0; height:303px; width:780px; }
div#references div.one.large { position:relative; border:8px solid #77aabb; margin:15px 0 0 0; height:1113px; width:780px; }

div#moreFollow { background:#f23f00; font-size:20px; color:#fff; font-style:italic; font-family:Georgia; padding:4px;
	-webkit-border-radius:6px; -moz-border-radius:6px; width:220px; text-align:center; margin:35px auto 0 auto;
	}
div#references div.one.highlight { border:8px solid #aabe65; }

div#moreFollow { background:#f23f00; font-size:20px; color:#fff; font-style:italic; font-family:Georgia; padding:4px;
	-webkit-border-radius:6px; -moz-border-radius:6px; width:220px; text-align:center; margin:35px auto 0 auto;
	}
div#references div.two.highlight { border:8px solid #aabe65; }

div#footer { background:url(../img/footer_background.jpg) no-repeat; height:86px; margin:50px 0 0 0; padding:55px 0 0 0; font-size:12px; }
div#footer a { color:#90a036; font-size:12px; }
div#footer a:hover { background:#aabe65; color:#fff; text-decoration:none; }
div#footer div.left { float:left; width:300px; font-style:italic; font-family:Georgia; }
div#footer div.right { float:right; width:350px; }
div#footer div { padding:0 0 10px 0; }
div#footer span { font-family:Georgia; }