html, body
{
margin: 0 auto;
background: url(../images/bodyBackground.jpg) top left no-repeat #0b0102;
}
#wrapper
{
position: absolute;
left: 50%;
top: 0;
margin-left: -471px;
width: 942px;
height: auto;
border-left: 1px solid #666;
border-right: 1px solid #666;
background-color: #ffffff;
}
#innerWrapper
{
width: 942px;
/*border-left: 1px solid #ccc;
border-right: 1px solid #ccc;*/
background-color: #ffffff;
height: auto;
}
#innerWrapperBg
{
width: 940px;
background: url(../images/innerBg.jpg) top left repeat-y #ffffff;
height: auto;
}
img{
/*behavior: url('/global/iepngfix.htc');*/
}
#googleMap
{
margin-top: 20px;
width: 250px;
border: 1px dotted #333;
height: 250px;
}
.noEmail
{
border: 1px dotted #333;
padding: 5px;
color: #ff0000;
font-size: 12px;
}
.thankYou
{
border: 1px dotted #333;
padding: 5px;
color: #666;
font-size: 12px;
}
/*TOP BAR*/
#topBar
{
height: 155px;
border-bottom: 3px solid #ff9900;
width: 940px;
}
#logo
{
float: left;
padding: 14px 0 15px 35px;
}
#logo span
{
display: none;
}
#topBarRight
{
margin-top: 80px;
margin-right: 30px;
_padding-right: 30px;
_margin-right: 0px;
float: right;
text-align: right;
}
.contactTheStudio
{
padding-bottom: 8px;
}
.phoneNumber
{
width: 230px;
height: 30px;
float: right;
}
.emailAddress
{
width: 230px;
height: 21px;
float: right;
clear: right;
margin-top: 5px;
}
/*END TOP BAR*/
/*BREADCRUMB TRAIL*/
#breadCrumb
{
float: left;
padding: 20px 34px 20px 26px;
width: 620px;
}
.breadCrumbArrow
{
float: left;
width: 25px;
}
/*END BREADCRUMB TRAIL*/
/*LEFT BAR*/
#leftBar
{
width: 240px;
float: left;
}
#navigationMenuWrapper
{
width: 240px;
background-color: #f2f2f2;
border-bottom: 1px solid #ccc;
float: left;
_margin-right: -10px;
padding: 0;
}
#newsWrapper
{
margin-top: 20px;
width: 195px;
background-color: #ffffff;
padding-left: 20px;
float: left;
}
.newsLetterTextBox
{
padding-left: 10px;
padding-top: 55px;
}
.newsTitleHolder
{
margin-bottom: 25px;
}
.webTabLeft, .webTabLeftSelected
{
width: 100px;
height: 19px;
background: url(../images/webTab.png) no-repeat left top;
font-size: 12px;
padding-top: 7px;
color: #666;
font-weight: bold;
float: left;
text-align: center;
}
.cgiTabLeft, .cgiTabLeftSelected
{
width: 77px;
height: 19px;
background: url(../images/3dTab.png) no-repeat left top;
font-size: 12px;
padding-top: 7px;
color: #666;
font-weight: bold;
float: left;
text-align: center;
}
.printTabLeft, .printTabLeftSelected
{
width: 110px;
height: 19px;
background: url(../images/printTab.png) no-repeat left top;
font-size: 12px;
padding-top: 7px;
color: #ccc;
font-weight: bold;
float: left;
text-align: center;
}
.allTabLeft, .allTabLeftSelected
{
width: 47px;
height: 19px;
background: url(../images/allTab.png) no-repeat left top;
font-size: 12px;
padding-top: 7px;
color: #666;
font-weight: bold;
float: left;
text-align: center;
}
.webTabLeftSelected, .cgiTabLeftSelected, .printTabLeftSelected, .allTabLeftSelected
{
color: #ff9900;
}
.webTabLeftSelected a, .cgiTabLeftSelected a, .printTabLeftSelected a, .allTabLeftSelected a
{
font-size: 12px;
color: #ff9900;
text-decoration: none;
}
.webTabLeft a, .cgiTabLeft a, .printTabLeft a, .allTabLeft a
{
color: #666;
text-decoration: none;
}
.webTabLeft a:hover, .cgiTabLeft a:hover, .printTabLeft a:hover, .allTabLeft a:hover
{
color: #999;
text-decoration: none;
}
.newsTabRight
{
float: right;
padding-top: 7px;
font-size: 11px;
color: #666;
}
#navigationMenu
{
width: 240px;
background-color: #fafafa;
padding: 0px;
}
#newsPanel
{
padding-bottom: 0px;
background-color: #ffffff;
width: 200px;
}
#navigationMenuInner
{
width: 225px;
padding: 15px 0 15px 24px;
}
.newsDate
{
color: #666666;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dotted #666666;
}
.newsDescription, .blogDescription
{
padding-top: 5px;
}
.arrowLinkLeft
{
float: left;
}
.arrowLinkRight
{
float: Right;
width: 80px;
padding-top: 20px;
margin-bottom: 5px;
}
.moreText
{
float: left;
font-size: 11px;
}
.moreArrow
{
float: right;
padding-left: 5px;
}
.backText
{
float: left;
font-size: 11px;
}
.backArrow
{
float: left;
padding-right: 5px;
}
#newsLetter
{
border: 1px solid #666;
height: 140px;
margin-top: 10px;
width: 193px;
background: url(../images/newsLetterBG.jpg) top no-repeat #666;
margin-bottom: 20px;
}
#sparkAd
{
border: 1px solid #666;
}
#bigCommerceAd
{
margin-top: 15px;
border: 1px solid #666;
}
#sageAd
{
margin-top: 20px;
margin-bottom: 30px;
}
.joinButton
{
float: right;
padding-right: 15px;
padding-top: 15px;
}
/*END LEFT BAR*/
/*CONTENT*/
#breadContentHolder
{
float: right;
width: 700px;
}
#content
{
text-align: left;
float: right;
width: 640px;
padding: 0px 30px 30px 23px;
_padding: 0px 26px 30px 0px;
}
.greyLine, .greyLineSmall
{
height: 1px;
font-size: 0;
border-bottom: 1px dotted #666;
margin: 20px 0 20px 0;
width: 640px;
}
.greyLineSmall
{
width: 360px;
}
.portfolioHolder
{
width: 638px;
height: 250px;
border: 1px solid #eaeaea;
clear: both;
}
.portfolioDetails
{
margin-top: 15px;
width: 640px;
}
.featuredHolder
{
width: 638px;
clear: both;
}
.projectHolder
{
width: 638px;
clear: both;
float: left;
margin-top: 20px;
}
.shortDesc
{
margin-top: 10px;
width: 340px;
}
.shortDesc2
{
width: 340px;
}
.shortDescFeatured
{
margin-top: 10px;
width: 640px;
}
#featuredLinks
{
margin-bottom: 30px;
}
.shortDesc2 ul
{
}
.shortDesc2 li
{
padding-bottom: 6px;
}
.portfolioTabs
{
float: left;
border-bottom: 1px solid #ddd;
width: 640px;
}
#imageViewer
{
border: 1px solid #666;
width: 640px;
height: 275px;
}
.technologiesUsed
{
clear: left;
float: left;
width: 240px;
padding-top: 20px;
color: #666;
}
.mainProject
{
margin-top: 5px;
width: 640px;
border: 1px solid #666666;
height: 200px;
}
.floatLeftAddress
{
float: left;
width: 280px;
}
.floatLeftAddress ul
{
list-style-type: none;
margin: 0;
padding: 0;
}
.floatLeftAddress ul li
{
margin: 0;
padding: 0;
}
/*END CONTENT*/
/*ORANGE BAR SHADOW*/
#orangeBar
{
height: 2px;
width: 942px;
background-color: #ff9900;
font-size: 0;
clear: both;
}
#orangeBarShadow
{
width: 940px;
height: 17px;
background: url(../images/orangeBarShadow.jpg) no-repeat;
}
/*END ORANGE BAR SHADOW*/
/*FOOTER*/
#footer
{
width: 940px;
_width: 900px;
overflow:hidden;
clear: both;
height: 230px;
background-color: #f9f9f9;
font-size: 12px;
_padding-left: 20px;
}
#footer .floatLeftCol1
{
float: left;
width: 150px;
text-align: right;
padding-right: 30px;
border-right: 1px solid #e8e8e8;
height: 140px;
}
#footer .floatLeftCol2
{
float: left;
width: 224px;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #e8e8e8;
padding-left: 30px;
height: 140px;
}
#footer .floatLeftCol3
{
float: left;
width: 220px;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #e8e8e8;
padding-left: 30px;
height: 140px;
}
#footer .floatLeftCol4
{
float: left;
width: 220px;
border-left: 1px solid #f0f0f0;
padding-left: 10px;
height: 140px;
clear: right;
}
#footerBottom
{
width: 895px;
margin: 20px 25px 0 0;
padding: 20px 0 0 0;
text-align: right;
border-top: 1px dotted #333;
float: right;
}
.floatLeftFooter
{
float: left;
padding-right: 10px;
}
.copyrightRight
{
float: right;
padding-right: 10px;
}
.copyrightLeft
{
float: right;
padding: 4px 5px 0 0;
font-size: 10px;
}
.footLinksLeft
{
float: left;
padding: 4px 5px 0 0;
font-size: 11px;
}
/*END FOOTER*/