@charset "utf-8";

/*---------------------------------------------------------------------------------------------------
	The following CSS has been modified from its original version.
	It has been formatted to fit this screen, to run in the time allotted and edited for efficiency.
-----------------------------------------------------------------------------------------------------*/

#mainButtons{width:950px;margin:0 auto;height:270px}
#oneButton a.technology{background:url(images/largeAccuLinkButtons_tech.jpg) no-repeat;background-position:0 -10px;width:260px;height:250px}
#oneButton a.technology:hover{background-position:0 -252px}
#twoButton{z-index:300;float:left;position:relative;width:236px;height:250px;left:0;top:-14px}
#twoButton a.marketing{background:url(images/largeAccuLinkButtons_market.jpg) no-repeat;background-position:0 -10px;width:236px;height:250px}
#twoButton a.marketing:hover{background-position:0 -252px}
#threeButton,#oneButton{z-index:300;float:left;position:relative;width:260px;height:250px;left:0;top:-14px}
#threeButton a.production{background:url(images/largeAccuLinkButtons_prod.png) no-repeat;background-position:0 -10px;width:260px;height:250px}
#threeButton a.production:hover{background-position:0 -252px}
#fourButton{z-index:200;float:left;position:relative;width:155px;height:250px;left:-50px;top:2px}
#fourButton ul.buttons,#threeButton ul.buttons,#twoButton ul.buttons,#oneButton ul.buttons{float:left;position:relative;list-style:none}
#fourButton a,#threeButton a,#twoButton a,#oneButton a{text-indent:-9999px;float:left;position:relative}
#fourButton a.gallery{background:url(images/smallAccuLinkButtons.jpg) no-repeat;background-position:-33px -7px;width:230px;height:55px}
#fourButton a.services{background:url(images/smallAccuLinkButtons.jpg) no-repeat;background-position:-33px -66px;width:230px;height:55px}
#fourButton a.green{background:url(images/smallAccuLinkButtons.jpg) no-repeat;background-position:-33px -125px;width:230px;height:55px}
#fourButton a.mailList{background:url(images/smallAccuLinkButtons.jpg) no-repeat;background-position:-33px -183px;width:230px;height:55px}
#fourButton a.gallery:hover{background-position:-300px -7px}
#fourButton a.services:hover{background-position:-300px -66px}
#fourButton a.green:hover{background-position:-300px -125px}
#fourButton a.mailList:hover{background-position:-300px -183px}


