/*   

Theme Name: AEC Packaging America

Theme URI: 

Description: A website special design for caragena.com. Design by PCT Internal Team, copyrighted.

Author: PCT -- Production --

Version: version 1

/*********** Begin Sturcture **********/

.hiddenpic {display:none;}

body {
	font-family: "Arial", Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	line-height:18px;
	margin:0 auto;
	background:url(img/general/body-shadow.jpg) no-repeat center -2px;
}

body#body-shadow {
	font-family: "Arial", Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	line-height:18px;
	margin:0 auto;
	background:url(img/general/body-shadow02.jpg) no-repeat center 0px;
}

body#body-shadow02 {
	font-family: "Arial", Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	line-height:18px;
	margin:0 auto;
	background:url(img/general/body-shadow03.jpg) no-repeat center 0px;
}

body#body-event {
	font-family: "Arial", Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	line-height:18px;
	margin:0 auto;
	background:none;
}



h2 {
   font-family: Georgia, "Times New Roman", Times, serif;
   margin:0 0 20px 0;
   outline:none;
   font-weight:blod;
   color:#0075af;
   font-size:18px;

   }

#title-bg {
width:511px;
height:41px;
padding:8px 0 0 70px;
}


h3 {
   font-size:12px;
   	font-family: "Arial", Helvetica, sans-serif;
   color:#000000;
   font-weight:bold;
   margin:0 0 0 0;
   padding:10px 0 0 20px;
   background:url(img/page/product/title-bg.png) no-repeat;
   width:208px;
   height:28px;
   }
   
h4 {
   font-family: Arial, Helvetica, sans-serif;
   font-size:16px;
   margin:0;
   padding:0;
      font-weight:blod;
   }

h5 {
   font-size:12px;
   font-weight:bold;
   color:#4e4027;
   font-family: "Arial", Helvetica, sans-serif;
   margin:0;
   padding:0px 0 0 0;
   }
   
p {
   font-size:12px;
   color:#000000;
   margin:0;
   padding:0;
   line-height:18px;
   text-align:justify;
   }   

a {
   outline:none;
   text-decoration:none;
   color:#000000;
   }

img {
outline:none;
border:none;
}

#page-footer {
clear:both;
height:50px;
}
/************ Begin Header ************/
#home-header {
background:url('img/header/header-bg.jpg');
width:960px;
height:298px;
margin:0 auto;
}

#header-bg {
height:241px;
}

#header-bg02 {
background:url('img/header/page-header-bg02.png');
height:241px;
width:1140px;
margin:0 auto;
}

#page-header {
background:url('img/header/header-bg.png');
width:960px;
height:130px;
margin:0 auto;
}
	
#logo {        
		padding:10px 0 0 0;
}

#logo a img{
        outline:none;
		border:none;
}


#flash {
padding:0 0 0 10px;
	  }

	  
#banner img{
margin:0px 0 0 0;
}

#preload {
	display:none;
}

/************ End Header ************/

/*********** Begin NAV **********/
#menu{
	position:relative;
}

#flash-btn {
	position:absolute;
	top:135px;
}

#menu a p{
	width:140px;
	font-family:Tw Cen MT Condensed;
font-size:24px;
float:left;
text-align:center;
background:url(img/nav/nav.png);
height:34px;
padding:15px 0 0 0;
margin:0px 0 0 10px;
}

#menu a p:hover{
	width:140px;
	font-family:Tw Cen MT Condensed;
font-size:24px;
float:left;
color:#ffffff;
text-align:center;
background:url(img/nav/nav-hover.png);
height:34px;
padding:15px 0 0 0;
margin:0 0 0 10px;
}
/*********** End NAV ***********/	
/*********** Begin home-banner *********/
#home-banner {
	padding:20px 25px 0 0;
}

#nav-sidebar{
margin:20px 0 0 0;;
padding:0;
list-style:none;
float:left;
width:157px;
}

#nav-sidebar a p{
	width:117px;
	font-family:Tw Cen MT Condensed;
