/*-----------------------------------------------------------*/
/* Pepsico Annual Report 2011 main stylesheet
/*-----------------------------------------------------------*/

@charset "UTF-8";

/*css reset*/
html, body, div, span, hb1, hb2, hb3, hb4, hb5, hb6, blockquote, p, a, img, header, footer, nav, section, article, aside {margin:0; padding:0; border:none; outline:none; font-weight:normal; font-size:100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section	{display:block;
}
/*end css reset*/

/*-----------------------------------------------------------*/
/* General Styling
/*-----------------------------------------------------------*/

body	{font-family:Arial, sans-serif; font-size:12px; background:#e1e1e1; color:#4b4b4b; line-height:1;
}

hb1, hb2, hb3, hb4, hb5, hb6	{color:#0c2d83; font-weight:bold; line-height:normal;font-family:Arial, sans-serif;
}

hb1	{font-size:18px;
}

hb2	{font-size:16px;
}

hb3	{font-size:14px;
}

hb4	{font-size:12px;
}

hb5	{font-size:12px;
}

hb6	{font-size:12px;
}
	
a:link, a:visited	{color:#0c2d83; text-decoration:underline;
}

a:focus, a:hover, a:active	{color:#061e5e;
}

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

blockquote	{font-style:italic; padding:5px 5px 0px; margin:0 20px; text-align:justify;
}

label	{vertical-align:middle;
}

input[type=submit]	{letter-spacing:1px; background:#0c2d83; color:#ffffff; border:none; padding:5px 10px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -webkit-appearance: none;
}

input[type=submit]:hover	{background-color:#061e5e; cursor:pointer;
}

.clearfix	{display:block; clear:both;
}
/**/

#wrap	{width:960px; margin:auto; z-index: 1;
}
p, li {	line-height: 20px;
}

/*-----------------------------------------------------------*/
/* Header
/*-----------------------------------------------------------*/

#header	{width:960px; height:80px; position:fixed; margin:0 auto 10px; -moz-border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px; border-radius:0 0 15px 15px; -moz-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2); box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2); z-index:9999;
	background-color: #0c2d83;
}

#header-logo	{display:block; float:left; text-indent:-9999px; width:128px; height:30px; background:url('images/logo.png') no-repeat; margin:11px 0 0 14px;
}

#header-tagline	{display:block; float:left; margin:26px 0 0 41px;
}

/*menu*/

#header-menu	{list-style:none; margin:52px 0 0 0; padding:0; float:right;
}

#header-menu li	{display:block; float:left; line-height:1; margin-right:24px;
}

#header-menu li a	{color:#fff; text-decoration:none;
}

#dropdown-menu-container	{display: block; width:960px; margin: 0 auto; padding: 0; position:fixed; top:90px; z-index:999; overflow: hidden;
}

#dropdown-menu-contents		{display:block; width:920px; margin-bottom: 10px; padding: 12px 20px 15px 20px; background:#fff; z-index:999; overflow:hidden; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; -moz-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2); box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2);
}

#dropdown-menu	{list-style:none; margin:0 20px 0 0; padding:0; width:320px; float:right;
}

#dropdown-menu li	{display:block; float:left; width:160px; line-height:2.4em;
}

#dropdown-menu li a	{text-decoration:none;
}
#dropdown-menu li a:hover { color:#000;
}

#menu-trigger	{position:relative;
}

.menu-arrow	{position:absolute; top:16px; left:11px; width:9px; height:6px; background:url('images/arrow-down.png') no-repeat;
}

/*search */
#site_searchForm_search.sitesearch { position: absolute; top: 12px; left: 754px;
}
#site_searchFrom_searchInput_search	{background: #2a4792 !important; padding:0 4px; border: none; color: #FFF; height: 27px; line-height: 27px; float: left; width: 150px;
}
#site_searchForm_submitBtn_search { background: #2a4792 url(images/search_glass.gif) no-repeat center center; height: 27px; width: 27px; overflow: hidden; text-indent: -99em; text-transform: uppercase; float: left;
	-moz-border-radius:		0;
	-webkit-border-radius:	0;
	border-radius:0;
}

.gsc-control-cse, .gsc-control-cse .gsc-table-result	{width:920px !important;
}

.cse .gsc-control-cse, .gsc-control-cse	{padding:20px !important; border:none !important; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; -moz-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2); box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2);
}

/*-----------------------------------------------------------*/
/* Grid
/*-----------------------------------------------------------*/

#grid-container	{padding:90px 0 30px; width:961px; position:relative;
}

#grid-container-overlay	{width:100%; height:100%; position:absolute; top:0; left:0; background:transparent; z-index:200;
}

.grid-box	{z-index: 300; float:left; background:#fff; margin:0 10px 10px 0; padding:10px; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; -moz-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2); box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2); position:relative;
}
.box-expanded { overflow: visible !important; z-index: 500;
}

