/*-----------------------------------------------
Matson & Isom Technology Consulting 
-------------------------------------------------
Author:	Matson & Isom Technology Consulting
          www.mitcs.com
Version:	2008.09.02.0930
----------------------------------------------- */

/*-----------------------------------------------
-- Base Styles 
----------------------------------------------- */

*
{
	margin: 0;
	padding: 0;
}

body
{
	background: #818285;
	font-size: small;
	font-family: Helvetica, Arial, Sans-Serif;
	text-align: center;
}

/* Heading Styles */

h1 a
{
	position: absolute;
	bottom: 23px;
	left: 55px;
	display: block;
	float: left;
	background: url(/_images/logo.png) no-repeat;
	width: 100px;
	height: 87px;
	text-indent: -9999px;
}

h2
{
	font-weight: normal;
	font-size: 140%;
	margin: 25px 0 10px 0;
}

h3
{
	color: #FFF;
	font-size: 85%;
	font-weight: bold;
	margin: 0 5px 5px 0;
}

/* One-Off Heading Styles */

#mainContent h2
{
	color: #FFF;
}

#centerContent h2
{
	color: #808080;
}

#centerContent h3
{
	color: #808080;
	font-size: 100%;
	margin: 0;
	line-height: 150%;
}


#work h3
{
	text-transform: uppercase;
	color: #000;
	margin: 10px 0 20px 0;
	font-size: 90%;
}

h3.headline
{
	font-size: 100%;
	line-height: 180%;
	margin: 75px 0 15px 0;
}

/* Base Styles */

a
{
	color: #B6BE69;
}

a img
{
	border: none;
}

p
{
	color: #8f9194;
	font-size: 100%;
	line-height: 155%;
	margin: 5px 0 10px 0;
}

ul
{
	font-size: 85%;
	color: #333;
	margin: 0 0 10px 0px;
}

li
{
	padding: 3px 0;
}

dl
{
	margin: 20px 0 20px 0;
}

dt
{
	color: #808285;
	font-weight: bold;
}

dd
{
	color: #808285;
	padding: 2px 0;
}

dd a
{
	color: #000;
}

/* Container Styles */

#container
{
	position: relative;
	background: url(/_images/background.gif) repeat-y center;
	width: 1000px;
	height: 650px;
	text-align: left;
	margin: 40px auto 0 auto;
}

#work #container
{
	background: url(/_images/background_casestudies.gif) repeat-y center;
}

#work.packaging #container
{
	background: url(/_images/background_packaging.gif) repeat-y center;
}

/* Header Styles */

#header
{
	float: left;
	width: 175px;
	padding: 10px 10px 10px 35px;
}


#home .homepageHeader
{
	float: left;
	clear: left;
	padding: 20px 150px 20px 0;
}

#nav
{
	font-size: 120%;
	font-family: Rockwell, Georgia, Garamond, Times, Serif;
	margin: 60px 10px 0 0;
}

#nav li
{
	list-style: none;
	padding: 4px 0;
}

#nav li ul
{
	font-size: 75%;
	font-family: Arial, Helvetica, Sans-Serif;
	margin: 5px 0 10px 50px;
}

#nav li a
{
	color: #FFF;
	text-decoration: none;
}

#nav li a:hover,
#company #l-company,
#work #l-work,
#contact #l-contact
{
	color: #FFF;
	font-weight: bold;
}

#nav li a
{
	color: #FFF;
	font-weight: bold;
}

#nav ul li a
{
	color: #000;
	font-weight: normal;
}

#nav li ul li a:hover,
.about #l-about a,
.creativeservices #l-creativeservices a,
.capabilities #l-capabilities a,
.manufacturing #l-manufacturing a,
.logistics #l-logistics a,
.wine #l-wine a,
.spirits #l-spirits a,
.consumer #l-consumer a,
.food #l-food a,
.announcements #l-announcements a, 
.green_initiative #l-greenInitiative a,
.accolades #l-accolades a,
.industry_resource #l-industryResource a,
.latest_buzz #l-latestBuzz a,
.alice_white #l-aliceWhite a,
.donsons #l-donsons a,
.fosters #l-fonsters a,
.centellax #l-centellax a,
.programs #l-programs a, 
.displays #l-displays a,
.packaging #l-packaging a
{
	font-weight: bold;
	color: #000;
}


