﻿/*
Css 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 auto;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	
	background:url("../images/carton_bg.png") repeat-x;
	background-color:#003839;
	
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
	outline:none;
	text-decoration:none;
}
ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#all{
	width:931px;
	min-width:931px;
	margin:0px auto;
	min-height:500px;
	
}
#carton_top{
	width:931px;
	height:887px;
	background:url("../images/carton_main.jpg") repeat-x;
}
#header_carton{
	width:804px;
	height:169px;
	background:url("../images/header_c.png") repeat-x;
	float:right;
	margin:20px 60px auto;
	position:relative;
	z-index:300;
}
#title_one{
	width:190px;
	position:absolute;
	top:25px;
	right:32px;
	color:#000;
	font:20px BYekan,tahoma;
}
#title_two{
	width:245px;
	position:absolute;
	top:50px;
	right:32px;
	color:#006F22;
	font:33px BYekan,tahoma;
}
.top_menu{
	color:#006D1E;
	font:22px BYekan,tahoma;
	position:absolute;
	left:347px;

}
.top_menu a{
	color:#006D1E;
	transition: color 0.2s;
	-webkit-transition: color 0.2s;
	-ms-transition: color 0.2s;
	-webkit-transition: color 0.2s;
}
.top_menu a:hover{
	color:#502075;
}
#home{
	top:10px;
	
}

#about{
	top:85px;
}
#about_us{
	top:48px;
}
#contact_us{
	top:126px;
}
#slide_show_c{
	width:753px;
	height:444px;
	position:relative;
	top:15px;
}
#main_content{
	width:918px;
	height:423px;
	position:relative;
	background:url("../images/cartons_under.png") ;
	top:319px;
}
#cartons{
	width:790px;
	height:195px;
	
	position:relative;
	top:-74px;
}
.cartons{
	width:260px;
	height:100%;
	float:right;
	
	
	position:relative;
}
#car_gal_b{
	background-position:260px 0px;
}
#car_pro_b{
	background-position:520px 0px;
}
#car_com_b{
	background-position:0px 0px;
}
.top_box{
	width:100%;
	height:89px;
	background:url("../images/top_box.png");
	position:absolute;
	
	z-index:1;
}
.bot_box{
	width:100%;
	height:135px;
	background:url("../images/bot_box.png");
	position:absolute;
	z-index:3;
	
	top:59px;
}
.text{
	width:175px;
	height:145px;
	position:absolute;
	top:9px;
	left:42px;
	z-index:2;
	background:url("../images/text.png") repeat-x;

	
}
#gal_text{
	background-position: 155px 65px;
	transition: background-position 0.5s;
	-webkit-transition: background-position 0.5s;
	-moz-transition: background-position 0.5s;
}
#pro_text{
	background-position: 331px 65px;
	transition: background-position 0.5s;
	-webkit-transition: background-position 0.5s;
	-moz-transition: background-position 0.5s;
}
#com_text{
	background-position: -1px 65px;
	transition: background-position 0.5s;
	-webkit-transition: background-position 0.5s;
	-moz-transition: background-position 0.5s;
}
#about_title_one{
	position:absolute;
	top:213px;
	right:78px;
	color:#012021;
	font:18px BYekan,tahoma;
}
#about_title_two{
	width:800px;
	position:absolute;
	top:245px;
	right:78px;
	color:#fff;
	font:15px/29px BYekan,tahoma;
	text-align:justify;
}
#continue{
	position:absolute;
	top:390px;
	left:45px;
	color:#003839;
	font:18px BYekan,tahoma;
}
#footer_c{
	width:100%;
	height:142px;
	
	position:relative;
	top:319px;
}
#pedro_logo{
	width:292px;
	height:42px;
	position:absolute;
	top:77px;
	left:12px;
}
#footer_menu{
	width:800px;
	height:50px;
	font:14px BYekan,tahoma;
	position:absolute;
	top:74px;
	right:10px;
}
#footer_menu a{
	float:right;
	margin-right:10px;
	color:#49BA9C;
	font:13px BYekan;
	display:block;
	text-shadow: 2px 1px 1px #012021;
}
#footer_menu a:hover{
	color:#155E53;
}
.slash{
	float:right;
	margin-right:5px;
	color:#49BA9C;
}