.grid-box.row-end	{margin-right:0;
}

.grid-box.row-start	{clear:left;
}

.grid-box-overlay	{display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:url('images/grid/overlay-bg.png') repeat; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; z-index:200;
}

.grid-box-overlay .read-more	{display:block; width:178px; height:56px; margin:auto; text-indent:-9999px; background:url('images/grid/read-more.png') no-repeat; position:relative;
}

.grid-box-overlay .read-more:hover	{background:url('images/grid/read-more-on.png') no-repeat;
}

.full-width	{width:940px;
}

/*boxes*/
#grid-box1	{width:700px;
}

#grid-box2	{width:210px;
}

#grid-box3	{width:210px;
}

#grid-box4	{width:215px;
}

#grid-box5	{width:455px;
}

#grid-box6	{width:455px;
}

#grid-box7	{width:455px;
}

#grid-box8 {width:455px;
}

#grid-box9 {width:215px;
}

#grid-box10 {width:210px;
}

/*rows*/
.grid-row1	{height:280px;
}

.grid-row2	{height:380px;
}

.grid-row3	{height:442px;
}

.grid-row4	{height:315px;
}

/*images*/

.grid-img	{width:100%; height:100%; overflow:hidden; position:relative; z-index:99;
}

.grid-img img	{position:absolute;
}

#grid-box1 .grid-img img	{top:0; left:0; width:700px; height:441px
}

#grid-box2 .grid-img img	{top:0; left:-88px; width:403px; height:441px; 
}

#grid-box3 .grid-img img	{bottom:0; left:-26px; width:262px; height:402px;
}

#grid-box4 .grid-img img	{top:-65px; left:-116px; width:454px; height:451px;
}

#grid-box5 .grid-img img	{top:-45px; left:-30px; width:574px; height:440px; 
}

#grid-box6 .grid-img img	{top:0; left:0; width:482px; height:442px; 
}

#grid-box7 .grid-img img	{top:-11px; left:-27px; width:545px; height:453px; 
}

#grid-box8 .grid-img img	{bottom:0; left:0; width:455px; height:375px; 
}

#grid-box9 .grid-img img	{top:-127px; left:-333px; width:636px; height:537px;
}

#grid-box10	 .grid-img img	{top:-130px; left:-162px; width:574px; height:537px;
}

/*text*/

.grid-txt	{z-index:100;
}

#grid-box1 .grid-txt	{position:absolute; top:68px; left:302px;
}

#grid-box2 .grid-txt	{text-align:center; position:relative; top:-80px;
}

#grid-box3 .grid-txt	{position:absolute; top:54px; left:54px;
}

#grid-box4 .grid-txt	{text-align:center; position:relative; top:-65px;
}

#grid-box5 .grid-txt	{position:absolute; top:36px; left:43px;
}

#grid-box6 .grid-txt	{text-align:center; position:relative; top:-395px;
}

#grid-box7 .grid-txt	{position:absolute; top:38px; left:38px;
}

#grid-box8 .grid-txt	{position:absolute; top:178px; left:68px;
}

#grid-box9 .grid-txt	{text-align:center; position:relative; top:-63px;
}

#grid-box10 .grid-txt	{text-align:center; position:relative; top:-63px;
}

/*-----------------------------------------------------------*/
/* Column
/*-----------------------------------------------------------*/

#content-container	{padding:30px 0 25px; width:961px; position:relative;
}
.content-box {
	float:none;
	background:#fff;
	;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	-moz-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2);
	box-shadow:4px 4px 4px rgba(0, 0, 0, 0.2);
	position:relative;
}
.sidebar { margin:0 10px 10px 0; padding:15px; width: 190px;
}
.sidebar h3 { background: #0c2d83; color: #fff; font-size: 12px; font-weight: normal; padding: 0 10px; height: 25px; line-height: 25px;
}
.sidebar ul { padding: 5px 0px 0 15px; margin: 0; list-style: none;
}
.sidebar li a { height: 25px; line-height: 25px; text-decoration: none; color: #4b4b4b;
}
.sidebar li a:hover { text-decoration: underline;
}
.sidebar li a.hot, .sidebar li a:hover { color: #0c2d83;
}
.contents {
	padding:5px;
	width: 900px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
.contents .content { width: 850px; margin: 50px auto;
}

.footer { height: 100px; z-index: 1001; display: block; position: relative;
}
.footer ul { list-style: none; margin: 0; padding: 0;
}
.footer li { float: left; padding-right: 20px; line-height: 60px;
}
.footer li, .footer a { text-decoration: none; color: #646464;
}
.footer a:hover { text-decoration: underline;
}

.addthis_toolbox { height: 100px; float: right; margin-top: 20px;
}
.addthis_toolbox  div { float: left; line-height: 18px;
}