-----------------------------------------------------*/
.primary { float: left; margin-right: 10px; }
.secondary { float: left; }
.tpl-1 .primary { width: 165px; margin-top: -50px; }
.tpl-1 .secondary { width: 384px; }
.tpl-2 .primary { width: 250px; }
.tpl-2 .secondary { width: 475px; margin-top: -20px; }
.tpl-2 .secondaryAbs3 {position: absolute; left:400px; top:112px;}
.tpl-3 .primary {width: 340px; margin-top: -20px; }
.tpl-3 .secondary {width: 360px;}
.tpl-3 #secondaryAbs {position: absolute; left:475px; top:44px;}
.tpl-3 #secondaryAbs2 {position: absolute; left:475px; top:14px;}
/* SPECIFIC TEMPLATE STYLES */
.tpl-3 .primary h2 {margin-bottom:18px;}
.tpl-2 .primary h2 {margin-bottom:18px;}
/* SCROLLING CONTENT
-------------------------------------------*/
#scroller {position: absolute; overflow: hidden; width: 384px; height: 208px; }
.scroller-container {position: absolute; top: 0px; left: 0px; padding-right: 15px;}
#scrollbar-container {position: absolute; top: 0; right: 15px;}
.Scrollbar-Track {width: 11px; height: 250px; position: absolute; top: 0px; left: 4px; background: transparent url('../images/scroll_bg.gif') repeat-y center;}
.Scrollbar-Handle {cursor: pointer; position: absolute; width: 11px; height: 11px;}
/* NON-SCROLLING CONTENT
-------------------------------------------*/
.container {padding-right: 15px; position:relative;}
.container p {font-size:13px; letter-spacing: -0.6px;}
/* FORM ELEMENTS
-----------------------------------------------------*/
form { margin: 5px 0; padding:5px; }
input,
select,
textarea { margin: 4px 0; padding:2px; float:right;}
label { width: 25%; float:left; margin-top: 6px; text-align: right;}
input { width: 70%; }
select { width: 72%; }
textarea { width:70%; font: 12px Arial, sans-serif; line-height: 1.5em; }
form .checkbox { float: left; margin-left: 28%; width:20px; }
*form .checkbox { margin-left: 13%; } /* IE */
.btn { clear:both; width: 90px; background: url('../images/icon-arrow.gif') 70px 0 no-repeat; font-weight:normal; color: #FFF; cursor:pointer; text-transform:uppercase; font-size:11px; border: none; }
/* IMAGES
-----------------------------------------------------*/
img,
img a { border: 0; }
img.pic {
padding: 4px;
background: #FFF;
border: 1px solid #CCC;
}
/* THUMBNAILS (switches images on hover)
-----------------------------------------------------*/
.thumbnail{
width: 159px;
height: 101px;
margin: 0 5px 5px 0px;
float:left;
/* border: solid 1px #444; */
overflow: hidden;
position: relative;
}
.thumbnail img{
position: absolute;
top: 0;
left: 0;
border: 0;
}
.thumbnail p{
padding: 0 10px;
color:#afafaf;
font-weight:bold;
font:10pt "Lucida Grande", Arial, sans-serif;
}
.boxcaption{
float: left;
position: absolute;
height: 101px;
width: 100%;
text-align: center;
background: #000;
-moz-border-radius: 6px;
opacity: .7;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}
.caption .boxcaption { display: none;}
.boxcaption h3 { background: url('../images/icon-arrow.gif') no-repeat 96% 50%; }
.boxcaption a:link,
.boxcaption a:visited { display:block; height:100px; line-height:14px; top:43px; color: #FFF; text-decoration: none; font-weight:normal; text-decoration:none; font-size:11px; text-transform: uppercase; position:relative;}
.boxcaption a:hover { text-decoration: none; }
/* TABS
-----------------------------------------------------*/
.ui-tabs .ui-tabs-panel { min-height: 200px; border: 3px solid #404040;}
.ui-tabs .ui-tabs-nav { text-align: right; }
.ui-tabs .ui-tabs-nav li { display: inline; background: url('../images/ft-divider.gif') no-repeat 100% 50%; }
.ui-tabs .ui-tabs-nav li.last { background: none; }
.ui-tabs .ui-tabs-nav li a { padding: 5px; color: #FFF;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #C33; }
/* MISC STYLES
-----------------------------------------------------*/
blockquote { font-family:Georgia, "Times New Roman", Times, serif; line-height:1.3em; }
blockquote .author { text-transform: uppercase; text-align: right; padding-right: 20px; background:url('../images/icon-arrow.gif') no-repeat right 50%; }
/* Section Buttons */
.testimonialBut {}
.workBut {}
.contactBut {}
/* Section Buttons */
.left { float: left; }
.right { float: right;}
.strong, strong {font-weight: bold; }
.clear { clear:both;}
.hide { display:none; }
.txtRight {text-align: right;}
.homeLinks {padding-top:85px; *padding-top:130px;}
.rollHomeInst {position:absolute; background:transparent url('../images/txt.rolloverImgtoPrev.gif') no-repeat scroll 0 0; padding:0; top:-35px; margin:0; right:469px; width:239px; height:14px; text-indent:-9999em;}
.rollWorkInst {position:absolute; background:transparent url('../images/txt.selectCatPrev.gif') no-repeat scroll 0 0; padding:0; top:25px; margin:0; right:577px; width:221px; height:14px; text-indent:-9999em;}
.homeLinks em {}
.displayNone {display:none;}
.caption {margin-bottom:4px; text-transform:uppercase; position:relative; top:4px; left:2px;}
.uppercase {text-transform: uppercase; padding-bottom:5px;}
.hidden {visibility: hidden;}
.big {font-size:15px;}
.organization {font-style: italic;}
.homepage {width:426px; height:184px; background:url(../images/txt.homepg.gif) no-repeat 0 0; text-indent:-9999em; position:relative; top:6px;}
.sideImg {position:relative; top:20px;}
.testimonial li {line-height: 16px; padding-bottom:10px;}
.testimonial li a {display: block; background:none; text-transform: uppercase; color: #FFF; text-decoration: none; padding:0 0 0 4px;}
.testimonial a:hover { color: #FFF; text-decoration: underline; }
.news {position:absolute; top:140px;}
.news span {text-transform: uppercase; font-weight: bold; font-size:15px;}
.news a {border:none;}
.currentAward {position:absolute; top:130px; left:0; display:block;}
.demoReel {position:absolute; top:185px; left:0; display:block;}
.twitter {position: relative; top:2px; padding-left:2px;}
.compLinks {padding:0; margin-bottom: 10px;}
.brandList {background: url(../images/brands.gif) no-repeat 0 0; width:576px; height:26px; position:absolute; top:1px; left:0; text-indent: -9999em;}
/* ERROR MESSAGES AND ALERTS
-----------------------------------------------------
First display a generic alert box using ".alert"
then specify the alert type to be displayed
Example usage:
Alert Title
The page you are looking for died last week.
*/
.alert {
display: block;
margin: 10px 0;
padding: 5px 20px;
border: none;
background:#EFEBE0;
color: #666;
-moz-border-radius: 5px;
}
.error { background:none ; }
.warning { background:#EFEBE0 ; }
.success { background:none ; border: none; }
.success p {color:#FFF; text-align: center;}
.info { background:#E1EEF6 ; }
.announcement { background:#EFEBE0 ; }
.error h2 { color:#C00; }
.warning h2 { color:#B63; }
.success h2 { color:#080; }
.info h2 { color:#36C; }
h3.error {font-family: Georgia; font-size: 24px; font-weight:100; padding:20px 0 0 0;}
span.uppercase {font-size: 20px;}
.error p {color:#ff6f6f; font-weight: bold;}