@charset "utf-8";
/* CSS Document */
p {
margin:4px 0 8px 0;
}
div.clear {
font-size:0px;
height:0px;
visibility:hidden;
clear:both;
}
div#hp-main {
}
div#welcome {
width:278px;
float:left;
height:760px;
background-image:url(../i/bg_welcome_right.gif);
background-position:top right;
background-repeat:repeat-y;
}
div.header {
padding:20px 0 12px 12px;
height:30px;
}
div.header h2 {
margin:0;
font-size:12px;
color:#666;
line-height:22px;
text-transform:uppercase;
}
div#welcome div.header {
background-image:url(../i/bg_welcome_header.gif);
background-position:top left;
background-repeat:no-repeat;
}
div#hp-features {
float:left;
width:401px;
}
div#hp-features div.header {
background-image:url(../i/bg_feature_header.gif);
background-position:top right;
background-repeat:no-repeat;
}
div#welcomeContent {
padding:0 20px;
font-size:12px;
}
div#welcomeContent p {
font-size:12px;
line-height:16px;
}
div#bottom {
}
/*--------------------------------------------------
								Gallery
---------------------------------------------------*/
div#hpGallery {
height:320px;
margin-left:10px;
}
div#imageFeatureContainer {
position:relative;
width:483px;
width:380px;
overflow:hidden;
height:315px;
height:260px;
margin:0 0 10px 0;
background-position:top left;
background-repeat:no-repeat;
}
div#imageFeature {
position:absolute;top:0px;left:0px;
z-index:10;
width:483px;
width:380px;
height:315px;
height:260px;
background-position:top left;
background-repeat:no-repeat;
}
/*----- Feature Images ---------*/
div.feature0 {
background-image:url(../i/bcc.jpg);
}
div.feature1 {
background-image:url(../i/gillette_2.jpg);
}
div.feature2 {
background-image:url(../i/zboom_1.jpg);
}
div.feature3 {
background-image:url(../i/zboom_2.jpg);
}
div.feature4 {
background-image:url(../i/multicat.jpg);
}
div.feature5 {
background-image:url(../i/zboom_3.jpg);
}
div.feature6 {
background-image:url(../i/telebelt.jpg);
}
div.feature7 {
background-image:url(../i/concrete_pump.jpg);
}
div.feature8 {
background-image:url(../i/mat_pour.jpg);
}
div.feature9 {
background-image:url(../i/slab_pour.jpg);
}
div.feature10 {
background-image:url(../i/foundation_pour.jpg);
}
div.feature11 {
background-image:url(../i/uss_constitution.jpg);
}
div.feature12 {
background-image:url(../i/telebelt_backfilling.jpg);
}
div#featureTitleBox {
background-image:url(http://www.gregstrom.com/i/feature_title_bg.png);
background-position:top left;
background-repeat:repeat-y;
height:31px;
height:auto;
width:362px;
position:absolute;bottom:0px;left:0px;
z-index:10;
_bottom:-1px;
color:#fff;
padding:12px 6px 12px 12px;
font-family:Arial, Helvetica, sans-serif;
}
.featureTitle {
font-size:13px;
float:left;
color:#fff;
font-weight:bold;
}
#featureTitleLinks {
float:right;
color:#9a9a9a;
font-weight:bold;
width:160px;
position:relative;left:0px;
}
#featureTitleLinks a {
color:#9a9a9a;
font-weight:bold;
margin:0;
line-height:18px;
height:18px;
display:block;
float:left;
}
div#moreInfo {
padding:0;
clear:both;
font-size:12px;
line-height:14px;
}
div#moreInfo a {
color:#fff;
}
a#info {
padding:0 0 0 14px;
margin-right:20px;
background-image:url(http://www.gregstrom.com/i/updown.gif);
background-repeat:no-repeat;
}
a.down {
background-position:0px 6px;
}
a.up {
background-position:0px -16px;
}
a#enlarge {
padding:0 0 0 21px;
background-image:url(http://www.gregstrom.com/i/plus.gif);
background-position:0px 4px;
background-repeat:no-repeat;
float:right;
}
ol#featureNav {
margin:0 auto;
list-style:none;
padding:0;
}
ol#featureNav li {
margin:0 7px 7px 0;
height:45px;
width:44px;
height:70px;
width:70px;
width:22px;
height:22px;
float:left;
}
ol#featureNav li a img {
height:64px;
width:64px;
width:20px;
height:20px;
visibility:hidden;
}
ol#featureNav li a {
display:block;
width:38px;
height:39px;
height:64px;
width:64px;
height:20px;
width:20px;
border:3px solid #6F94AF;
border-width:1px;
filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;
float:left;
background-color:#6C96AE;
color:#fff;
text-align:center;
line-height:20px;
}
ol#featureNav li.active a,ol#featureNav li a:hover {
filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;
text-decoration:none;
}
ol#featureNav li.active a {
background-color:#39658C !important;
}
div#companyOverview a {
font-weight:bold;
}
div#companyOverview img {
display:block;
border:1px solid #000;
float:left;
}
div#companyOverview p {
margin:0 0 8px 138px;
font-size:13px;
line-height:18px;
}
span#pauseplay {
display:block;
position:absolute;top:19px;right:18px;
height:18px;
width:40px;
z-index:11;
}
span#pauseplay a {
display:block;
float:left;
background-color:#5B5553;
color:#fff;
font-weight:bold;
border:1px solid #5B5553;
width:16px;
height:16px;
line-height:16px;
text-align:center;
text-decoration:none;
margin:0 2px 0 0;
}
span#pauseplay a:hover{
background-color:#3A2521;
}
a.play {

}
a.pause {

}
span#pauseplay a.disabled {
background-color:#3A2521;
cursor:default;
}
div#buckets {
clear:both;
}
div.bucket {
width:160px;
float:left;
padding:0 10px;
}