/* McLeod Design Group - Public Website CSS */


/* Global Styles */

body{
margin:0px;
padding:0px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

p{
font-family:Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4 ,ul li{
font-family:Arial, Helvetica, sans-serif;
}

ul, li{
margin:0px;
padding:0px;
}

.pagecenter{
width:100%;
}

.clear{
clear:both;
margin:0px;
padding:0px;
}

.floatleft{
float:left;
}

.floatright{
float:right;
}

.relative{
position:relative;
}

.slideshow{
margin:-10px 0px 0px 20px;
}

img{
border:0px;
}



/* Header */

#headercontainer{
position:relative;
width:850px;
height:134px;
margin:0px auto 0px auto;
padding:0px;
}

.header_home{
background-image:url(img/bg_header_home.jpg);
background-repeat:no-repeat;
}

.header_sub{
background-image:url(img/bg_header_sub.jpg);
background-repeat:no-repeat;
}

#blacktabs{
position:absolute;
top:52px;
left:763px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
text-align:center;
line-height:25px;
}

#blacktabs a:link, #blacktabs a:visited, #blacktabs a:active{
color:#FFF;
text-decoration:none;
}

#blacktabs a:hover{
color:#FFFF99;
text-decoration:none;
}

#logo{
position:absolute;
margin:0px;
padding:0px;
top:0px;
left:25px;
width:201px;
height:134px;
}

#navbar{
position:absolute;
top:100px;
left:391px;
width:403px;
height:21px;
padding:0px;
margin:0px;
}


/* Home Page */

#bodycontainer{
width:850px;
margin:0px auto 0px auto;
}

#homecolumn1{
width:642px;
float:left;
margin:0px;
padding:0px;
background-color:#FFF;
}

#homecolumn2{
width:202px;
float:right;
margin:0px;
padding:0px;
background-color:#000;
}

#homecolumn2 a:link, #homecolumn2 a:visited, #homecolumn2 a:active{
color:#6699ff;
text-decoration:none;
}

#homecolumn2 a:hover{
color:#6699ff;
text-decoration:underline;
}

#homeintrocopy{
float:right;
width:301px;
height:353px;
padding:0px 25px 0px 25px;
border-right:1px solid #b2b2b2;
background-image:url(img/bg_homeintrocopy.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#homeintrocopy h1{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
color:#000;
margin-top:0px;
}

#homeintrocopy p{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
line-height:14px;
}

#behindtheseams{
height:206px;
background-image:url(img/homecol2_behindtheseams.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
padding:41px 20px 0px 20px;
border-bottom:5px solid #fff;
}

#behindtheseams p{
margin:0px 0px 13px 0px;
}

#behindtheseams ul{
margin-left:20px;
}

#getonboard{
position:relative;
height:104px;
background-image:url(img/homecol2_getonboard.gif);
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#fff;
padding:45px 0px 0px 0px;
border-bottom:5px solid #fff;
}

#getonboard p{
margin:0px 20px 0px 20px;
}

#boatrotator{
height:130px;
border-bottom:5px solid #fff;
}

#view_all{
	position:absolute;
	top:126px;
	left:152px;
	z-index:1;
}

/* Footer */

#footer{
width:830px;
height:20px;
background-color:#000;
margin:0px auto 0px auto;
padding:5px 10px 0px 10px;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#fff;
}

#footer a:link, #footer a:visited, #footer a:active{
color:#6699ff;
text-decoration:none;
}

#footer a:hover{
color:#6699ff;
text-decoration:underline;
}


/* Product Page */

#prod_column1{
float:left;
width:257px;
height:615px;
margin:0px;
padding:0px;
}

#prod_column1 img{
margin:0px;
padding:0px;
border:0px;
cursor:pointer;
}

#products_pg1, #products_pg2, #products_pg3, #products_pg4{
position:absolute;
width:257px;
height:615px;
}

#topcap{
width:257px;
margin:0px;
}

#prod_scroll{
overflow-x:hidden;
overflow-y:scroll;
width:246px;
height:550px;
margin:0px 0px 0px 11px;
}

#prod_col2{
width:593px;
float:right;
margin:0px;
padding:0px;
}

#prod_col2_intro{
position:absolute;
width:593px;
height:615px;
background-image:url(img/bg_prod_intro_lg.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#FFF;

}

#prod_col2_intro p{
font-size:12px;
margin-left:40px;
margin-right:40px;
}

#prod_col2_load{
position:absolute;
width:593px;
height:615px;
background-color:#FFF;
z-index:1;
}

