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

/* ----- global id's and classes ----- */
body {margin: 0px; padding: 0px; color:#000; font-family:Verdana, Geneva, sans-serif; font-size:12px; height: 100%; background-color:#FFF;}
#wrapper { width: 100%; height: 100%; margin: 0px; padding: 0px;}
#header { background: url(../images/header_vfxcustom-nonflash.gif) no-repeat; width:1064px; height:182px;}
#headerflash { background: url(../images/header.gif) no-repeat; width:1064px; height:182px;}
#bodycontainer { margin: 0px; padding: 0px; width:1064px;}
#leftcolumn { margin:0px; padding: 0px; float:left; background: url(../images/sidebar_metallic.gif); width:204px; height: 488px;}
#centercolumn { margin: 0px; padding: 20px 0px 0 0; background: url(../images/center_bg.gif) right repeat-y; height:468px; border: 0px solid #000;}
#gallery { background:url(../images/gallerybg.jpg) no-repeat center top; float:left; width:578px; height:450px; margin: 0px 0px 0 120px; padding: 10px 0px 0 0;}
#gallery p { text-align:center; width:inherit; margin:20px 0 0 0;}
#footer { background: url(../images/footer.gif) no-repeat; width:1064px; height:138px;}
#activelink { color:#AFD136; background: url(../images/titlebar-active-hover.png) repeat-y 0 100px;}
h1{ font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:24px; text-align:left; float:left; width: 840px; color:#333; background:url(../images/bg_h1.jpg) no-repeat; margin: 0px; padding: 6px 0 6px 6px;}

a:link { color:#006083; text-decoration:underline;}
a:visited{color:#006083; text-decoration:none; text-decoration:underline}
a:hover{color:#006083; text-decoration:none;}
a:active{color:#006083; text-decoration:none; text-decoration:underline}

/* ----- Paragragh classes ----- */
p { margin: 20px 40px 0px 0px; padding:0px;}
.notopmargin { margin-top: 0px; margin-bottom:0px;}
.smalltop { margin: 30px 0 0 0; padding: 0px; float:left; width: 800px;}
.small { margin: 10px 0 0 0; padding: 0px; float:left; width:800px;}
.smallbox { margin: 15px 0 0 290px; padding: 5px; float:left; width:200px; border:2px solid #AFD136; line-height: 150%;}
.contactNumber { margin: 0px; padding: 63px 50px 0 0; float:right; font-weight: bold; font-size:18px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; width:auto;}
.paragraph_adj { float:left; line-height: 150%; width: 800px;}
/* ----- end Paragragh classes ----- */

.clear { clear:both;}
.fontlarge { font-size: 16px;}
.flashcontent {float: right; margin: 20px 44px 0 0px;}
.flashvfxfooter {float: left; margin: 8px 0px 0 19px;}
.flashwrapsfooter {float: left; margin: 8px 0px 0 19px;}
/* ----- end global id's and classes ----- */


/* ----- main nav ----- */
.arrowlistmenu{
width: 120px; /*width of accordion menu*/
margin: 2px 0 0 20px; 
padding: 0px; 
float:left; 
text-align:left;
}

.arrowlistmenu a.menuitem{ /*CSS class for menu headers in general (expanding or not!)*/
font: 14px Verdana;
display:block;
color: #FFF;
background: url(../images/titlebar-active.png) repeat-y;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
text-decoration: none;
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: pointer;
}

.arrowlistmenu a.menuitem:visited {color:#FFF;}

.arrowlistmenu a.menuitem:hover { 
color:#AFD136; 
background: url(../images/titlebar-active-hover.png) repeat-y 0 100px;
}

.arrowlistmenu a.menuitem:focus { 
outline:none;
}

/*class for open menu item*/
.arrowlistmenu a.menuopen{ 
font: 14px Verdana;
display:block;
color: #AFD136;
background: url(../images/titlebar-active-hover.png) repeat-y;
width: auto;
text-decoration: none;
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: pointer;
}

.arrowlistmenu a.menuopen:focus { outline:none;}
/* end class for open menu */

.arrowlistmenu div.submenu{ /*DIV that contains each sub menu*/
}

.arrowlistmenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none; margin: 0 0 0 6px; padding: 0 0 0 0px;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu div.submenu ul li{
padding-bottom: 0px; /*bottom spacing between menu items*/
background: url(../images/arrowbullet.png) no-repeat center left;
}

.arrowlistmenu div.submenu ul li a{
color: #000;
 /*custom bullet list image*/
display: block; 
padding: 2px 0;
padding-left: 8px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold; 
font-size: 90%;
}

.arrowlistmenu div.submenu ul li a:hover{ /*hover state CSS*/
color: #FFF;
background-image: url(../images/bg_navtrans.png);
}
/* ----- end nav ----- */



/* ----- front page img classes ------ 
.servicesApparel{ float: left; background:url(../images/apparel.jpg) no-repeat; width:175px; height:153px; padding: 11px 0 0 0; margin: 10px 40px 0 109px;
font-size:14px; font-weight:bold; color:#FFF;}
.servicesCargraphics{ float: left; background:url(../images/cargraphics.jpg) no-repeat; width:175px; height:153px; padding: 11px 0 0 0; margin: 10px 40px 0 0;
font-size:14px; font-weight:bold; color:#FFF;}
.servicesPrintmedia{ float: left; background:url(../images/printmedia.jpg) no-repeat; width:175px; height:153px; padding: 11px 0 0 0; margin: 10px 40px 0 0px;
font-size:14px; font-weight:bold; color:#FFF;}
.servicesSigns{ float: left; background:url(../images/signs.jpg) no-repeat; width:175px; height:153px; padding: 11px 0 0 0; margin: 10px 40px 0 109px;
font-size:14px; font-weight:bold; color:#FFF;}
.servicesTrucklettering{ float: left; background:url(../images/trucklettering.jpg) no-repeat; width:175px; height:153px; padding: 11px 0 0 0; margin: 10px 40px 0 0;
font-size:14px; font-weight:bold; color:#FFF;}
.servicesWraps{  float: left; background:url(../images/wraps.jpg) no-repeat; width:175px; height:153px; padding: 11px 0 0 0; margin: 10px 40px 0 0px;
font-size:14px; font-weight:bold; color:#FFF;}
 ----- end front page img classes ------ */


/* ----- front page service img styles ------ */ 
#serviceswrap{ margin: 6px 0 0 0; padding: 0; border: none; width: 824px; float:left;}

ul.linkboxes { display: block; overflow: hidden; margin: 10px 0 0 0; padding: 0px; width: 615px; border: none; height: 162px; }
ul.linkboxes li { display: block; float: left; margin: 0px 15px 0 15px; padding: 0px; width:auto;}
ul.linkboxes li img { border: none;}
ul.linkboxes li a { display: block; border: none; text-decoration: none; padding: 0px; color: #444; }
ul.linkboxes li a:hover { border-color: #007098; background-color: #007098; }
ul.linkboxes li a strong.servicesApparel{ display: block; font-size: 14px; color: #fff; background:url(../images/apparel.jpg) no-repeat; width:175px; height:153px; cursor: pointer; padding: 10px 0 0 0; margin: 0px 0 0 0;}
ul.linkboxes li a strong.servicesGraphicdesign{ display: block; font-size: 14px; color: #fff; background:url(../images/graphicdesign.jpg) no-repeat; width:175px; height:153px; cursor: pointer; padding: 10px 0 0 0; margin: 0px 0 0 0;}
ul.linkboxes li a strong.servicesPrintmedia{ display: block; font-size: 14px; color: #fff; background:url(../images/printmedia.jpg) no-repeat; width:175px; height:153px; cursor: pointer; padding: 10px 0 0 0; margin: 0px 0 0 0;}
ul.linkboxes li a strong.servicesSigns{ display: block; font-size: 14px; color: #fff; background:url(../images/signs.jpg) no-repeat; width:175px; height:153px; cursor: pointer; padding: 10px 0 0 0; margin: 0px 0 0 0;}
ul.linkboxes li a strong.servicesTrucklettering{ display: block; font-size: 14px; color: #fff; background:url(../images/trucklettering.jpg) no-repeat; width:175px; height:153px; cursor: pointer; padding: 10px 0 0 0; margin: 0px 0 0 0;}
ul.linkboxes li a strong.servicesWraps{ display: block; font-size: 14px; color: #fff; background:url(../images/wraps.jpg) no-repeat; width:175px; height:153px; cursor: pointer; padding: 10px 0 0 0; margin: 0px 0 0 0;}
ul.linkboxes li a:hover strong { color: #000; }
ul.linkboxes span { display: none; }
/* ----- end front page service img styles ------ */


/* ----- services page classes ----- */
.serviceslistmenu {margin: 20px 0 0 70px; padding: 0px; width: 650px; float:left;}
.servicesDef { cursor: pointer; font: bold 14px Verdana; margin: 2px 0 0 0; background:#999; text-align:left; padding: 4px 0px 4px 30px;}
.servicesDesc { background: #B5B5B5; padding: 15px; margin: 0px; text-align:left; color:#000; line-height: 150%;}
.servicesDesc img { float:left; padding: 0px; margin: 0px 10px 10px 0px; border: 3px solid #fff;}
.openservice{ /*class added to contents of 2nd demo when they are open*/
color:#FFF; background:url(../images/arrowDown.gif) no-repeat 5px 50% #5B5B5B;}
.closedservice{ /*class added to contents of 2nd demo when they are closed*/
color: #007198; background:url(../images/arrowUp.gif) no-repeat 5px 50% #e0e0e0;}
/* ----- end services page classes ----- */


/* ----- footer nav ----- */
#footer_nav {margin: 0px 0 0 0; color:#333; font-size:14px;}
#footer_nav a:link { color:#333; text-decoration: none;}
#footer_nav a:visited { color:#333; text-decoration:none;}
#footer_nav a:hover { color:#006083; text-decoration:none; text-decoration:underline;}
#footer_nav a:active { color:#006083; text-decoration:none;}
/* ----- end footer nav ----- */