/* basics */
body, html {height: 100%; background-color: #fafafa; margin: 0px; border: 0px; background-image: url('images/bg.jpg');}
#container { background-color: #fafafa; height: 650px; width: 810px; margin-right: auto; margin-left: auto; margin-top: 30px; border: 0px solid #000000; background-image: url('images/bg.jpg');}
#middle { background-color: #fafafa; width: 770px; margin-left: 10px; margin-right: 10px; padding-left:10px; padding-right:10px; border: 0px solid #000000; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* fonts */
a { color: #444444; text-decoration: none; outline:0; }
a:hover {  color: #1cb9d5; text-decoration: none; border-bottom: 0px solid #cccccc; outline:0; }
a:active { width:0; height:0; outline:0; }
#header a:hover { text-decoration: none; border-bottom: 0px solid #cccccc; outline:0; }
#textbox_blue a { color: #FFFFFF; text-decoration: none; outline:0; }

/* menu */
#menubit { width: 770px; float: left; padding-top: 5px; margin: 0px; background-color: #fafafa; }
#menubit ul { width: 770px; text-align: top; width: 770px; list-style-type: none; padding: 0px; margin: 0px; text-align: top;} 
#menubit li { display: inline; float: left; text-align: top; padding: 0 15px 0 0; margin: 0px; font: normal 11px Lucida Sans, verdana; line-height: 2.9em; letter-spacing: 0.1em; }
#menubit li#url { height: 1%; float: right; padding: 0; margin: 0; letter-spacing: 0.1em;}
#menubit li a#youarehere { border-bottom: 5px solid #ffffff; color: #aaaaaa; }

/* boxes */
#header { width: 810px; height: 93px; padding: 0px; margin: 0px; border: 0px solid #000000; }
#sq_770 { clear: both; position: relative; float: left; width: 510px; height: 510px; margin: 0; margin-top: 10px; }
#bigsq { position: relative; float: left; width: 770px; height: 250px; margin: 10px 0 0 0; padding: 0; }
#bigsq img { position: relative; float: left; margin: 0; padding: 0; }
#bigsq_left { position: relative; float: left; width: 250px; height: 250px; margin: 10px 0 0 0; }
#bigsq_right { position: relative; float: left; width: 250px; height: 250px; margin: 10px 0 0 10px; padding: 0; }
#bigsq_left2 { position: relative; float: left; width: 250px; height: 250px; margin: 0 0 0 0; padding: 0; }
#bigsq_right2 { position: relative; float: left; width: 250px; height: 250px; margin: 0 0 0 10px; padding: 0; }
#midsq_left { position: relative; float: left; width: 120px; height: 120px; background-color: #8d8d8d; margin: 10px 10px 0 10px; }
#midsq_right { position: relative; float: left; width: 120px; height: 120px; background-color: #8d8d8d; margin: 10px 0 0 0; }
#textbox_blue { position: relative; float: left; width: 230px; height: 230px; background-color: #1cb9d5; padding: 10px; }
#textbox_blue p { color: #FFFFFF; }
#showcase { position: relative; float: left; width: 510px; height: 250px; margin-top: 10px; }
.padright { padding-right: 10px;}

/* flickr */
#images { float: left; height: 75px; width: 75px; padding:0; margin:10px; overflow: hidden;}
#images img { border:none; padding: 0px; }
#images a:hover { border:none; padding:0px; }


/* lists */
#list { list-style-type: none; position: relative; float: right; width: 250px; margin-top: 10px; }
#list ul { list-style-type: none; padding: 0; margin: 0; }
#list li { background-color: #eeeeee; width: 250px; border-bottom: 1px solid #fafafa;}
#list li p { margin: 0; padding: 8px 10px 10px 10px; }
#list li H1 { font: normal 11px Lucida Sans, verdana; color: #797979; padding: 10px 10px 10px 10px; letter-spacing: 0.1em; border-right: 0px solid #fafafa;}
#list li H3 { padding: 10px 10px 10px 10px; border-right: 0px solid #fafafa;}

.box1x2 { height: 510px; width: 250px; }




p { font: normal 11px Lucida Sans, verdana; color: #797979; padding: 0; margin: 0 0 10px 0; border:0; line-height: 1.2em;}
h1 { font: normal 11px Lucida Sans, verdana; color: #FFFFFF; padding: 0; margin: 0; border:0; letter-spacing: 0em; line-height: 1.3em; }
h2 { font: bold 22px Lucida Sans, verdana; padding: 0; margin: 0; border:0; letter-spacing: 0em; line-height: 1.3em; }
h3 { font: bold 12px Lucida Sans, verdana; color: #FFFFFF; padding: 0; margin: 0px; border:0; letter-spacing: 0em; line-height: 1.3em; }
#markerpoint { position: absolute; z-index: 2; margin: 10px 10px 10px 10px; }
#markerpen { color: #FFFFFF; text-transform: uppercase; padding: 4px; background-color: #202222; background-image: url('images/bg_marker3.gif'); background-position: right; margin: 0 5px 0 0; line-height: 1.5em; } 

/* invisble to IE */
html>body #markerpen { line-height: 1.5em; }
html>body H1 { letter-spacing: 0.1em; }