/*  Remove Bad Browser Styles */
:link,:visited {text-decoration:none;}
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}
* {margin:0; padding:0;}
a img,:link img,:visited img {border:none; margin:0; padding:0;}
address {font-style:normal}
a:focus, a:visited {outline-style: none;}/* Firefox outline link fix */

/* Global Styles */
body {font:0.75em Arial, Helvetica, sans-serif; color:#333333; background: #d2d2d2 url(/__data/assets/image/0010/64/bg.jpg) repeat-x center top;}
#container {text-align: center;	margin: 50px auto 0 auto; width:836px;}
#headerHolder {width:816px; height: 112px; padding-left: 10px;}
ul#nav {color:#FFFFFF; margin: 0; padding: 0; height: 43px; list-style: none; float: right; margin-top: 68px; position: relative; width: 354px;}
#content {padding:16px 16px 16px 16px; text-align: left; background-color: #f8f8f8;}
.clear {clear: both;}
a {color: #fdfdfd;}
a:hover {color: #25AED8;}
#content a {color: #f98d1f;}
#content a:hover {color: #333;}
code {background-color: #ececec; border: 1px solid #aaa; padding: 4px; display: block; margin-bottom: 26px;}
code.shell {background-color: #000; color: #fff; border: none; padding: 4px 6px; display: block; margin-bottom: 26px;}

/* Shadows */
#main_body {width:816px; padding: 0 10px; background: url(/__data/assets/image/0008/62/center.png) repeat-y;}
#top_bg {width: 816px; margin: -28px auto 0 auto; padding:0px 10px 0px 10px; background: url(/__data/assets/image/0006/60/top.png) no-repeat bottom center;}
#bottom_bg {width: 816px; margin: 0px auto; padding:0px 10px 0px 10px; background: url(/__data/assets/image/0009/63/bottom.png) no-repeat top center;}

/* Navigation and Header */
#nav li {display: inline;}
#nav a {width: 58px; color: #fff; float: left; padding: 0; overflow: hidden; line-height: 43px;}

#home a, 
#about a, 
#portfolio a, 
#about a, 
#quoteNav a, 
#client a, 
#blog a  {width: 58px;}

#home a:hover, 
#about a:hover, 
#portfolio a:hover, 
#about a:hover, 
#quoteNav a:hover, 
#client a:hover, 
#blog a:hover {color:#25AED8;}

#home a.selected:hover, 
#about a.selected:hover, 
#portfolio a.selected:hover, 
#about a.selected:hover, 
#quoteNav a.selected:hover, 
#client a.selected:hover, 
#blog a.selected:hover {color:#FFFFFF;}

a.selected,
a.hierarchy {width: 58px; background: url(/__data/assets/image/0007/61/short_link_bg.png) top left no-repeat;}
#logo {width:123px; height:116px; float: left; background: url(/__data/assets/image/0011/65/logo.png) no-repeat;}
#logo a {width:123px; height:116px; display:block;}

/* Pages */
#pageTitle, 
.pageTitle {text-align:left; color: #fff; background-color:#25AED8; padding: 2px 6px; display: inline;	font: normal 2.17em Arial, Helvetica, sans-serif; height: 30px;}
.subTitle {text-align:left; color: #fff; background-color:#25AED8; padding: 2px 6px; display: inline; font: normal 1.5em Arial, Helvetica, sans-serif;}
#pageTitleHolder {margin-bottom: 20px; height: 32px;}
.subTitleHolder {margin-bottom: 10px;}
p {line-height:1.5em; margin-bottom: 12px; height:100%}
ul,li {margin-left:20px;}
li {margin-bottom: 10px; line-height:1.5em;}
h3 {font-size: 1.4em;}
#content h3 a {color: #414141}
.bodyImage img {padding: 4px; border: 1px solid #aaa; background-color: #fff; margin-bottom: 12px;}

/* Columns */
#leftColumn {float: left; width: 540px;}
#rightColumn {float: left; width: 240px;}
#rightColumn ul {margin: 10px 0 0 0;}
#rightColumn ul li {list-style-type: none; margin: 0;}

/*Contact Form */
#formBody {margin-top: 20px;}
.formItem {margin-bottom: 14px;}
.formText {float: left; text-align: right; width: 150px; font-weight: bold;}
.formField {float: left; margin-left: 8px; width: 400px;}
#formBodyBlog .formText {width: 100px;}
#formBodyBlog .formField {width: 380px;}

/* Portfolio */
.portfolioItem img {display: block; padding: 4px; border: 1px solid #aaa; background-color: #fff;}
.portfolioItem h3 {margin: 4px 0; font-size: 1.2em; font-weight: normal;}
.portfolioItem p.work {font-size: .9em; color: #000; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 1px 0; width: 95%; margin-bottom: 8px;}
.portfolioItem p.summary {margin-bottom: 20px; width: 95%;}

/* Projects */
.projectHolderSection {margin-bottom: 26px; border: 1px dotted #777; padding: 6px;}
h4.options {border-bottom: 1px solid #ccc; padding-bottom: 3px; margin-bottom: 4px; font-size: 13px;}

/* Comments */
h3.formSection {border-bottom: 1px solid #ccc; font-size: 14px; padding-bottom: 4px; margin-bottom: 6px;}
.newsCommentHold {border-top: 1px dotted #ccc; padding-top: 8px;}

/* Blog */
.date {width: 54px; height: 50px; border: 1px solid #ccc; text-align: center; float: left; margin: 0 10px 2px 0;}
.date p {margin: 0; font-size: 16px;}
.blogPage {padding-right: 20px; margin-bottom: 30px; border-bottom: 1px solid #ccc;}
.blogPage img.blogImage {display: block; margin: 20px auto; padding: 6px 12px; background-color: #fff; border: 1px solid #ddd;}

/* Account Info */
div.sq-backend-smallprint {font-size: 11px; margin-top: 6px;}
div.sq-backend-smallprint li {margin-bottom: 0;}

/* Clients */
.clientList {margin-bottom: 14px;}

.clientItem {padding-bottom: 6px; margin-bottom: 10px; border-bottom: 1px solid #ccc;}
.clientItem .info {font-size: 0.9em;}
.clientItem p {margin-bottom: 0; line-height: 1.3em;}

/*Footer Styles */
#footer {font-size:11px; color:#333333;	text-align:center; padding-bottom: 10px;}

/* PNG Fix */
#logo,
a.selected,
a.hierarchy {behavior: url(/__data/assets/text_file/0014/59/iepngfix.htc);}

/* Portfolio */
.portfolioItem {margin-bottom: 40px; border-bottom: 1px solid #ccc;}

/* Home */
ul#homeSide {margin-left: 16px;}
ul#homeSide li {list-style-type: disc;	list-style-position: outside; line-height: 14px; padding-bottom: 6px;}
ul#homeSide li a {font-weight: bold;}
ul#homeSide li span {font-size: 11px;}

/* Code Blocks */
.blogPage pre.prettyprint {margin-bottom: 10px; font-size: 12px;}

/* Test Suite */
#container a.matrixStatus,
#container a.matrixDelete {border: 1px solid #a7a7a7; padding: 2px 4px; background-color: #d5d5d5; color: #1d1d1d; font-weight: bold;}

#container a.matrixStatus:hover,
#container a.matrixDelete:hover {background-color: #bdbdbd;}

/* jquery.matrix.js matrixMap */
#map_root {width: 400px; overflow: auto; background-color: #fff; padding: 12px;	border: 1px solid #b8b8b8; margin-left: 0;}
#map_root li {list-style: none; margin: 0 0 2px 0;}
#map_root li a {color: #000; font-size: .9em;}
#map_root li img {margin-bottom: -3px;}

/* Progress Bar */
.barHold {height: 20px; width: 500px; background-color: #eaeaea; border-top: 1px solid #505050; border-left: 1px solid #505050; border-bottom: 1px solid #868686; border-right: 1px solid #868686; margin: 4px 0;}
.barHold .progress {height: 20px; width: 0%; background: url(/__data/assets/image/0009/1107/progress_bg.jpg) repeat-x;}
.barHold .progress span {color: #fff; padding: 3px 0 0 4px; display: block; width: 40px;}