@charset "UTF-8";
/* CSS Document */

body { margin:0; background-image:url(../img/bg_fade.jpg); background-repeat:repeat-x; background-color:#BFC0C4; font-family: 'Helvetica', Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:17px;}

#container {margin:0 auto; width:900px; overflow:auto; overflow:hidden; background-color:#FFFFFF;}

#header { width:900px; height:190px; background-image:url(../img/bg_header_fade.jpg); background-repeat:repeat-x; background-position:bottom; }

#title { margin:0 auto; width:860px; height:35px; background-image:url(../img/h_title_header.jpg); background-repeat:no-repeat; color:#000000; line-height:30px; text-indent:20px; }

#logo { margin:0 auto; width:840px; height:113px; padding:5px 20px 0 0; background:url(../img/g_vr_construction_logo.jpg) no-repeat;  text-align:right; }

#nav { margin:0 auto; width:860px; height:26px; font-size:13px; text-align:center; line-height:26px;}

#home { width:100px; height:26px; background-image:url(../img/g_home_bg.jpg); background-repeat:no-repeat; float:left; border-right:1px solid #FFFFFF;}

#link { padding:0 7px 0 7px; background-color:#000000; float:left; border-right:1px solid #FFFFFF; border-left:1px solid #FFFFFF;}

#holder { margin:0 auto; width:860px; height:220px; background-image:url(../img/g_carousel_1.jpg); background-repeat:no-repeat;}

#holder2 { margin:0 auto; width:860px; height:220px; background-image:url(../img/g_carousel_2.jpg); background-repeat:no-repeat;}

#holder3 { margin:0 auto; width:860px; height:220px; background-image:url(../img/g_carousel_3.jpg); background-repeat:no-repeat;}

#holder4 { margin:0 auto; width:860px; height:220px; background-image:url(../img/g_carousel_4.jpg); background-repeat:no-repeat;}

#holder5 { margin:0 auto; width:860px; height:220px; background-image:url(../img/g_brainstrust_header.jpg); background-repeat:no-repeat;}

#holder6 { margin:0 auto; width:860px; height:220px; background-image:url(../img/g_carousel_helpforheads.jpg); background-repeat:no-repeat;}

#holder7 { margin:0 auto; width:860px; height:220px; background-image:url(../img/g_carousel_helpforheads2.jpg); background-repeat:no-repeat;}

#holder8 { margin:0 auto; width:860px; height:220px; background-image:url(../img/g_carousel_helpforheads3.jpg); background-repeat:no-repeat;}

#holder9 { margin:0 auto; width:860px; height:220px; background-image:url(../img/g_carousel_helpforheads4.jpg); background-repeat:no-repeat;}

#holder10 { margin:0 auto; width:860px; height:220px; background-image:url(../img/g_carousel_helpforheads5.jpg); background-repeat:no-repeat;}

#holdertext { padding:25px 0 0 20px; width:500px;}

#float { float:left;}

#main { width:900px; overflow:auto; background-image:url(../img/bg_fade_content.jpg); background-repeat:repeat-x; background-position:top;}

#maintext { width:600px; padding:0 10px 10px 40px; float:left;}

#sidebar { width:220px; float:right; padding:0 20px 10px 0;}

#video { width:195px; margin-top:25px;}

#videotop { height:25px; background-color:#000000; font-family: 'Impact', Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:14px; line-height:22px; font-weight:normal; padding-left:10px; }

#videomid { width:195px; height:155px;}

#videotext { width:175px; padding: 5px 10px; background-image:url(../img/bg_video_fade.jpg); background-repeat:repeat-x; background-position:bottom; background-color:#FFE200; color:#000000;}

#footer { margin:0 auto; width:900px; background-color:#ACADAE; color:#000000;}

#showcase { margin:0 auto; width:860px; padding:10px 0 10px 0; overflow:auto;}

#showcase1 { width:209px; height:145px; background-image:url(../img/b_showbox_1.jpg); background-repeat:no-repeat; margin:0 2px; float:left;}

#showcase2 { width:209px; height:145px; background-image:url(../img/b_showbox_2.jpg); background-repeat:no-repeat; margin:0 2px; float:left;}

#showcase3 { width:209px; height:145px; background-image:url(../img/b_showbox_3.jpg); background-repeat:no-repeat; margin:0 2px; float:left;}

#showcase4 { width:209px; height:145px; background-image:url(../img/b_showbox_4.jpg); background-repeat:no-repeat; margin:0 2px; float:left;}

#showcasetext { width:130px; padding:10px 0 0 5px;}

#details { margin:0 auto; width:860px; overflow:auto; line-height:22px;}

#contact { margin:10px 0; float:left;}

#copyright { margin-top:10px; float:right;}

#spacer { margin:0 auto; width:900px; height:5px;}

#maysdesign { margin:0 auto; width:860px; margin-top:10px; margin-bottom:10px; text-align:right;}

#brainstrust { width:200px; margin-top:25px; height:217px; background:url(../img/bg_brainstrust.jpg) no-repeat;}

#brainstrusttext { padding: 80px 10px 5px 10px;}

#brainstrusttext img { padding:10px 0 0 0;}

#helpforheads { width:200px; margin-top:25px; height:217px; background:url(../img/bg_helpforheads.jpg) no-repeat;}

#helpforheadstext { padding: 80px 10px 5px 10px;}

#helpforheadstext img { padding:10px 0 0 0;}

#latestnewshold { width:200px; margin-top:20px; padding:10px; background:#EEEEEE;}

#latestnews p { margin:3px 0 20px 0; }

#moving { width:880px; height:220px; padding:0 0 0 20px; background:#000000;}




/* text */

h1 { font-family: 'Impact', Arial, Helvetica, sans-serif; color:#000000; font-size:34px; font-weight:normal; line-height:42px; }

h2 { font-family: 'Impact', Arial, Helvetica, sans-serif; color:#000000; font-size:24px; font-weight:normal; line-height:26px; margin:0; }

h3 { font-family: 'Impact', Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:34px; font-weight:normal; line-height:42px; margin:0;}

h4 { color:#FFFFFF; font-size:18px; font-weight:normal; line-height:22px; margin:10px 0 10px 0; }

h5 { font-family: 'Impact', Arial, Helvetica, sans-serif; color:#000000; font-size:18px; font-weight:normal; margin:5px 0 15px 0; }

h6 { color:#000000; font-size:18px; font-weight:normal; line-height:22px; margin:10px 0 10px 0; }

.h7 { color:#000000; font-size:14px; font-weight:normal; margin:10px 0 2px 0; }


#subheader { font-family: 'Impact', Arial, Helvetica, sans-serif; color:#000000; font-size:18px; font-weight:normal; }


a { color:#666666; text-decoration:none; }

a:hover { text-decoration:underline;}

#logo a { font-size:14px; font-style:italic;}

#logo p { margin:0;}

#nav a { font-size:13px; color:#FFFFFF; margin:0 1px;}

#nav a:hover { color:#FFF200; text-decoration:none;}

#home a { font-size:13px; color:#000000;}

#home a:hover { color:#000000; text-decoration:underline;}

#holder a { font-size:14px; color:#FFFFFF; line-height:20px;}

#holder a:hover { color:#FFF200; text-decoration:none;}

#holder2 a { font-size:14px; color:#FFFFFF; line-height:20px;}

#holder2 a:hover { color:#FFF200; text-decoration:none;}

#holder3 a { font-size:14px; color:#FFFFFF; line-height:20px;}

#holder3 a:hover { color:#FFF200; text-decoration:none;}

#bold { color:#000000; font-weight:bold;}

#showcase p { line-height:13px; margin:7px 0;}

#footer a { color:#000000;}

#address { font-size:14px;}






/* Generic Carousel Properties */


.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 860px; /*Width of Carousel Viewer itself*/
height: 220px; /*Height should enough to fit largest content's height*/
float:left;
padding-top:0px;

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;

}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 860px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.float { float:left;}