/* Main Image Column Styles */

.sideImage
{
	position: absolute;
	top: 120px;
	right: 8px;
}

#centerContent
{
	position: relative;
	float: left;
	width: 335px;
	height: 575px;
	padding: 10px 25px 25px 40px;
}

#centerContent a
{
	color: #000;
}

/* Two Column Layout Styles */

.two_column #centerContent, .two_column #mainContent
{
	padding-top: 50px;
}

.right_image_column #mainContent
{
	padding: 10px 0 60px 0;
}

#pageHeader
{
	margin: 65px 0 25px 0;
}

/* Main Content Styles */

#mainContent
{
	float: left;
	width: 700px;
	background: transparent;
	padding: 10px 25px 20px 45px;
}

#mainContent p
{
	width: 350px;	
}

.headerImg
{
	clear: right;
	float: left;
	margin: 65px 0 25px 0;
}

.blockquote
{
	margin: 35px 5px 8px -9px;
}

p.author
{
	font-size: 60%;
	color: #FFF;
	text-transform: uppercase;
	margin-left: 5px;
}

#slogan
{
	position: absolute;
	right: 40px;
	bottom: 5px;
	display: block;
	float: left;
	width: 300px;
	height: 24px;
	background: transparent url(/_images/vision_strategy_execution.gif) no-repeat 50% 95%;
	text-indent: -9999px;
}

.see_our_awards
{
	background: url(/news/images/award.gif) no-repeat top right;
	height: 53px;
	text-align: right;
	margin: -40px -20px 0 0;
	padding: 75px 55px 0 0;
}

.see_our_awards a
{
	color: #333;
}

.sideSubImg
{
	position: absolute;
	top: 292px;
	right: 0px;
}

#contact .sideSubImg
{
	position: absolute;
	top: 274px;
	right: 100px;
}

#company.manufacturing .sideSubImg
{
	position: absolute;
	top: 270px;
	right: 42px;
}

#company.logistics .sideSubImg
{
	position: absolute;
	top: 300px;
	right: 80px;
}

#company.creativeservices .sideSubImg
{
	position: absolute;
	top: 250px;
	right: 60px;
}

.sideSubHeader
{
	position: absolute;
	top: 30px;
	right: 25px;

}	

#company #mainContent ul,
#home #mainContent ul
{
	list-style-type: none;	
	padding-top: 20px;
}

#company #mainContent ul li,
#home #mainContent ul li
{
	color: #B6BE69;	
	font-size: 120%;
	padding-bottom: 10px;
	font-weight: bold;
}

#contact #mainContent dd a
{
	color: #808285;
	font-weight: normal;
}

#contact #mainContent a
{
	color: #B6BE69;
	font-weight: bold;
	text-decoration: none;
}


/* Portfolio Styles */


#work #description
{
	position: absolute;
	top: 60px;
	right: 40px;
}

#work #mainContent p
{
	color: #000;
	font-size: 80%;
	line-height: 180%;
	width: 275px;
	font-size: 90%;
}

#work #displayInfo
{
     text-align: center;
	 position: absolute;
	 top: 600px;
	 left: 300px;
}

#work #displayInfo p
{
	text-transform: uppercase;
	font-size: 70%;
	font-weight: bold;
}


#work #mainImage img
{
	float: left;
	padding: 30px 30px 0 20px;
}

#work.sbsheets #mainImage img,

{
		padding: 70px 40px 0 0;
}


#work.smokingloon #mainImage img,
#work.centellax #mainImage img,
#work.packaging #mainImage img
{
		padding: 90px 40px 0 0;
}

#work.smokingloon #mainContent,
#work.colores #mainContent,
#work.centellax #mainContent,
#work.alicewhite #mainContent
{
	padding-left: 20px;	
}

