@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:180px; 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:103px; padding:5px 20px 0 0; background-image:url(../img/g_vr_construction_logo.jpg); background-repeat: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;}

#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;}


/* 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; }

h6 { color:#000000; font-size:18px; font-weight:normal; line-height:22px; margin:10px 0 10px 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 */
	
	
    .carousel { margin:0 auto; position:relative; clear:both; margin-top:10px; 
         background-color:#FFFFFF;
    }
    .carousel .navButton {
        cursor:pointer; display:block; text-indent:-9999px; background-repeat:none; z-index:10;
    }
    .carousel .container { position:absolute; overflow:hidden; }
    .carousel .items { position:absolute; }
    .carousel .item { position:relative;
        cursor:pointer;
	    
        list-style-type:none; margin:0px; 
    }
    .carousel .item.hover, .carousel .item.selected { 
	    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
        -moz-opacity:1.0;
        opacity:1.0;    
    }



    /* Hide data items from selector */
    #Carousel .item .email {display:none;}


/* carousel */


    #Carousel2 { margin:0; width:900px; height:220px; background-image:url(../img/bg_carousel_fade.jpg); background-repeat:repeat-x;}
    #Carousel2 .container { left:0px; top:0px; width:900px; height:220px; }        
    #Carousel2 .items { top:0; left:0px; width:4000px;}
    #Carousel2 .item { height:220px;  width:900px; float:left; clear:right; }
    #Carousel2 .item .icon { position:relative; left:20px; width:860px !important; height:220px; cursor:pointer;}
    #Carousel2 .navButton { position:absolute; bottom:0px; width:20px; height:220px; }
    #Carousel2 .navButton.previous {  left:0px; bottom:0px; background-image:url('../img/g_arrow_left.jpg'); }
    #Carousel2 .navButton.next { right:0px; bottom:0px; background-image:url('../img/g_arrow_right.jpg'); }
	#Carousel2 .navButton.next:hover {background-position:0 0;}
	#Carousel2 .navButton.previous:hover {background-position:0 0;}



    /* Hide data items from selector */
    #Carousel2 .item .key { display:none;}

