/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
/* remember to define focus styles! */
:focus { outline: 0; }
body { line-height: 1; color: #fff; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.offscreen { position: absolute; top: -1000px; left: -5000px; }
/*----------------STRUCTURE STYLES--------------*/
body { font-family: Arial, Helvetica, sans-serif; font-size: 80%; background:url(media/bg_body_back.gif) repeat-x #313232; }
.container { width: 970px; margin: 0 auto; }
.paddedTop { padding: 26px 0; }
.leftCol { width: 180px; float: left; margin-right: 80px; padding-top: 5px; }
.rightCol { float: left; width: 570px; margin-bottom:10px; }
.projectArea { width: 710px; margin-top: 49px; }
.rightCol h1 { color:#fe4800; }
/*--------------GENERIC STYLES-----------------*/
a { color:#fe4800; text-decoration: none; }
a:hover { text-decoration: underline; }
.rightCol ul li { list-style: url(media/bullet.png); padding-right: 20px; margin-bottom: 10px; line-height:1.4em; }
.rightCol ol { margin-bottom: 10px; }
.rightCol ol li { line-height: 1.4em; }
.rightCol ul { margin-left: 15px; margin-bottom: 20px; }
p { padding-bottom: 20px; line-height: 1.4em }
hr { border:0 none; border-top:1px solid #67686a; height:1px; }
h1 { margin-bottom: 20px; font-size: 150%; }
h2 { margin-bottom: 15px; font-size: 130%; font-weight:bold; }
h3 { margin-bottom: 10px; font-size: 105%; }
.clear { clear:both; }
.left { float: left; }
.right { float: right; }
/*-------------------HEADER--------------------*/
.header { height: 75px; }
.logo { float: left; margin-right: 80px; }
.topLine { border-style: solid; border-width: 0px 0px 12px 0px; border-color: #1e1e1e; }
.menu li a { color: #fe4800; text-decoration: none; padding-right: 7px; font-weight: bold; font-size: 120%; }
.menu li a.selected { color:#fff; padding-right: 7px; }
.menu li a:hover { color:#fff; }
.menu li a.selected:hover { color:#fe4800; }
.menu { padding-top: 26px; display: block; float: right; }
.menu li { display: inline; padding: 21px 13px 10px 9px; }
.semiCircle { background-position: center 0px; background: url(media/semicircle-shader.png) no-repeat right top; }
.strong { font-weight: bold; }
/*--------------BREADCRUMB--------------------*/
.rightCol .breadcrumb { margin: 20px 0 20px 0px; }
.breadcrumb li { display: inline; background:url(../media/bread_arrow1.gif) no-repeat right top; padding:0 16px 0px 0; }
.breadcrumb li.noArrow { background: none; }
.breadcrumb a { text-decoration: none; }
.breadcrumb a:hover { color:#ffffff; }
/*-----------------HOME CONTENT-----------------*/
.ContentWrapper { padding-top:17px;}
.flash { padding: 0; width: 635px; height: 228px; background: url(media/stripey.gif) repeat-x right bottom; float: left; }
.divider { width: 635px; height: 20px; background: url(media/divider.png) repeat-x right top; margin:0; padding:0; display:block;}
.homepageLinks { float: right; width: 315px; height: 228px; background: url(media/stripey.gif) repeat-x right bottom; }
.homepageLinks ul li { border-style: solid; border-width: 0px 0px 1px 0px; border-color: #2e2e2e; height: 34px; padding-left: 15px; padding-top: 20px; margin-top: 0px; font-size: 125%; font-weight: bold; background-color: #111;width: 300px; float:left; }
.homepageLinks ul li.last { border-width: 0px; }
.homepageLinks ul li a, .homepageLinks ul li a:visited, .homepageLinks ul li a:hover { color: #fff; text-decoration: none; float:left; }
.homepageLinks ul li img { padding: 0px; margin-right: 16px; position: relative; top: -10px; float: left; }
.homepageLinks ul li:hover { background: #222; border-color: #1d1d1d; }
.homeLeft { float: left; width: 635px; margin-right:15px; margin-bottom: 15px; }
.homeLeft h1 { margin-top: 10px; padding-top: 12px; width: 635px; }
.homeLeft h2 { padding-top: 12px; width: 635px; }
.homeRight { float: right; width: 310px; }
.homeRight p { margin: 0px; padding: 0px; }
.homeRight h2 { margin-top: 10px; padding-top: 12px; width: 310px; }
p.newsDate { font-size: 80%; color:#999999; text-transform: uppercase; border-bottom:1px solid #67686a; padding-bottom:16px; font-weight: bold; }
p.newsTitle { padding-top:7px; font-size: 110%; font-weight: bold; }
/*---------------RECENT PROJECT-----------------*/
.recentProject { background: url(media/project_bg.png); width: 191px; height: 125px; float: left; margin-right: 15px; padding: 5px; display: block; }
a.spoofLinks, a.spoofLinks:visited, a.spoofLinks:hover { color: #fff; text-decoration: none; }
.homeLeft .recentProject p { padding-bottom: 0px; width:140px;}
.recentProject img {margin: 9px 6px 6px 6px; }
.recentProject p { float: left; padding-left: 6px; }
.recentProject h3 { margin:7px; margin-bottom:2px; }
/*---------------LIGHTSTRIPE-----------------*/
.lightstripe { width: 100%; height: 200px; background: url(media/stripey-light.gif) repeat right bottom; margin-top: 25px; }
.floatybox { float: left; height: 200px; width: 195px; margin-right: 20px; }
.floatybox-right { height: 200px; border-style: groove; border-width: 0px 0px 0px 1px; border-color: #999; float: right; width: 295px; margin-right: 20px; }
.floatybox-right li { width:295px; float:left;}
.floatybox-right li a, .floatybox-right li a:hover, .floatybox-right li a:visited { vertical-align:middle;font-size: 150%; font-weight: bold; padding-left: 10px; padding-top:3px; text-decoration: none; float:left }
.floatybox-right li img { float:left; vertical-align:middle }
.floatybox-right li img:hover { }
.lightstripe h3 { margin-left: 20px; margin-top: 20px; }
.lightstripe ul { margin-left: 20px; padding: 5px; }
.lightstripe ul li { padding-bottom: 8px; font-size: 90%; }
.lightstripe ul li a, .lightstripe ul li a:active, .lightstripe ul li a:visited { color: #fff; text-decoration: none; font-weight: bold; }
.lightstripe ul li a:hover { color: #ddd; text-decoration: none; }
.lightstripe h3 img { background-color: #111; }
.lightstripe h3 img:hover { background-color: #111; }
.lightstripe ul { width: 200px; }
/*---------------FOOTER-----------------*/
#strapline { color:#999999; font-size:90%; background: transparent url(media/strapline.gif) no-repeat right top; width: 970px; height: 20px; float: right; padding: 0 0 60px 0; margin: 20px 0 0 0; text-align: left; }
.footer li { display:inline; font-size: 90%; }
.footer a { color:#999999; }
.footer ul { width: 970px; padding: 0px; float: left; margin-bottom:3px; }
.footer p { margin:0; padding:0; font-size:90%}
/*---------------CONTENT-----------------*/
.defaultContent { padding: 0; width: 635px; background: url(media/stripey.gif) repeat-x right top; float: left; position: relative; }
.defaultContent img { padding: 8px 0px 0px; background: url(media/stripey.gif) repeat-x right top; display:block; }
.defaultContent img.noborder { padding: 0px; }
.defaultContent h1.seotext { position: absolute; width: 150px; height: 150px; top: 8px; left: 20px; font-size: 200%; letter-spacing: -1px; color: #fff; background: #000; padding: 16px; }
.defaultContent h1 { padding-top: 30px; }
.defaultContent h2 { padding-top: 5px; }
.defaultContent h3 { padding-top: 15px; }
.defaultContent h4 { padding-top: 5px; }
.defaultContent p { font-size: 105%; }
.defaultContent br { line-height: 1.4em; padding: 8px; }
.defaultContent p img { padding: 8px 0px 0px; background-image: none; }
.defaultContent ol { list-style-type: circle; list-style-position: outside; line-height: 1.2em; margin-bottom:15px; }
.defaultContent ul { list-style-type: circle; list-style-position: inside; line-height: 1.4em; padding: 8px; }
.defaultContent ul li, .newsContent ul li { list-style-type: circle; list-style-position: inside; line-height: 1.4em; }
.defaultContent ol li { margin-bottom:4px;}
.contentLinks { float: right; width: 315px; background: url(media/stripey.gif) repeat-x right top; }
.contentLinks h2 { padding: 30px 20px 5px 20px; }
.contentLinks h3 { padding: 30px 20px 5px 20px; line-height: 1.2em; color: #ddd; }
.contentLinks p { padding: 0px 20px 10px 20px; font-size: 110%; color: #ddd; }
.contentLinks select { margin: 0px 20px 10px 20px; font-size: 105%; color: #000; background-color: #fff; border: 1px solid #000; width: 200px; }
.contentLinks ul { padding-left: 20px; }
.contentLinks ul li { padding: 8px 0px 8px 15px; margin: 0px; font-size: 95%; font-weight: bold; background: url(media/menu-arrow.png) no-repeat left 11px; }
.contentLinks ul li.last { border-width: 0px; }
.contentLinks ul li a, .contentLinks ul li a:visited { color: #fe4800; text-decoration: none; }
.contentLinks ul li a:hover { color: #fff; }
.quote { padding: 15px 0px 15px 30px; margin-bottom: 25px; font-weight: bold; width: 609px; border: 1px solid #615e5e; background: url(media/menu-arrow.png) no-repeat 15px 22px; }
.quote a:hover { text-decoration: none; color: #fff; }
.tribox { border-style: solid; border-width: 0px 0px 0px 0px; border-color: #555; padding: 5px 0 0 15px; width: 196px; background: url(media/soft-shader.png) repeat-x right top; float: left; position: relative; }
.triboxcenter { border-style: solid; border-width: 0px 1px 0px 1px; border-color: #555; padding: 5px 0 0 15px; width: 196px; background: url(media/soft-shader.png) repeat-x right top; float: left; position: relative; }
.tribox h3, .triboxcenter h3 { font-size: 140%; margin-bottom:0; }
.defaultContent .tribox ul li, .defaultContent .triboxcenter ul li { list-style-type: none; padding: 8px 0px 8px 15px; margin: 0px; font-size: 85%; font-weight: bold; background: url(media/menu-arrow.png) no-repeat left; list-style-position:outside; }
.defaultContent .tribox ul li a, .defaultContent .tribox ul li a:visited, .defaultContent .triboxcenter ul li a, .defaultContent .triboxcenter ul li a:visited { list-style-type: none; color: #fe4800; text-decoration: none; }
.tribox ul li a:hover, .triboxcenter ul li a:hover { color: #fff; }
/*------NEWS----*/
.newsLinks { float: right; width: 315px; background: url(media/stripey.gif) repeat-x right top; }
.newsTeaser h1 { padding:26px 0 0 0; margin:0; font-weight:bold; font-size:130%;}
.largeHeader { font-size: 170%; margin: 25px 0px 10px 10px; }
.newsListItemContainer { margin-bottom: 0px; margin-top: 10px; border-bottom:1px solid #666; }
.newsListImage { padding: 0px 0px 10px 0px; clear: both; }
.newsStoryImage { float: right; padding: 0px 0px 10px 10px; width: 300px; }
.homeLeft .newsItemHeadline h2 { padding: 16px 0 3px 0; margin:0; }
.newsDate { padding: 0px 0px 15px 0px; margin:0; font-size: 80%; color:#999999; text-transform: uppercase; font-weight: bold;}
.newsTeaser { padding: 0px 0px 10px 0px; }
/*.newsImage { width: 198px; }*/
/*---------------PORTFOLIO----------------*/
.portfolioContent { padding: 0; float: left; position: relative; clear: both; }
.portfolioContent img { padding: 8px 0px 0px; }
.portfolioContent h1.seotext { position: absolute; width: 150px; height: 150px; top: 8px; left: 20px; font-size: 200%; letter-spacing: -1px; color: #fff; background: #000; padding: 16px; }
.portfolioContent h1 { padding-top: 20px; }
.portfolioContent h2 { padding-top: 10px; padding-bottom: 0px; }
.portfolioContent h3 { padding-top: 5px; }
.portfolioContent h4 { font-size: 105%; padding-top: 5px; }
.portfolioContent p { font-size: 100%; }
.height-spacer { padding: 10px; }
.ProjectThumb { padding: 0px 14px 10px 0px; margin: 0px 5px 5px 0px; display: block; width: 310px; height: 215px; }
.ProjectThumb img { width: 310px; height: 150px; overflow: hidden; }
.ProjectThumb h2 { padding:10px 0 0 0; margin:0;}
.ProjectThumb h2 a, .ProjectThumb h2 a:visited { color: #fff; padding:0; margin:0;}
.ProjectThumb h2 a:hover { color: #ffdddd; text-decoration: none; }
.ProjectThumb p a, .ProjectThumb p a:visited { color: #fe4800; font-size:85%;}
.ProjectThumb p { color:#999999;}
.homeLeft .lastRecentProject{margin-right:0;}
.projectDetailContainer { background: url(media/stripey.gif) repeat-x right top; width: 675px; padding: 30px 0px 18px; float: left; margin: 0px 0; display: block; }
.projectDetailContainer .inner{ padding:0;}
/*.projectDetailContainer .leftContent { float: left; width: 340px; margin-right: 18px; }*/
.projectDetailContainer .gallery ul { margin:0 0 10px 0; padding: 0; }
.projectDetailContainer .gallery ul li { list-style: none; background-image: none; padding: 0px; margin: 0 0 10px 0; }
.projectDetailContainer .gallery ul li img{background: url(media/stripey.gif) repeat-x right top; width:675px;}
/*.projectDetailContainer .righContent { float: left; width: 275px; line-height: 1.2em; }*/
.projectDetailContainer label { font-weight: bold; padding-bottom:5px; }
.projectDetailContainer h1 { padding-top: 0px; margin-top: 0px; color:#DDDDDD;font-size:200%;font-weight:normal;}
.projectDetailContainer .normalLinks { color:#ddd; text-decoration: none; font-size: 200%; font-weight: normal; }
.projectDetailContainer .backLinks a { color: #999; font-size: 175%; font-weight: normal; }
.projectDetailContainer .backLinks a:hover { color:#eee; text-decoration: none; }
.projectDetailContainer .arrow a { background: url(media/menu-arrow.png) no-repeat left 7px; color:#fe4800; text-decoration: none; padding-left: 15px;}
.flvLink{ display: none; }
.projectLinks { float: right; width: 270px; background: url(media/stripey.gif) repeat-x right top; margin-left: 20px;}
.projectDescArea {border-right:1px solid #666666;float:left;margin-right:20px; margin-top:5px;padding-right:20px;width:406px; font-size:85%;}
.projectDescArea p { color:#888;}
.projectDescArea p label { color:#fff;}
.projectSkillsArea { font-size:85%; padding-top:5px;}
.projectSkillsArea p { color:#888;}
.projectLinks select { margin: 0px 15px 0px 15px; font-size: 105%; color: #000; background-color: #fff; border: 1px solid #000; width: 200px; }
.projectLinks .divider { background-image: url(media/divider.png); width: 270px; margin-top: 30px; }
.ProjectThumb p { padding: 0; margin: 0; text-align: left; }
.portfolioPages { float: right; margin: 10px 20px 0 0; font-size: 90%; }
.portfolioPages li { display: inline; padding: 0 7px 0 8px; border-left:1px solid #ffffff; }
.portfolioPages li.noDivider { border: none; }
.projectListing .leftCol h2 { color: #fe4800; }
/*---------------PAGINATION----------------*/
.rightNumber { float: right; margin-top: 10px; }
.rightNumber a, .rightNumber a:visited { color: #fff; }
.rightNumber a:hover { color: #fff; text-decoration: none; }
.leftNumber { float: left; margin-top: 10px; }
.newsPrev { padding: 5px 5px 3px 10px; margin: 5px; width: 15px; height: 20px; background-color: #000; display: inline-block; font-weight: bold; }
.newsNumberCurrent { padding: 5px 5px 3px 10px; margin: 5px; width: 15px; height: 20px; background-color: #fe4800; display: inline-block; font-weight: bold; }
.newsNumber { padding: 5px 5px 3px 10px; margin: 5px; width: 15px; height: 20px; background-color: #000; display: inline-block; font-weight: bold; }
.newsNext { padding: 5px 5px 3px 10px; margin: 5px; width: 15px; height: 20px; background-color: #000; display: inline-block; font-weight: bold; }
.newsPrev:hover { background-color: #151515; }
.newsNumberCurrent:hover { background-color: #ff652b; }
.newsNumber:hover { background-color: #151515; }
.newsNext:hover { background-color: #151515; }
.projPrev { padding: 7px 5px 2px 10px; margin: 5px; width: 15px; height: 20px; background-color: #000; display: inline-block; font-weight: bold; }
.projNumberCurrent { padding: 7px 5px 2px 10px; margin: 5px; width: 15px; height: 20px; background-color: #fe4800; display: inline-block; font-weight: bold; }
.projNumber { padding: 7px 5px 2px 10px; margin: 5px; width: 15px; height: 20px; background-color: #000; display: inline-block; font-weight: bold; }
.projNext { padding: 7px 5px 2px 10px; margin: 5px; width: 15px; height: 20px; background-color: #000; display: inline-block; font-weight: bold; }
.projPrev:hover { background-color: #151515; }
.projNumberCurrent:hover { background-color: #ff652b; }
.projNumber:hover { background-color: #151515; }
.projNext:hover { background-color: #151515; }
.dataCaptureLabel { width: 180px; float:left; display: inline-block; }
.dataCaptureText { width: 360px; font-size: 120%; color: #555; }
.dataCaptureTextArea { width: 360px; height: 75px; font-size: 120%; color: #555; font-family: Arial, Helvetica, sans-serif; }
/*---------------SITEMAP----------------*/
.siteMap ul li a { list-style-type: disc; padding: 2px 10px; font-size: 100%; }
.siteMap ul li ul li a { list-style-type: circle; padding: 2px 10px; color: #ff652b; }
.siteMap ul li ul li ul li a { list-style-type: disc; padding: 2px 10px; }
.siteMap a:hover { color: #fff; text-decoration: none; }
.staff {
min-height:140px;
width: 635px;
}
.staff img {
margin-bottom:10px;
}
.projectLinks h2 {
padding:20px 0 0 15px;
}
.contactRight h2 {
margin:20px 0 15px 0; padding:0 0 0 15px;
}
.contactRight p {
margin:0 0 0 0; padding: 0px 40px 10px 15px; color: #fff;
}
.contactRight ul {
padding-left:20px;
}
.contactRight ul li {
margin:0 5px 0 0; padding:0;
font-size:110%;
color:#FFFFFF;
}
.contactRight ul li img {
margin-bottom:5px;
vertical-align:middle;
padding:7px 5px 0 0;
}
.contactRight ul li a {
vertical-align:middle;
padding-top:2px;
color: #fff; text-decoration: none;
}
.contactRight ul li a:hover { color: #999; }
.contactRight ul li {
margin:0 0 8px 0px;
/*vertical-align:middle;*/
padding:5px 0px 5px 33px;
width:200px;
}
.telephoneBgd
{
background: url(../media/icon5.png) no-repeat left center;
}
.EmailBgd
{
background: url(../media/icon6.png) no-repeat left center;
}