#prod_col2_techno, #prod_col2_aura, #prod_col2_format, #prod_col2_origin, #prod_col2_intel, #prod_col2_gemini, #prod_col2_binary, #prod_col2_fastech200, #prod_col2_fastech300, #prod_col2_tritec, #prod_col2_footrest{
position:absolute;
width:593px;
height:615px;
}


#prod_col2_techno{
background-image:url(img/bg_prod_techno_lg.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#fff;
}

#prod_col2_aura{
background-image:url(img/bg_prod_aura_lg.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#fff;

}

#prod_col2_format{
background-image:url(img/bg_prod_format_lg.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#fff;

}

#prod_col2_origin{
background-image:url(img/bg_prod_origin_lg.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#fff;

}

#prod_col2_intel{
background-image:url(img/bg_prod_intel_lg.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#fff;

}

#prod_col2_gemini{
background-image:url(img/bg_prod_gemini_lg.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#fff;

}

#prod_col2_binary{
background-image:url(img/bg_prod_binary_lg.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#fff;

}

#prod_col2_fastech200{
background-image:url(img/bg_prod_fastech200_lg.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#fff;

}

#prod_col2_fastech300{
background-image:url(img/bg_prod_fastech300_lg.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#fff;

}

#prod_col2_tritec{
background-image:url(img/bg_prod_tri-tec_lg.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#fff;

}

#prod_col2_footrest{
background-image:url(img/bg_prod_footrest_lg.jpg);
background-position:bottom;
background-repeat:no-repeat;
background-color:#fff;

}


.product_copy{
position:absolute;
top:0px;
left:0px;
width:250px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
}

.product_copy i{
padding-left:25px;
}

.product_copy p{
padding-left:25px;
margin:7px 0px 0px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000;
}

.product_copy p.footnote{
font-size:11px;
font-weight:bold;
font-style:italic;
color:#333;
}


.product_copy ul{
padding-left:40px;
}

.product_copy ul li{
font-size:11px;
color:#000;
padding-top:4px;
line-height:14px;
}


#product_shots{
position:absolute;
left:322px;
top:0px;
}

#product_bottom{
position:absolute;
left:0px;
top:276px;
}


/* Contact Page */

#page_contact{
width:750px;
margin:0px auto;
}

#page_contact_col1{
float:left;
width:50%;
}

#page_contact_col2{
float:left;
width:50%;
}

#page_contact h3{
font-size:14px;
font-weight:bold;
}

#page_contact p{
margin:6px 0px 0px 0px;
padding:6px 0px 0px 0px;
}

#contact_form p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.bg_contactus{
height:100%;
background-image:url(img/bg_contactus.jpg);
background-position:bottom;
background-repeat:no-repeat;
}


/* Services Page */

#services_body{
width:734px;
margin:0px auto 0px auto;
padding:0px;
border-left:#b2b2b2 solid 1px;
border-right:#b2b2b2 solid 1px;
}

#services_body p{
margin-top:0px;
margin-left:45px;
padding-top:0px;
}

#services_body ul{
padding-left:75px;
}

#services_body ul li{
font-size:12px;
line-height:14px;
}

#services_body h1{
font-size:18px;
font-weight:bold;
margin-top:0px;
margin-left:45px;
color:#4d85c5;
}

#services_body a:link, #services_body a:visited, #services_body a:active{
color:#4d85c5;
text-decoration:none;
font-size:12px;
font-weight:bold;
}

#services_body a:hover{
color:#4d85c5;
text-decoration:underline;
font-size:12px;
font-weight:bold;
}

#title_subpage{
margin:0px;
width:850px;
}

.caption{
font-family:Arial, Helvetica, sans-serif;
color:#003366;
font-size:11px;
}

#komo_router{
background-image:url(img/bg_komorouter.jpg);
background-position:bottom right;
background-repeat:no-repeat;
height:185px;
}

#komo_router p{
margin-top:20px;
margin-right:300px;
font-size:12px;
line-height:16px;
}

#gerbercutter{
background-image:url(img/bg_gerbercutter.jpg);
background-position:bottom right;
background-repeat:no-repeat;
height:250px;
border-bottom:1px solid #b2b2b2;
}

#gerbercutter p{
margin-top:20px;
margin-right:100px;
font-size:12px;
line-height:16px;

}

#embroidery{
height:178px;
padding:80px 250px 0px 0px;
background-image:url(img/bg_embroidery.jpg);
background-position:top;
background-repeat:no-repeat;
}

