/*****Reset Styles*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
.hidden, hr { display: none; }

/*****Clearfix Hack*****/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

/*****Body Styles*****/
body { background: #fff url(../images/bg.gif) top center repeat-y; color: #525252; font: 62.5%/190% "Lucida Sans", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; }
img {vertical-align:top}
/*****Text, Lists & Links*****/
h1, h2, h3, h4 { font-weight: normal; line-height: 200%; margin: 5px 0 20px; }
h1 {text-indent: -9999px;overflow:hidden;background: #fff url(../images/logo.jpg) top left no-repeat;width:283px; height: 29px;}
h1 a {display:block;}
h2 { font-size: 13px; font-weight: bold; margin: 0 0 15px;}
h3 { color: #76A3D4; border-bottom: 1px dashed #B9B8B8; font-size: 20px; padding: 0 0 10px; }
h4 { font-size: 14px; }

p { font-size: 13px; margin: 0 0 15px; }
li { font-size: 13px; line-height: 200%; list-style: square; margin: 0 10px 5px; }
ul { margin: 0 20px 10px; }

a, a:visited, a:active, a:link { color: #f0602e; text-decoration: none;}
a:hover { text-decoration: none; }
a img { border: none; }

img { vertical-align: bottom; }

/*****Structure*****/
#header {height:36px; margin-bottom: 10px}

#container {margin:0 auto;width:640px;height:436px;}
#article {width:620px;height:339px;background-color:#fff;}
#article-inner {width:600px;height:319px}
#article, #article-inner {padding:9px;border:1px solid #afb0b2;}

.block-left {width:370px; float:left;}
.block-right {width:300px; float:right;}


/******Nav*****/
h1 {float:left}

#navigation li {float:right}
#navigation, #navigation li {list-style-type:none;margin:0; padding:0;}
#navigation li {margin-left: 12px;padding-top:7px;}
#navigation li a {color:#333;text-decoration:none;font-size:14px;text-transform:lowercase;text-align:right;}
#navigation li a:hover, #navigation li a.current {color:#f0602e}

#portfolio-nav {position:absolute;bottom:0;left:0;}
#portfolio-nav, #portfolio-nav li {list-style-type:none;margin:0;padding:0;}
#portfolio-nav li {float:left;margin-right: 20px;}
#portfolio-nav li a {font-size:14px;float:left; color:#333;text-decoration:none;}
#portfolio-nav li a:hover, #portfolio-nav li a.current {color:#f0602e}

.welcome #article-inner, .about #article-inner, .clients #article-inner, .contact #article-inner {background-position:top center;}
.welcome #article-inner {background-image:url(../images/welcome.jpg)}
.about #article-inner {background-image:url(../images/about.jpg); background-position:center bottom;}
.clients #article-inner {background-image:url(../images/clients.jpg); background-position: 50% 50%;}
.contact #article-inner {background-image:url(../images/contact.jpg)}

#gallery {width:100%;height:100%;}
#gallery, #gallery li, .stripTransmitter, .stripTransmitter li {list-style-type:none;padding:0;margin:0}
#gallery li, .stripTransmitter li {float:left}

.stripTransmitter li a {color:#333}
.svw {background:#fff url(../images/loader.gif) top left no-repeat;} 
.svw ul {position: relative; left: -999em;} 

.stripViewer { position: relative; overflow: hidden; margin: 0; padding:0;background:#fff url(../images/loader.gif) 50% 50% no-repeat;width: 600px; height: 319px;} 
.stripViewer ul { position: relative; left: 0; top: 0; width: 1%; list-style-type: none; } 
.stripViewer ul li { float:left; } 
.stripViewer ul, .stripViewer ul li {margin:0;padding:0;}
.stripTransmitter { overflow: auto; width: 1%; } 
.stripTransmitter ul { margin: 0; padding: 0; position: absolute; list-style-type: none; bottom: 0; right: 0;} 
.stripTransmitter ul li{ width: 20px; float:left; margin: 0 0 0 10px; } 
.stripTransmitter a{font-size:14px; text-align: center; line-height: 22px; text-decoration: none; display: block; color: #333;} 
.stripTransmitter a:hover, .stripTransmitter a.current{ color:#f0602e }
.tooltip { padding: 0.5em; background: #fff; color: #000; border: 5px solid #dedede; }

/**** Quirks ****/
.contact-quirk {padding-top:160px;}
.clients-quirk {line-height:28px;}