font-size:24px;
background:url(img/sidebar/nav02.png);
height:23px;
padding:15px 0 10px 40px;
margin:0;
}

#nav-sidebar a p:hover{
	width:117px;
	font-family:Tw Cen MT Condensed;
font-size:24px;
color:#ffffff;
background:url(img/sidebar/nav02-hover.png);
height:23px;
padding:15px 0 10px 40px;
margin:0;
}

#home-flash {
	float:right;
}

#page-banner {
	padding:20px 25px 0 0;
	width:935px;
	height:300px;
}

#banner-right {
	float:right;
}
/*********** End NAV ***********/	 

/*********** Begin Homepage **********/
#wrap {
width:960px;
margin:0 auto;
}

#main {
width:960px;
margin:0 auto;
}

#home {
width:960px;
margin:0 auto;
height:656px;
background:url('img/general/body-bg.jpg') no-repeat;
}

#home .content-layout01{
width:410px;
padding:20px 0px 0 30px;
float:left;
}

#home .content-layout01 img{
	float:left;
	margin:0 0 0 10px;
}

#home .content-layout02{
width:421px;
height:259px;
background:url('img/page/home/content-bg.png');
padding:20px 30px 0 30px;
margin:20px 30px 0 0;
float:right;
}

#home .content-layout02 p.home-title01 {
	font-family:Myriad Pro;
	font-weight:bold;
	font-size:24px;
}

#home .content-layout02 p.home-title02 {
	font-family:Verdana;
	font-weight:bold;
	font-size:26px;
	margin:10px 0 15px 0;
	color:#0c4b77;
}

#home .content-layout02 span.home-title03 {
	font-weight:bold;
	margin:5px 0 0 0;
	color:#50031e;
}

#home .content-layout02 #more {
	margin:30px 0 0 0;
}

#home .content-layout02 #more a p{
	background:url(img/page/home/more-btn.png);
	padding:10px 0 7px 30px;
	width:115px;
	color:#ffffff;
}


#home .content-layout02 #more a p:hover{
	background:url(img/page/home/more-hover.png);
	color:#ffae00;
}

/*********** End Homepage ***********/	 

/*********** Begin Page ***********/	 
#main-page {

}

#page {
width:960px;
margin:0 auto;
height:906px;
background:url('img/general/body-bg02.jpg') no-repeat;
}

#page #page-content {
	padding:0px 36px 0 36px;
}

#page #page-content #page-bg-top {
	background:url(img/page/page-top.png);
	width:886px;
	height:29px;
}

#page #page-content #page-bg-bottom {
	background:url(img/page/page-bottom.png);
	width:886px;
	height:15px;
}

#page #page-content #page-bg-center {
	background:#ffffff;
		width:852px;
		padding:5px 15px 5px 19px;
}

#page #page-content #page-bg-center #page-content-layout{
	width:828px;
	height:500px;
	overflow-y:scroll;
	margin:-6px 0 0 0;
	padding:15px 22px 0 0;
}


/*********** End Page ***********/	 	 

/********** Begin Sidebar **********/

/*********** End Sidebar ***********/	 
/********** Begin Footer **********/

#footer {
	margin:0 auto;
	clear:both;
	background:url('img/footer/footer-bg.jpg');
	height:105px;
	}

#footer-layout {
     width:960px;
	 margin:0 auto;
	 padding:20px 0 0 0;
	 }

#footer-layout p {
float:right;
width:500px;
font-size:10px;
text-align:right;
color:#494848;
margin:0 25px 0 0;
}
	 
#footer-layout img{
float:left;
padding:0 0 0 0;
}

#footer-layout ul{
list-style:none;
margin:0 0 5px 0;
width:920px;
height:30px;
font-size:12px;
}


#footer-layout ul li{
float:left;
margin:8px 0 0 0;
border-left:1px solid #5c5c5c;
line-height:10px;
}

#footer-layout ul li.footer-home-btn{
float:left;
margin:8px 0 0 80px;
border-left:none;
line-height:8px;
}