#embroidery p{
font-size:12px;
line-height:16px;

}

#embroidery .floatright img{
cursor:pointer;
}

#oem_production{
height:200px;
padding-right:25px;
background-image:url(img/bg_serv_border.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#oem_production p{
font-size:12px;
line-height:16px;
}

#oem_caption{
margin:0px;
padding:0px 120px 0px 300px;
}

#aftermkt{
margin-top:25px;
font-size:12px;
line-height:16px;
}

#aftermkt_left{
width:50%;
}

#aftermkt_right{
margin:25px 0px 30px 0px;
width:336px;
}

#aftermkt_right p{
margin:0px;
}


/* Get On Board Page */

.bg_getonboard{
height:100%;
background-image:url(img/bg_getonboard.jpg);
background-position:bottom;
background-repeat:no-repeat;
overflow:hidden;
}

#page_getonboard{
width:550px;
margin:0px 0px 0px 230px;
}

#page_getonboard p{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#page_getonboard tr td{
text-align:center;
}

#page_getonboard tr td img{
padding:10px
}


.detail_l7{
width:600;
height:398;
margin:0px;
padding:0px;
}

.table_cockpit{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

/* From the Cockpit */

.table_cockpit img{
padding:0px;
margin:0px;
}

#page_cockpit{
width:734px;
margin:0px auto 0px auto;
padding:0px 0px 200px 0px;
border-left:#b2b2b2 solid 1px;
border-right:#b2b2b2 solid 1px;
background-image:url(img/bg_cockpit2.jpg);
background-position:bottom;
background-repeat:no-repeat; 
}

#page_cockpit p{
margin-top:0px;
}

#page_press{
width:634px;
margin:0px auto 0px auto;
padding:0px 50px 100px 50px;
border-left:#b2b2b2 solid 1px;
border-right:#b2b2b2 solid 1px;
background-image:url(img/bg_news.jpg);
background-position:bottom;
background-repeat:no-repeat; 
}

#page_press p{
margin-top:0px;
}

.table_cockpit tr td{
padding:2px;
margin:0px;
}


/* Our Group */

#page_ourgroup{
width:550px;
margin:0px auto;
}

#page_ourgroup p{
margin-top:10px;
padding-top:10px;
}

/* Gallery */

#page_gallery_main{
width:634px;
margin:0px auto;
padding:0px 50px 300px 50px;
border-left:#b2b2b2 solid 1px;
border-right:#b2b2b2 solid 1px;
background-image:url(img/bg_photogallery.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#page_gallery_main p{
margin-top:0px;
}

#page_gallery_main h2{
font-size:16px;
font-weight:bold;
margin:0px;
}

#page_gallery{
width:634px;
margin:0px auto;
padding:0px 50px 100px 50px;
border-left:#b2b2b2 solid 1px;
border-right:#b2b2b2 solid 1px;
}

#page_gallery p{
margin-top:0px;
}

#page_gallery h2{
font-size:16px;
font-weight:bold;
margin:0px;
}

.table_gallery tr td{
padding:6px;
margin:0px;
text-align:center;
font-size:11px;
}

.table_gallery img{
cursor:pointer;
}

/* Testimonials */

.quote{
font-size:14px;
font-weight:bold;
}

#page_testimonials{
width:634px;
margin:0px auto 0px auto;
padding:0px 50px 200px 50px;
border-left:#b2b2b2 solid 1px;
border-right:#b2b2b2 solid 1px;
background-image:url(img/bg_testimonials.gif);
background-position:bottom;
background-repeat:no-repeat;
}

#page_testimonials p{
margin-top:0px;
}

/* Videos */

#page_videos{
width:634px;
margin:0px auto 0px auto;
padding:0px 50px 250px 50px;
border-left:#b2b2b2 solid 1px;
border-right:#b2b2b2 solid 1px;
background-image:url(img/bg_videos.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#page_videos p{
margin-top:0px;
}

/* Bios */

.bio{
width:350px;
padding:20px;
margin:0px;
background-image:url(img/bg_bio.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

/* Behind the Seams */

#page_behindtheseams{
width:634px;
margin:0px auto;
padding:0px 50px 300px 50px;
border-left:#b2b2b2 solid 1px;
border-right:#b2b2b2 solid 1px;
background-image:url(img/bg_behindtheseams.jpg);
background-position:bottom;
background-repeat:no-repeat;

}

#page_behindtheseams p{
margin-top:0px;
}

#page_behindtheseams h2{
font-size:16px;
font-weight:bold;
margin:0px;
}