*{margin:0;padding:0}
body{background:#000;min-width:950px}
a{text-decoration:none;cursor:pointer;border:none;outline:none}
::-moz-selection,::selection{background:#007b20;color:#fff}
h1{font:700 11px Trebuchet MS, Verdana, Geneva, sans-serif;color:#f47b20;text-align:center;text-transform:uppercase}
h2{position:relative;top:25px;font:700 13px Trebuchet MS, Verdana, Geneva, sans-serif;color:#fff;text-align:center;text-transform:uppercase}
h3{font:700 15px Trebuchet MS, Verdana, Geneva, sans-serif;color:#218d9a;text-align:left;text-transform:none;padding:20px 0 6px}
p{font:400 12px Trebuchet MS, Verdana, Geneva, sans-serif;line-height:1.5em;padding-bottom:8px;color:#333}
p.solo{width:570px;padding-bottom:12px}
p.address{float:right;position:relative;padding:46px 0 0;font:700 12px Trebuchet MS, Verdana, Geneva, sans-serif;color:#218d9a}
p.mininote{font:700 10px Trebuchet MS, Verdana, Geneva, sans-serif;color:#218d9a;text-align:center}
p.mininote a:hover{color:#fff}
.orange{color:#f47b20;font-size:12px;font-weight:bolder}
#picture{float:right;position:relative;width:340px;height:200px;padding:10px}
.acculink{background:url(images/test/image2.jpg) no-repeat center}
#map{float:right;position:relative;width:500px;height:500px;background:#ccc;clear:both;padding:10px}
#breadCrumb{position:relative;left:21px}
ul.crumbs li{display:inline;font:700 10px Trebuchet MS, Verdana, Geneva, sans-serif;color:#777}


/*-------------------------------------------------------------------------------
  EXPANDABLE MENU 
--------------------------------------------------------------------------------*/
#ordermenu_container{float:left;position:relative;width:auto;padding:0 0 30px}
.arrowlistmenu{float:left;position:relative;width:180px;background:#fff;margin-bottom:4px}
h4.expandable{font:700 12px Trebuchet MS, Verdana, Geneva, sans-serif;color:#fff;background:url(images/grayBar.png) repeat-x;margin-bottom:1px;text-decoration:none;text-transform:uppercase;text-align:left;padding:4px 0 4px 10px;cursor:pointer}
h4.expandable:hover,h4.expandable a:hover{background:url(images/orangeBar.png)}
.arrowlistmenu ul{list-style-type:none;margin:0;padding:0;margin-bottom:0;background:#fff}
.arrowlistmenu ul li{padding-bottom:1px}
.arrowlistmenu ul li a{color:#333;display:block;padding:2px 0;padding-left:10px;text-decoration:none;text-align:left;font:700 65% Trebuchet MS, Verdana, Geneva, sans-serif;border-bottom:1px dotted #bbb;outline:none}
#bullet_container{float:left;position:relative;width:200px;padding:0 0 0 20px;border-left:1px dotted #777;margin-left:20px;height:400px}
.arrowlistmenu2{float:left;position:relative;width:200px;background:#fff;margin-bottom:4px}
h4.expandable2{font:700 11px Trebuchet MS, Verdana, Geneva, sans-serif;color:#333;list-style-type:none;padding:2px 0 0;cursor:pointer}
.arrowlistmenu2 ul.categoryitems{list-style-type:none;margin:0;padding:6px;margin-bottom:0;background:#fff;border:none}
.arrowlistmenu2 ul li{font:400 11px Trebuchet MS, Verdana, Geneva, sans-serif;color:#333;list-style-type:square;padding:2px 0 0}
.arrowlistmenu2 ul li a:hover,.arrowlistmenu ul li a:hover{background:#ddd}

#accuMain{width:450px;float:left;position:relative;padding:0 30px 40px}
#accuMain p{padding-bottom:5px}
#accuMain h3{padding-top:0}

#rightSide{float:right;position:relative;width:250px;padding:0 0 20px}
#detailsArea{width:250px;height:300px;float:right;position:relative}

#seeAlso{float:left;position:relative;width:250px}
#seeAlso ul{list-style:none;padding:10px 0 0}
#seeAlso ul li.headingUnderlined{font:700 12px Trebuchet MS, Verdana, Geneva, sans-serif;color:#333;border-bottom:1px dotted #bbb;padding:0}
#seeAlso ul li a{font:700 12px Trebuchet MS, Verdana, Geneva, sans-serif;color:#4d609b;padding:none}
#seeAlso ul li{font:700 12px Trebuchet MS, Verdana, Geneva, sans-serif;color:#333;padding:0 0 0 20px}
#seeAlso ul li a:hover,.arrowlistmenu ul li a:visited,ul.crumbs li a:hover,p.address a:hover{color:#333}
ul li.pdf {background:url(images/pdficon_small.gif) no-repeat left; padding:0 0 0 20px; margin:0; list-style:none;}

li.tabColors{background:url(images/tabColors.jpg) no-repeat;width:250px;height:544px}
ul.noBullets li.heading{font:700 11px Trebuchet MS, Verdana, Geneva, sans-serif;color:#333;list-style-type:none;padding:2px 0 0}
ul.noBullets li.headingUnderlined{font:700 10px Trebuchet MS, Verdana, Geneva, sans-serif;color:#4d609b;list-style-type:none;padding:20px 0 0;border-bottom:1px dotted #bbb;margin-bottom:8px;text-transform:uppercase}
ul.noBullets p{text-transform:none;font-size:11px}
ul.noBullets li.heading a{text-decoration:underline}
ul.noBullets li{font:400 12px Trebuchet MS, Verdana, Geneva, sans-serif;color:#333;list-style-type:none;padding-bottom:1px}
ul.noBullets li ul{padding:0 0 2px 30px}
ul.noBullets li ul li{list-style-type:square;color:#444;font-size:11px;margin:0;padding:0;text-transform:none}
ul.noBullets li ul li ul li{list-style-type:circle;padding-bottom:1px}
ul.noBullets li a{text-decoration:none;color:#333}
ul.bullets{float:left;position:relative;width:233px;list-style:none;padding:6px 0 0 30px}
ul.bullets li a{font:700 12px Trebuchet MS, Verdana, Geneva, sans-serif;color:#333;padding:6px 35px;text-decoration:none}
ul.noBullets li.address{font:400 13px Trebuchet MS, Verdana, Geneva, sans-serif}
ul.noBullets li.phone{font:700 12px Trebuchet MS, Verdana, Geneva, sans-serif;color:#218d9a}
ul.instructions li.legend{padding:0;margin:0;font:700 11px Trebuchet MS, Verdana, Geneva, sans-serif;color:#333;list-style:none}
ul.instructions li{margin:0 0 0 15px;font:400 11px Trebuchet MS, Verdana, Geneva, sans-serif;color:#333;list-style:square}
ul.noBullets li.tag,ul.noBullets li.q{color:#333;font:700 12px Trebuchet MS, Verdana, Geneva, sans-serif;padding:12px 0 0}
ul.noBullets li.tag a{text-decoration:none}
#columns{width:100%}
#columns ul.column2,#columns ul.column1{width:300px;min-height:455px;float:left;position:relative;list-style:none;padding:0 0 10px;margin:1em .5em 2em;border-right:1px dotted #999}
#columns ul.column3{width:300px;min-height:455px;float:left;position:relative;list-style:none;padding:0 0 10px;margin:1em .5em 2em}
#columns ul.column3 li.heading,#columns ul.column2 li.heading,#columns ul.column1 li.heading{font:700 12px Trebuchet MS, Verdana, Geneva, sans-serif;text-transform:uppercase;color:#4d609b;list-style-type:none;padding:12px 0 2px}
#columns ul.column3 li,#columns ul.column2 li,#columns ul.column1 li{font:700 11px Trebuchet MS, Verdana, Geneva, sans-serif;color:#f47b20;padding:0 0 4px}
#columns ul.column3 li a,#columns ul.column2 li a,#columns ul.column1 li a{color:#555;font:700 11px Trebuchet MS, Verdana, Geneva, sans-serif;text-decoration:none;padding:0 0 0 6px}
#columns ul.column3 a:hover,#columns ul.column2 a:hover,#columns ul.column1 a:hover,ul.crumbs li a{color:#f47b20;text-decoration:underline}
#wholeWrap{width:100%;float:left;position:relative;background:#fff}
#information{float:left;padding:0 20px;width:950px;color:#333}
#information a,ul.bullets li a:hover,ul.noBullets li a:hover,h4.expandable2:hover,p.mininote a{color:#f47b20}
#information a:hover{color:#333;text-decoration:underline}
#logo{float:left;position:relative;width:421px;height:179px;background:url(images/acculinkLogo.jpg) no-repeat;text-indent:-9999px}
#orangeBar{float:left;position:relative;min-width:950px;margin-top:-3em;width:100%;height:32px;background:url(images/orangeBar.png) repeat-x;padding:0}
#orangeBar p{font:700 15px Trebuchet MS, Verdana, Geneva, sans-serif;color:#fff;margin-top:.3em;text-align:center;text-transform:uppercase}
ul.headLink{float:right;position:relative;list-style:none;width:465px}
ul.headLink li{float:left;position:relative;font:700 12px Trebuchet MS, Verdana, Geneva, sans-serif;color:#f08e00;display:inline;padding:10px 0 0 15px;text-transform:uppercase;top:35px}
ul.headLink li a{font:700 10px Trebuchet MS, Verdana, Geneva, sans-serif;color:#555}
ul.headLink li a:hover,.arrowlistmenu2 ul li a,.arrowlistmenu2 ul li a:visited,p.address a{color:#218d9a}
ul.headLink li a.yousendit{background:url(images/yousendit.jpg) no-repeat right;padding:10px 21px 0 0}
#content,#header{width:950px;float:left;position:relative}

#galleries{float:left;position:relative;width:950px;background:#ddd}
#galleries ul li{float:left;position:relative;width:200px;list-style:none;padding:18px}
#galleries li a{color:#333;text-decoration:none;font:400 11px Trebuchet MS, Verdana, Geneva, sans-serif}
#galleries li a:hover{color:#f47b20;text-decoration:none}
#information a.hideagain,#information a.reveal{font:italic 11px Trebuchet MS, Verdana, Geneva, sans-serif;color:#218d9a;cursor:pointer}
#textblock{float:left;position:relative;width:233px}
#contactForm{width:220px;background:#ccc;font:700 12px Trebuchet MS, Verdana, Geneva, sans-serif;padding:20px}
#note{font:400 12px Trebuchet MS, Verdana, Geneva, sans-serif;color:#C00}
fieldset,a img{border:none}

#footerWrap{float:left;position:relative;width:100%;height:100px;background:#000}
#footer,#contentWrap,#headerWrap{width:950px;margin:0 auto}
#tagLine{float:right;position:relative;width:259px;height:35px;background:url(images/tagLine.png) no-repeat;text-indent:-9999px}
#footerLinks{width:950px;margin:0 auto;margin-top:50px;background:#000}
#social{width:246px;margin:0 auto}
#social ul,ul.crumbs{list-style:none}
#social ul li{display:inline}
#social ul li.heading{float:left;position:relative;font:700 10px Trebuchet MS, Verdana, Geneva, sans-serif;color:#fff;text-transform:uppercase;padding:10px 12px}
#social ul li a{text-decoration:none;display:inline;margin:6px 6px 0;padding:0;width:24px;height:24px;text-indent:-9999px}
#social ul li a:hover{border-bottom:1px dotted #fff}
#social ul li.linkedin a{float:left;position:relative;background:url(images/social/social.png) no-repeat top;background-position:0 -24px}
#social ul li.twitter a{float:left;position:relative;background:url(images/social/social.png) no-repeat top;background-position:0 0}
#social ul li.blogger a{float:left;position:relative;background:url(images/social/social.png) no-repeat top;background-position:-24px 0}
#social ul li.facebook a{float:left;position:relative;background:url(images/social/social.png) no-repeat top;background-position:-24px -24px}

ul.signature{float:left;position:relative}
ul.signature li{display:inline;font:bold 12px Trebuchet MS, Verdana, Geneva, sans-serif;line-height:1.5em;padding-bottom:8px;color:#333}
ul.signature li a.linkedSmall{display:inline-block;background:url(images/social/linkedin_small.jpg) no-repeat;height:15px;width:15px;padding:0;margin:0 4px;border-bottom:1px dotted #fff}
ul.signature li a.linkedSmall:hover{border-bottom:1px dotted #333}
ul.noBullets li.demoButton {float:left; position:relative; padding:0 0 0 35px;}
ul.noBullets li.demoButton a {display:inline; float:left; position:relative; font:bold 12px Trebuchet MS, Verdana, Geneva, sans-serif; color:#fff; background:#888; padding:4px;}
ul.noBullets li.demoButton a:hover {background:rgb(244,123,32);}
textarea, input {font:normal 12px Trebuchet MS, Verdana, Geneva, sans-serif; color:#222;}

#logoArea {width:325px; float:right; position:relative;}
#logoArea ul {float:right; position:absolute; list-style:none;}
#logoArea ul li.greenLogos {width:300px; height:300px; background:url(images/greenLogos.jpg) no-repeat; text-indent:-9999px;}

/*-------------------------------------------------------------------------------
  FEATURES SECTION
--------------------------------------------------------------------------------*/
#features_section {width:950px; margin:0 auto;}
ul.features {float:left; position:relative; list-style:none; padding:6px 0 50px 0;}
li.featured_item1-2 {float:left; position:relative; width:240px; padding:20px 38px; border-right:1px dotted #bbb;}
li.featured_item3 {float:left; position:relative; width:240px; padding:20px 38px; border:none}
ul.features ul {padding:0; margin:0; float:left; position:relative;}
li.feature_title img {float:left; position:relative; padding:0; background:url(images/feature_button.jpg) no-repeat; background-position:0 0;}
li.feature_title {list-style:none; float:left; position:relative;}
li.feature_title :hover {text-decoration:underline;}
li.feature_title p.title {float:left; position:relative; margin:0; padding:6px 0 0 8px; font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333;}
li.feature_text {margin:0; padding:0 0 0 37px; list-style:none; float:left; position:relative; font:normal 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#333;}


/*-------------------------------------------------------------------------------
  QR CODE POPUP
--------------------------------------------------------------------------------*/
.bubbleInfo {float:left; position:relative; width:149px; z-index:1000; top:-25px;}
.popup {position:absolute; width:205px; height:213px; display:none; background:url(images/popBack.png) no-repeat; z-index:1000;/* keeps the popup hidden if no JS available */}
p.popupTitle {font:bold 15px Trebuchet MS, Verdana, Geneva, sans-serif; color:#fff; text-align:center; padding:30px 12px 8px 12px;}
p.popupInfo {color:#fff; font-weight:bold; text-align:center; padding:0 12px 8px 12px; font-size:70%; line-height:1.3em;}

/*-------------------------------------------------------------------------------
* Filename:		default.css
* Description:	Global CSS
* Version:		1.0.0 (2009-8-16)
* Website:		http://www.acculink.com
* Author:		Chris Gaines, Web & Campaign Designer [AccuLink]

== STRUCTURE =====================================================================

* Page width:	950px [centered w/ repeating background sections]

=== debating whether to add anchors to compressed CSS for searchability ===
$__header		Header Definitions
$__menu			Main Navigation

== CREDITS =======================================================================

* lightwindow:		Thanks to http://stickmanlabs.com/lightwindow/
* imageflow:		Thanks to http://finnrudolph.de/
* mobile PHP:		Thanks to http://detectmobilebrowsers.mobi/
* slider:			Thanks to http://www.ndoherty.com/blog/category/coda-slider
--------------------------------------------------------------------------------*/