#footer-layout ul li a{
padding:0 15px 0 15px;

}

#footer-layout ul li a:hover{
color:#0075af;
}

/********* End Footer ******/

/*********** Begin Company ***********/	 
#company {
	width:768px;
	border:1px solid #dceaee;
	padding:20px 20px 0;
}

#company img {
	margin:15px 0 15px 0;
}
/*********** End Company ***********/	

/*********** Begin Product ***********/	 
#page-product {
width:960px;
margin:0 auto;
height:1107px;
background:url('img/general/body-bg03.jpg') no-repeat;
}

#page-product #page-content {
	padding:0px 36px 0 36px;
}

#page-product #page-content #page-bg-top {
	background:url(img/page/page-top.png);
	width:886px;
	height:29px;
}

#page-product #page-content #page-bg-bottom {
	background:url(img/page/page-bottom.png);
	width:886px;
	height:15px;
}

#page-product #page-content #page-bg-center {
	background:#ffffff;
		width:852px;
		padding:5px 15px 5px 19px;
}

#page-product #page-content #page-bg-center #page-content-layout{
	width:828px;
	height:680px;
	overflow-y:scroll;
	margin:-6px 0 0 0;
	padding:15px 22px 0 0;
}
/*********** End Product ***********/	 	 

/*********** Begin Boxes ***********/
#product .content-layout01 {
	padding:15px 15px 0;
	border:1px solid #dceaee;
}

#product .content-layout01 p{
	margin:0 0 20px;
}

#product .content-layout02 {
	width:247px;
	margin:20px 0 0 0;
	float:left;
}

#product .content-layout02 ul{
	padding-top:10px;
	padding-right:10px;
	margin-top:0;
	padding-bottom:15px;
	margin-bottom:15px;
	margin-left:3px;
	background:url(img/page/product/list-bg.jpg) no-repeat bottom #e3e3e3;
	width:172px;
}

#product .content-layout03{
	width:560px;
	margin:20px 0 0 0;
	float:left;
	border:1px solid #dceaee;
}

#product .recommendation {
	background:url(img/page/product/recommend.jpg);
	width:551px;
	height:66px;
	clear:both;
	padding:15px 0 0 260px;
	font-weight:bold;
	color:#ffffff;
}

#product a img {
	margin:20px 400px 20px 0;
	clear:both;
}
/*********** End Boxes ***********/


/*********** Begin Event ***********/	 

.event-page-btn {
	width:215px;
	float:left;
}

.event-page-btn a img {
	margin:0 0 10px 0;
}

.event-page-show {
	width:480px;
	float:left;
}

.event-page-show iframe {
border:none;
}
/*********** End Event ***********/	 


/*********** Begin Contact ***********/	 
#contact .content-layout01 {
padding:10px 0 0 20px;
width:204px;
float:left;
}

#contact .content-layout01 ul {
	list-style:none;
	margin:0 0 20px 0;
	padding:0;
}

#contact .content-layout01 ul li.tel-icon{
	list-style:url(img/page/contact/contact-icon01.jpg);
	margin:0 0 0 30px;
}

#contact .content-layout01 ul li.email-icon{
	list-style:url(img/page/contact/contact-icon02.jpg);
	margin:0 0 0 30px;
}

#contact .content-layout01 img{
	margin:30px 0 0 -26px;
}

#contact .content-layout01 p{
margin:0 0 0px 0;
}

#contact .content-layout02 {
padding:20px 20px 0 20px;
width:530px;
float:right;
border:1px solid #dceaee;
}

#contact .content-layout02 .contact-form {
	margin:20px 0 20px 0;
	height:500px;
}

#contact .content-layout02 .contact-form iframe{
}

/*********** End Contact ***********/	 


/* begin form */
.col {
width:320px;
padding:0 0 0 3px;
height:20px;

}


.col02 {
width:320px;
height:100px;
padding:0 0 0 3px;
margin:10px 0 0 0;

}


/* end form */