#paging
{
	position: absolute;
	top: 370px;
	right: 70px;
	width: 275px;
	color: #808080;
}

#paging a
{
	font-size: 90%;
	color: #000;
	text-transform: lowercase;
	text-decoration: none;
}

#work #paging
{
	position: absolute;
	top: 500px;
	right: 45px;
	width: 275px;
	color: #808080;
}

#pagingPrevious
{
	background: url(/_images/pagingPrevious.gif) no-repeat 0 60%;
	margin-right: 7px;
	padding-left: 12px;
}

#pagingNext
{
	background: url(/_images/pagingNext.gif) no-repeat 100% 60%;
	margin-left: 7px;
	padding-right: 12px;
}




/* Green Initiative Styles */

.green_initiative #container
{
	background: url(/_images/background_green_initiative.gif) repeat-y center;
}

.green_initiative #slogan
{
	background-image: url(/_images/vision_strategy_execution_green_initiative.gif) !important;
}

/* Two column list styles */

.column_list
{
 	float: left; 
 	width: 130px;
	margin-right: 5px;
}

/* Footer Styles */

#footer 
{
	width: 1000px;
	text-align: right;
	margin: 0 auto;
}

#footer p
{
	color: #000;	
}


.book
{
	width: 310px;
	float: left;
	clear: left;
	margin: 0 0 10px 0;
}

.book img
{
	float: right;
	clear: right;
	margin: 10px 10px 20px 15px;
}

#addressInfo p
{
	color: #808080;
	font-size: 100%;
	margin-top: 35px;
}

#addressInfo a
{
	color: #808080;
}

#mapLink
{
	margin: 25px 0;
}

.margin75
{
	margin-top: 75px !important;
}

.bottom_right
{
	position: absolute;
	bottom: 5px;
	right: 30px;
}

/* Approach Image Map Styles */

#approach
{
	width: 400px;
	height: 650px;
	background: url(/company/images/main_approach.gif) no-repeat;
	position: relative;
	margin-left: 0;
}

#approach li
{
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;
}

#approach li, #approach a
{
	display: block;
}

#approach li a
{
	text-indent: -9999px;
}

#approach li a:hover span
{
	position: absolute;
	top: 20px;
	left: 0;
	color: #000;
}

#define
{
	left: 200px;
	top: 200px;
	width: 125px;
}

#define a
{
	height: 105px;
}

.hotspot
{
	position: absolute;
	width: 166px;
	height: 146px;
}

#define a:hover .hotspot
{
	background: url(/company/images/main_approach_define.gif) no-repeat center;
	top: -140px;
	left: 15px;
}

#design
{
	left: 275px;
	top: 310px;
	width: 110px;
}

#design a
{
	height: 120px;
}

#design a:hover .hotspot
{
	background: url(/company/images/main_approach_design.gif) no-repeat center;
	top: -250px;
	left: -60px;
}

#develop
{
	left: 200px;
	top: 435px;
	width: 115px;
}

#develop a
{
	height: 110px;
}

#develop a:hover .hotspot
{
	background: url(/company/images/main_approach_develop.gif) no-repeat center;
	top: -375px;
	left: 15px;
}

#produce
{
	left: 80px;
	top: 435px;
	width: 115px;
}

#produce a
{
	height: 110px;
}

#produce a:hover .hotspot
{
	background: url(/company/images/main_approach_produce.gif) no-repeat center;
	top: -375px;
	left: 135px;
}

#deploy
{
	left: 10px;
	top: 310px;
	width: 110px;
}

#deploy a
{
	height: 120px;
}

#deploy a:hover .hotspot
{
	background: url(/company/images/main_approach_deploy.gif) no-repeat center;
	top: -250px;
	left: 205px;
}

#evaluate
{
	left: 70px;
	top: 200px;
	width: 125px;
}

#evaluate a
{
	height: 105px;
}

#evaluate a:hover .hotspot
{
	background: url(/company/images/main_approach_evaluate.gif) no-repeat center;
	top: -140px;
	left: 145px;
}