* { margin:0; padding:0; }

body { font-size:62.5%; font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif; background-color:#97E4D3;  }

h3 { font-size:2.4em; font-weight:400;}
h4 { font-size:2em; font-weight:400; }
p {font-size:1.2em;}
a { color:#000000; text-decoration:none; }
a:hover { text-decoration:underline; }

.bold { font-weight:bold; }
.hidden { position:absolute; left:-999999px; }
.clear_left { clear:left; }
.clear_right { clear:right; }
.clear_both { clear:both; }
.clearer { clear:both; font-size: 1px; line-height: 1px; overflow:hidden; width:100%; height:1px; }
.copyright { font-size:1em; float:left; padding:6px 0 6px 5px; }
.seventy9 { float:right; list-style:none; font-size:0.9em; padding:6px 5px 6px 0;}

.float_left { float:left; }
.float_right { float:right; }
.bullets { float:right; padding:15px 10px 0 0; }
.orange { color:#FF4700; }
.orange_bold { color:#FF4700; font-weight:bold;}
.grey_bold { color: #333333; font-weight:bold;}





/* Bullets */
.orange_bullet_left {  background:url(../img/all/orange_bullet.jpg) left 5px no-repeat; list-style:none; padding:0 0 0 20px; }

/* Bullets with White Outlines */
.orange_bullet_wo {background:url(../img/all/orange_bullet_wo.gif) no-repeat 0 3px; }
.yellow_bullet_wo {background:url(../img/all/yellow_bullet_wo.gif) no-repeat 0 3px; }
.purple_bullet_wo {background:url(../img/all/purple_bullet_wo.gif) no-repeat 0 3px; }


.supermarket_case_narrow { width:50%; }

.message { text-align:center; }


/* Forms */



/* Splash Page Only */
#splash #welcome { width:718px; color: #FFFFFF; background-color:#6FC2A4; margin:2px 0 0 2px;}

#splash #welcome h3 { padding:0 10px 5px 10px; font-size:3em; }
#splash #welcome p { padding:0 10px 5px 10px; font-size:1.6em;  }
#splash #welcome p a:link, #splash #welcome p a:visited { color:#FFFFFF; text-decoration:none; }
#splash #welcome p a:hover { text-decoration:underline; }

#splash #content { width:724px; height:700px; margin:0 auto; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; background-color:#FFFFFF;  }
#splash #header_right { float:right; height:60px; }
#splash #header_right { margin:18px 15px 0 0; }
/*#splash #services {  width:100%; border-top:4px solid #FFFFFF; background-color:#999999; color:#FFFFFF; }
#splash #services li { font-size:1.4em; list-style:none; padding:2px 0 2px 20px; }*/


#container { width:856px; margin:0 auto; background:url(../img/all/background.gif) repeat-y;  }

#content { width:724px; margin:0 auto; border-left:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-bottom:1px solid #CCCCCC; background-color:#FFFFFF;  }

#page_bg { clear:both; }

#casestudy_header { float:left; list-style:none; padding:0 0 0 20px; }

#img_nav { padding:4px 0 0 0; float:right; list-style:none; background-color:#FFFFFF; }

#img_nav h3 { font-size:1.4em; padding:0 15px 0 0; }
#img_nav li {float:left; font-size:1.4em; text-align:left; width:20px; margin:0 3px; padding:5px 0 0 0;}
#img_nav a { padding:1px 10px 1px 3px; color:#000000;}
#img_nav a:visited { color:#000000; }
#img_nav a:hover { background-color: #999999; text-decoration:none; color: #FFFFFF; }
#img_nav a:current { background-color: #999999; text-decoration:none; color: #FFFFFF; }




#case_studies #page_bg {  }
#contact #page_bg { background:url(../img/contact/contact_main.jpg) no-repeat; background-color:#FFFFFF; }



#header { width:100%; }
#header_left { float:left; 
               margin-left:14px;
               margin-top:12px;
               
               }
#header_left h2 { padding:25px 0 0 30px; color:#30CAA7; font-weight:400; font-size:2.4em;}
#header_right { float:right; height:70px; }
#header_right { margin:15px 15px 0 0; }






/* Primary Navigation */
/*ul#pri_nav li { font-size:1.1em; float:left; background-color:#FFFFFF;  list-style:none; border-bottom:5px solid #30CAA7; }
ul#pri_nav a:link { color:#000000; }
ul#pri_nav a:visited { color:#000000; }
.list { padding:4px 8px 4px 26px; }
.end { padding:4px 8px 4px 28px; }*/

/* Sub Navigation LEVEL one */
/*#pri_nav li ul {position: absolute; width: 160px; left: 1em; left: -999em; background-color:#DBDBDB;}
#pri_nav li ul li { border:none; font-size:1em; padding:3px 2px; background:url(../img/all/pri_nav_button.jpg) no-repeat; width:156px; }
#pri_nav li:hover ul, #pri_nav li.pri_navHover ul { left:auto; }*/
/*#pri_nav li:hover ul, #pri_nav li.pri_navHover ul {left: auto; display:block; border:none;}*/
/* #home ul#pri_nav { clear:both; padding:25px 0 0 0; margin:0 0 0 2px; } */ /* Homepage only */



div#navigation { height:30px;  background-color: #333333;}

ul#pri_nav {width: 724px; clear:both;}
ul#pri_nav, ul#pri_nav ul {	padding: 0;	margin: 0; list-style: none;  line-height: 1; }

ul#pri_nav li {float: left; color:White; font-size:1.3em; margin:0px; text-align:center; padding:0px;  }
ul#pri_nav li a { display: block; color:#FFFFFF; padding: 8px 25px 8px 24px;}

ul#pri_nav li ul { width: auto; float: left; background-color: #333333; clear: both; padding: 4px 0px 21px 0px;}
ul#pri_nav li ul li { margin: 0; border:none; }
ul#pri_nav li ul li { float: left; clear: both; text-align:left; width:auto; font-size:1.0em; background-color: #333333; padding:0 5px 0 26px; }
ul#pri_nav li ul li a {float: left; padding:4px 0px 4px 0px; width: 145px; color:#FFFFFF;}

ul#pri_nav li ul { position: absolute; left: -999em;}
* + html ul#pri_nav li ul { left: auto; display: none; } /* Special IE7 Fix */
ul#pri_nav li:hover ul, #pri_nav li.sfhover ul { left: auto; display: inline; }

ul#pri_nav li ul.far_right {margin-left: -102px;}
* + html ul#pri_nav li ul.far_right {margin-left: -47px;}

.divider
{   
    width:1px;
    height:30px;
    border-right-style:solid;
    border-right-color:White;
    border-right-width:1px;
}






/* Homepage Only */
div#welcome { position:absolute; margin:308px 0 0 10px; width:392px; background-image:url(../img/all/trans.png);}
div#welcome h3 { padding:10px 10px; }
div#welcome p { padding:0 10px 13px 10px; line-height:160%; font-size:1.1em; }

div#enter { width:100%; background-color:#30CAA7; color:#FFFFFF; margin-top:2px; height:94px;}
div#enter h3 { padding:10px 10px; font-size:2.8em;}
div#enter p { padding:0 10px 13px 10px; line-height:100%; font-size:1.4em; }

div#enter a {color:#FFFFFF; text-decoration:none;}

div#feature_nav { position:absolute; margin:200px 0 0 484px;  width:235px; }
div.feature_box { margin:0 0 10px 0; width:100%; background-color: #FFFFFF; }
div.feature_box h4 { padding:12px 10px; float:left; } 



#services { margin:0; clear:both; width:100%; height:110px; border-top:4px solid #FFFFFF; background-color:#30CAA7; color:#FFFFFF; }
#services h3 { padding:10px 0 10px 30px; }
#services a { color:#FFFFFF; }
#services ul { float:left; padding:0 60px 12px 30px; }
#services li { font-size:1.4em; list-style:none; padding:2px 0; }


ul#services_nav { clear:both; }
ul#services_nav li { font-size:1.1em; float:left; background-color:#30CAA7; list-style:none; }
ul#services_nav a { color:#FFFFFF; }


ul#services_nav li:hover { background-color:#333333;} 
.list { padding:4px 8px 4px 24px; margin:20px 1px 2px 1px; }
.end { padding:4px 8px 4px 27px; margin:20px 0 2px 1px; }



/* Generic */
#header_container { /*width:600px; */ padding:225px 0 20px 35px; }
/*#header_bar { width:650px; margin:0 0 20px 14px; background-color:#FFFFFF; padding:5px;   }*/
#header_bar {height: 66px;}
#header_bar h3 { display:inline; background-color:#FFFFFF; padding:5px; float: left; }


#page_content { width:92.5%; margin:10px 0 0 3.4em; }
#page_content p { line-height:160%; padding:10px 0; }


#page_content ul { padding:0 60px 12px 0px; }
#page_content li { list-style:none; }
#page_content a:link { color:#333333; }
#page_content a:visited { color:#333333; }


#news_col_left h3 { font-size:1.6em; font-weight:bold; padding:0 0 10px 0;  }
#news_col_left h4 { font-size:1.4em; margin:10px 0 0 0; }
#news_col_left p { font-size:1.4em; }
#news_col_left ul { padding:0; margin:0 0 10px 0; }
#news_col_left ul li { float:right; font-size:1.4em; padding:0; }



div#col_left li { padding:8px 0 0 20px; background:url(../img/case_studies/tick.jpg) no-repeat 0 10px; }


#home_content { width:680px; margin:180px auto 40px auto;  }






/* Standard Page / News Page */
#col_left {float:left; width:450px;}
#news_col_left {float:left; width:400px;}
#col_right, #news_col_right {float:right; width:200px;}
#col_left, #col_right {font-size:1.1em;}

ul.sub_nav  { float:right; width:150px; padding: 0px; margin: 0px; }
ul.sub_nav li { font-size:1.4em; width:auto; border-top:1px #333333 solid; border-left:8px #333333 solid; border-bottom:1px #333333 solid; margin:5px 0px; padding:8px 0 8px 20px;}
ul.sub_nav li a:link { color:#333333; width:130px;  }
ul.sub_nav a:visited { color:#333333; }

/*
ul.sub_nav li { font-size:1.4em; width:130px;  border-top:1px #FF4700 solid; border-left:8px #FF4700 solid; border-bottom:1px #FF4700 solid; margin:5px 0; padding:8px 0 8px 20px;}
*/



/* News Details */
#story_left {float:left; width:190px; padding:15px 0 0 0;}
#story_right {float:right; width:470px;}
#story_left, #story_right {font-size:1.1em;}




/* Contact Page */


/* .contact_h {float:left; padding:0 20px 0 0;}
#contact_left {float:left; width:260px; background:url(../img/contact/hoz_divider.jpg) right center no-repeat;}
#contact_right {float:right; width:400px;}
#contact_left, #contact_right {font-size:1.1em;} */



/* Contact Form */
ul#contact_form li { font-size:1.2em; padding:5px 0 5px 0; } 
ul#contact_form label { display:block; float:left; width:100px; padding:0 20px 0 0;}

div#contact_column_left { float:left; width:400px; }
div#contact_column_right { float:right; width:260px; }


div.contact_item { background-color:#F2F2F2; margin:20px 0 0 0; }
div.contact_item_left { float:left; width:260px; }
div.contact_item_left ul li { font-size:1.2em; padding:2px 10px 0 0;}
div.contact_item_left ul.contact_list li {  font-size:1.2em; }
div.contact_item_right { float:right; width:400px; }

ul#contact_form li table tr { margin-bottom:5px; display:block; }
ul#contact_form li table tr td label { display:inline-block; float:left; clear:left; }
ul#contact_form li table tr td input { display:inline-block; float:right; clear:right; }






div#page_content ul#company_info { font-size:1.2em; margin:30px 0 15px 0; width:400px; }
div#page_content ul#company_info li { float:left; margin:0 5px; }

/* Footer */
#footer { clear:both; background-color:#FFFFFF; border-bottom:4px solid #30CAA7; border-top:4px solid #30CAA7; }
#footer_nav li { font-size:1.1em; float:left; padding:5px 15px; list-style:none; font-weight:bold; text-transform: uppercase;}
#footer_nav a:link { color:#000000; }
#footer_nav a:visited { color:#000000; }



/* Potentially Discontinued Code */

/* Case Studies Page */
div.case_study_left, div.case_study_right { margin:0 0 20px 0; }
div.case_study_left { float:left; width:49%; }
div.case_study_right { float:right; width:49%; }
img.case_study_logo { padding:14px 0 0 0; float:left; }

.case_focus_left li { padding:8px 0 0 20px; background:url(../img/case_studies/tick.jpg) no-repeat 0 10px; }



div.case_focus_left { float:left; width:52%; margin:0 0 0 4%; }
div.case_focus_right { float:right; width:26%; }

div.supermarket_case { float:left; width:80%; margin:0 0 0 4%; }


div.supermarket_case li { padding:8px 0 0 20px; background:url(../img/case_studies/tick.jpg) no-repeat 0 10px; }

.case_focus_right h4 { padding-top:10px; }
.case_focus_right ul { margin:10px 0 0 0; }
.case_focus_right li { padding:8px 0 0 20px; background:url(../img/case_studies/tick.jpg) no-repeat 0 10px; }



/* Sitemap Page */
div#page_content div#col_full { width:650px; }
div#page_content div#col_full div.site_tree { width:206px; margin:10px 10px 10px 0; float:left; padding:0; }
div#page_content div#col_full div.site_tree ul li { font-size:1.2em; }
div#page_content div#col_full div.site_tree span { display:block; width:100px; margin:0 0 0 20px; padding:5px 0;}



div#page_content div#col_full div.site_tree ul.sitemap li { background:url(../img/all/page_icon.gif) no-repeat 0 8px; padding:8px 0 0 20px; }

/*class="sitemap"*/