/*
Name: 
Version: 1.0
*/

/****** RESET ******/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
											{margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section 
											{display: block;}
body 										{line-height: 1;}
ol, ul 									{list-style: none;}
blockquote, q 							{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after
											{content: ''; content: none;}
table 									{border-collapse: collapse; border-spacing: 0;}


/****** CLEARFIX ******/

.clearfix:before, .clearfix:after{content: ''; display:table;}
.clearfix:after 						{clear:both;}
.clearfix 								{zoom:1;}


/****** TYPOGRAPHY ******/

 @font-face 							{font-family: 'MotivaSans-BoldItalic';src: url('../fonts/2338D3_0_0.eot');src: url('../fonts/2338D3_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2338D3_0_0.woff') format('woff'),url('../fonts/2338D3_0_0.ttf') format('truetype');}
 
  
 @font-face 							{font-family: 'MotivaSans-LightItalic';src: url('../fonts/2338D3_1_0.eot');src: url('../fonts/2338D3_1_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2338D3_1_0.woff') format('woff'),url('../fonts/2338D3_1_0.ttf') format('truetype');}
 
  
 @font-face 							{font-family: 'MotivaSans-RegularItalic';src: url('../fonts/2338D3_2_0.eot');src: url('../fonts/2338D3_2_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2338D3_2_0.woff') format('woff'),url('../fonts/2338D3_2_0.ttf') format('truetype');}
 
  
 @font-face 							{font-family: 'MotivaSans-Regular';src: url('../fonts/2338D3_3_0.eot');src: url('../fonts/2338D3_3_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2338D3_3_0.woff') format('woff'),url('../fonts/2338D3_3_0.ttf') format('truetype');}
 
  
 @font-face 							{font-family: 'MotivaSans-Bold';src: url('../fonts/2338D3_4_0.eot');src: url('../fonts/2338D3_4_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2338D3_4_0.woff') format('woff'),url('../fonts/2338D3_4_0.ttf') format('truetype');}
 
  
 @font-face 							{font-family: 'MotivaSans-Light';src: url('../fonts/2338D3_5_0.eot');src: url('../fonts/2338D3_5_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2338D3_5_0.woff') format('woff'),url('../fonts/2338D3_5_0.ttf') format('truetype');}


/****** GENERAL ******/

body 										{background: url(../images/background_tree.jpg) 0 0 no-repeat; color: #333; font: 62.5%/1.6em Helvetica, Arial, sans-serif; font-weight: normal;}

.hidden 									{display: none;}
.textright								{text-align: right;}

h1											{background: url(../images/main_squeeze_logo.png) right 0 no-repeat; display: block; top: 0; left: 0; height: 128px; width: 100%; text-indent: -9999px; min-width: 1080px;}
h2											{height: 90px; text-indent: -9999px;}
h2.header_home							{background: url(../images/header_home.png) 0 0 no-repeat;}
h2.header_products					{background: url(../images/header_products.png) 0 0 no-repeat;}
h2.header_orange						{background: url(../images/header_orange.png) 0 0 no-repeat;}
h2.header_apple						{background: url(../images/header_apple.png) 0 0 no-repeat;}
h2.header_dyk							{background: url(../images/header_dyk.png) 0 0 no-repeat;}
h2.header_contact						{background: url(../images/header_contact.png) 0 0 no-repeat;}

h3											{text-transform: uppercase;}
.products h3							{padding-top: 32px; clear: both;}

p, h3, address, td, th				{font-size: 14px; line-height: 16px; margin: 0 0 14px; font-family: 'MotivaSans-Light', Helvetica, Arial, sans-serif;}
td, th									{text-align: left;}
td											{vertical-align: bottom;}

a:link, a:visited						{color: #333; text-decoration: none;}
a:hover, a:active						{color: #000;}
a.orangelink, a.applelink			{font-weight: bold;}
a.orangelink							{color: #f5a046;}
a.applelink								{color: #a7c338;}
a.orangelink:hover					{color: #d4851e;}
a.applelink:hover						{color: #6aa642;}


#wrapper 								{position: relative; width: 720px; margin: 0; padding: 12px 30px 50px 330px;}


/****** NAVIGATION ******/

nav										{position: absolute; top: 280px; left: 3px; height: 225px; width: 207px;}
nav ul li a								{background: url(../images/nav_sprite.png) 0 0 no-repeat; display: block; width: 207px; outline: none; text-indent: -9999px;}
nav ul li a#nav_home					{background-position: 0 0; height: 55px;}
nav ul li a#nav_home:hover, nav ul li.active a#nav_home
											{background-position: 0 -225px;}
nav ul li a#nav_products			{background-position: 0 -55px; height: 52px;}
nav ul li a#nav_products:hover, nav ul li.active a#nav_products
											{background-position: 0 -280px;}
nav ul li a#nav_dyk					{background-position: 0 -107px; height: 70px;}
nav ul li a#nav_dyk:hover, nav ul li.active a#nav_dyk
											{background-position: 0 -332px;}
nav ul li a#nav_contact				{background-position: 0 -177px; height: 48px;}
nav ul li a#nav_contact:hover, nav ul li.active a#nav_contact
											{background-position: 0 -402px;}

nav ul li a#nav_lang					{background: url(../images/language_sign.png) 37px 0 no-repeat; display: block; height: 34px; width: 207px; outline: none; text-indent: -9999px; margin-top: 28px;}


/****** CONTENT ******/

#content									{background: url(../images/delicious_fresh_juices.png) right 0 no-repeat; padding: 125px 30px 0 0; position: relative;}

article									{width: 440px; float: right;}
div.column								{width: 205px; margin: 0 15px 0 0; float: left;}

aside										{width: 218px; float: left; position: fixed; top: 265px;}
aside img								{display: block; float: right; margin-top: -38px;}

a.backtoproducts						{display: block; font-size: 14px; line-height: 16px; margin: 0 0 14px; font-family: 'MotivaSans-Light', Helvetica, Arial, sans-serif; position: absolute; left: 250px; top: 92px;}

table										{border: none;}
table tr th.title						{width: 180px;}
table tr th.per100					{width: 110px;}
table tr th.perserving				{width: 150px;}
