/* 
Avalanche Creative CSS

/*****************************************************
* Global
*****************************************************/

* { padding: 0; margin: 0; }

body {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background: #839396;
}

ul,
li  { list-style-type: none; }
img { border: 0; }
a   { outline: none; }

.clear {
	clear: both;
}

.nodisp { display: none; }
strong { font-weight: normal; }


.work-titles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-style: bold;
	color: #0BAAB4;
}




/*****************************************************
* Typography
*****************************************************/

#header h2 {
	font-size: 11px;
	background: url(../images/tel-no.gif) no-repeat left top;
	text-indent: -7777px;
	display: block;
	left: 561px;
	top: 10px;
	position: absolute;
	height: 13px;
	width: 109px;
}
#header h1 {
	background: url(../images/avalanche-logo.gif) no-repeat left top;
	font-size: 16px;
	text-indent: -7777px;
	display: block;
	left: 413px;
	top: 107px;
	position: absolute;
	height: 24px;
	width: 257px;
}
#navigation h2 {
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
	background: #0BAAB4 url(../images/nav-round-corner-.gif) no-repeat right top;
	display: block;
	width: 196px;
	float: left;
	height: 17px;
	padding-top: 3px;
	padding-left: 11px;
}
#main-body h1,
#main-body p.quote {
	text-indent: -900em;
	line-height: 12px;
}
#main-body h2 {
	color: #0BAAB4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	font-weight: normal;
}
span.normal,
p {
	color: #AAA5A5;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	padding-bottom: 8px;
}
strong {
	color: #0CAAB5;
	font-weight: bold;
}
p.big {
	font-size: 12px;
	line-height: 20px;
	padding-top: 15px;
	padding-bottom: 10px;
}
p.big strong {
	font-weight: normal;
}
p.pdf {
	padding-left: 40px;
	padding-top: 15px;
	padding-bottom: 15px;
	background: url(../images/contact--pdf.gif) no-repeat left center;
	margin-bottom: 20px;
}
#work-text strong {
	color: #AAA5A5;
}

/*****************************************************
* Links
*****************************************************/

#header h1 a,
#header h1 a:visited {
	display: block;
	height: 24px;
	width: 100%;
}
p.big a,
p.big a:visited {
	font-weight: normal;
	color: #AAA5A5;
	text-decoration: none;
}
p.big a:hover {
	text-decoration: underline;
}
p a,
p a:visited {
	color: #0CAAB5;
	font-weight: bold;
	text-decoration: none;
}
p a:hover {
	text-decoration: underline;
}

/*****************************************************
* Layout
*****************************************************/

#header {
	background: url(../images/head-bg.gif) repeat-x left top;
	display: block;
	height: 171px;
	width: 700px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
#main-content {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background: #FFFFFF;
	padding-bottom: 30px;
}
#navigation {
	display: block;
	width: 317px;
	float: left;
	padding-top: 19px;
	text-align: left;
}
#navigation img {
	display: block;
	padding-top: 22px;
	padding-bottom: 19px;
}
div#navigation div#contact-img img {
	display: block;
	padding: 0px;
}
div#contact-img {
	display: block;
	height: 131px;
	float: left;
	width: 197px;
	background: #AAA5A5;
	padding-top: 9px;
	padding-left: 10px;
}
#greybox {
	background: #4F4D4D;
	height: 20px;
	width: 110px;
	float: left;
}
#main-body {
	padding-top: 19px;
	text-align: left;
	display: block;
	width: 335px;
	float: left;
	padding-left: 18px;
	min-height: 500px;
}
#main-body-packaging {
	text-align: center;
	display: block;
	width: 363px;
	float: right;
	padding-left: 10px;
	min-height: 500px;
}
#main-body-profiles {
	text-align: center;
	display: block;
	width: 383px;
	float: left;
	min-height: 500px;
	padding-bottom: 20px;
}
#work-thumbnails {
	margin-bottom: 20px;
	height: 200px;
}
#work-thumbnails img {
	padding-right: 5px;
}
#work-text {
	clear: both;
	padding-left: 110px;
}
#contact-txt {
	clear: both;
	padding-left: 30px;
	padding-right: 10px;
}
div#navigation div#contact-txt img {
	display: inline;
	margin-right: 15px;
}
div#navigation img.profiles {
	padding-bottom: 3px;
	padding-top: 12px;
}
div#navigation img.pantone {
	padding: 0px 0px 10px;
	margin-top: -23px;
	margin-left: -20px;
}
#footer {
	margin-top: 30px;
	display: block;
	height: 20px;
	width: 700px;
	background: #D3D0D0;
	clear: both;
}



/*****************************************************
* Lists
*****************************************************/

ul#main-nav {
	display: block;
	height: 130px;
	float: left;
	width: 110px;
	background: #8D8888;
	padding-top: 10px;
}
ul#sub-nav-left {
	display: block;
	height: 130px;
	float: left;
	width: 104px;
	background: #AAA5A5;
	padding-top: 10px;
}
ul#sub-nav-right {
	display: block;
	height: 130px;
	float: left;
	width: 103px;
	background: #AAA5A5;
	padding-top: 10px;
}
ul#sub-nav-right-testimonials {
	display: block;
	height: 130px;
	float: left;
	width: 103px;
	background: #AAA5A5 url(../images/testimonials-illy.gif) no-repeat 32px 27px;
	padding-top: 10px;
}
ul#main-nav li a,
ul#main-nav li a:visited {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 5px 3px 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	display: block;
}
ul#main-nav li.selected a,
ul#main-nav li.selected a:visited {
	font-size: 11px;
	color: #4F4D4D;
	text-decoration: none;
	font-weight: bold;
	padding: 3px 5px 3px 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	display: block;
}
ul#sub-nav-right li a,
ul#sub-nav-right li a:visited,
ul#sub-nav-left li a,
ul#sub-nav-left li a:visited {
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
	padding: 3px 5px 3px 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	display: block;
}
ul#main-nav li a:hover,
ul#sub-nav-left li a:hover,
ul#sub-nav-right li a:hover {
	color: #CCCCCC;
}
ul#sub-nav-right li.selected a,
ul#sub-nav-right li.selected a:visited,
ul#sub-nav-left li.selected a,
ul#sub-nav-left li.selected a:visited {
	font-size: 11px;
	color: #4F4D4D;
	text-decoration: none;
	font-weight: normal;
	padding: 3px 5px 3px 12px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 14px;
	display: block;
}
ul#number-nav {
	display: block;
	width: 207px;
	margin-top: 8px;
	margin-left: 110px;
}
	ul#number-nav li {
		float: left;
		font-family: Arial, Helvetica, sans-serif;
		width: 20px;
		height: 20px;
		text-align: center;
		color: #D7D7D7;
		font-weight: bold;
		font-size: 15px;
		line-height: 15px;
	}
		ul#number-nav li a,
		ul#number-nav li a:visited {
			color: #8D8888;
			text-decoration: none;
		}
		ul#number-nav li a:hover {
			color: #4F4D4D;
		}
		ul#number-nav li.selected a,
		ul#number-nav li.selected a:visited {
			color: #0BAAB4;
		}
ul#profiles-thumbs {
	display: block;
	width: 383px;
	margin-top: 105px;
	padding-bottom: 30px;
	height: 74px;
}
	ul#profiles-thumbs li {
	float: left;
	padding-right: 3px;
	}
	ul#profiles-thumbs li.profileright {
	padding-right: 0px;
	}



/*****************************************************
* Forms
*****************************************************/