/* centering code from http://www.bartelme.at/journal*/
html {min-height:100%; width:auto; }
body { height: 100%; width:auto; background: #c33 url(images/tile.jpg) repeat top left; color: #000; font: 80% "Helvetica Neue", Arial, sans-serif; line-height:125%; font-weight:normal; margin: 0; padding: 0; text-align: center; }

#content { background: #fff url(images/test4.jpg) no-repeat top right; width: 1024px; height:auto; margin: 0 auto; border-left:1px solid #444; border-right:1px solid #444; padding: 0 10px 10px 10px; text-align: left; overflow:auto; }

/*paragraph*/
p { margin: 0 0 6px 0; padding: 0; font-size: 1em; color: #444; clear: both; text-align: left; }
p b { color: #444; font-weight:bold; }

.align-right { float: right; width:auto; margin:0 0 10px 20px;  }
.align-left { float: left; width:auto; margin: 0 20px 10px 0; }

/*headline*/
h1 { font-family: Arial; background: transparent; color: #444; text-decoration: none; word-spacing: -0.01em; text-align: left; letter-spacing: -10px; font-size: 6em; line-height: 1em; margin:0; padding:0; }
/* medium headline*/
h3 {font-family: "Gill Sans", sans-serif; font-size: 1.1em; color: #444; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; padding: 20px 0 5px 0; }
/*small headline*/
h4 {font-family: "Gill Sans", sans-serif; background: transparent; color: #444; text-decoration: none; text-align: left; letter-spacing: 5px; line-height: 1em;
font-size: 1em; text-transform: uppercase; font-weight: bold; padding:0 0 10px 5px; margin:0; }
h5 { font-family: Arial; background: transparent; color: #666; text-decoration: none; word-spacing: -0.01em; text-align: left; letter-spacing: -10px; font-size: 5em; line-height: 1em; margin:0; padding:0; }

#left { position:absolute; width:370px; height:auto; margin: 10px; padding: 10px; background: #fff; }
#right { float:right; background: #fff; width:560px; height:auto; margin: 10px; padding:10px; }
#thinleft { position:absolute; width:250px; height:auto; margin: 10px; padding:10px; background: #fff; }
#thinright { float:right; background: #fff; width:270px; height:auto; margin: 10px; padding:10px; }
#wideleft { position:absolute;  background: #fff; width:680px; height:auto; margin:10px; padding:10px 0 10px; }
#wideright { float:right;  background: #fff; width:680px; height:auto; margin: 10px; padding:10px; }
#headwrap { background: transparent; width: auto; border:none; height:auto; margin: 10px; padding: 10px; text-align: left; }
#strap { background: #fff; font-family: "Gill Sans", sans-serif; font-size:1em; line-height: 1.2em; font-weight: normal; color: #444; clear:both; width:600px; height:auto; text-align:left; margin: 10px; padding:10px; }
#footer { font-family: "Gill Sans", sans-serif; font-size:1em; line-height: 1.2em; font-weight: normal; color: #444; clear:both; margin: 10px; padding: 10px; border-top: 1px solid gray; text-align:center; }
#footer .clearleft { font-family: "Gill Sans", sans-serif; font-size:1em; line-height: 1.2em; font-weight: bolder; color: #444; clear:left; margin: 10px; padding: 10px; border-top: 1px solid gray; text-align:center; }
#linksleft { position:absolute; width:300px; height:auto; margin: 10px; padding:10px; background: #fff; }
#linksmiddle { float:right; width:300px; height:auto; margin: 10px; padding:10px; background: #fff; }
#linksright { float:right; background: #fff; width:300px; height:auto; margin: 10px; padding:10px; }
#freelancers1 { float:left; width:320px; height:auto; margin: 0; padding:0; background: #fff; }
#freelancers2 { float:right; width:320px; height:auto; margin: 0; padding:0; background: #fff; }

/*pointer links*/
.read { border-bottom: 1px #c0c0c0 solid; margin: 10px 0 20px 0; text-align: right; clear: both; }
.read a:link, a:visited, a:active { text-decoration: none; color:#c00; font-weight: bold; }
.read a:hover { text-decoration: underline; }
a[title] { font-family: Arial; background: transparent; color: #666; text-decoration: none; }

/*linked heading*/
h3 a:link, a:active, a:visited { color: #444; font-weight:normal; text-decoration: none; } 
h3 a:hover { text-decoration: underline; font-weight:normal; color: #c00; }

/*regular links*/
a:link, a:visited, a:active { text-decoration: none; color:#c00; font-weight: bold; }
a:hover { text-decoration: underline; }

/*navigation bar*/
.container { width: auto; background: transparent; padding: 0; margin: 10px 0 0 0; text-align:left; }

#minitabs { margin: 0; padding: 0 0 20px 10px; border-bottom: 1px solid #000;}
#minitabs2 { margin: 0; padding: 0 0 20px 10px; border-bottom: none; list-style-type: square; }	
#minitabs li { margin: 0; padding: 0; display: inline; list-style-type: none; }
#minitabs a:link, #minitabs a:visited { float: left; font-family: "Gill Sans", sans-serif; font-size: 13px; line-height: 16px; font-weight: bold; margin: 0 10px 4px 10px; padding-bottom: 2px; text-decoration: none; color: #666; }
#minitabs a.active:link, #minitabs a.active:visited, #minitabs a:hover { border-bottom: 4px solid #000; padding-bottom: 3px; background: #fff; color: #444; }

/*blockquotes*/
blockquote { color: #444; font-family: Helvetica; width: auto; margin: 1.1em; font-size: 1.2em; line-height: 1.1em; text-align: left; font-weight:normal; border: none; padding: 0; float: left; display: inline; }
.blockquoteleft { color: #444; font-family: Helvetica; width: auto; margin: 1.1em; font-size: 1.2em; line-height: 1.1em; text-align: left; font-weight: bolder; border: none; padding: 0; float: left; display: inline; }
.blockquoteright { float: right; display: inline; }

/*photo captions*/
.photographs dt { border: 1px solid #ccc; font-size:1em; text-align:center; padding:10px; }
.photographs dd { font-family: Helvetica, Arial, sans-serif; width: auto; height:auto; background: transparent; text-align:left; font-size:1em; font-weight:bolder; margin: 10px; padding:0; }

/* gallery container */
.gallery { float:right; position: relative; background: #fff; width:680px; height:auto; margin: 10px; padding:10px; }
/* thumbnail images */
.thumb, .no-thumb { float:left; width:100px; height:75px; margin:5px; }
.thumb { border:1px solid #000; }
.no-thumb { border:1px solid #fff; }
.thumb a img { display:block; }
.thumb a span { display:none; }
.thumb a:hover, .thumb a:active, .thumb a:focus { background:transparent; }
/* preview image */
.gallery a:hover span { display:block; position:absolute; width:400px; height:300px; top:210px; left:145px; }
/* preview image title block */
.thumb em { position:absolute; width:200px; top:300px; left:90px; -moz-border-radius:12px; background:#ccc; color:#000; font:normal 12px/20px verdana; text-align:center;opacity:0.8;
-moz-opacity:0.80; -khtml-opacity:0.8; }
.thumb a { text-decoration:none; }


.picture { background-color: #F9F9F9;
border: 1px solid #CCCCCC; padding: 3px;
font: 11px/1.4em Arial, sans-serif; }
.picture img { border: 1px solid #CCCCCC;
vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; }


/* no border on images */
a img {border:0;}
ul { list-style-type:none; }
/* clear floats */
.clear { clear:both; }
.clearleft { clear:left; }
.clearright { clear:left; }