@charset "utf-8";
/* CSS Document */

html,body{
	height:100%;
	margin:0;
	padding:0;
	
}


body{
	background:#7dd4f7;
	text-align:left;
	min-width:939px;
	min-height:626px;
}



#wrapper {
overflow:hidden;
margin:auto;
width:939px;
border-width: 1px; 
border-style: solid; 
border-color: #CCC; 
background-color:#FFF;
}

#cartpage {
	margin-left:240px;
}
#menu {
	position:relative;
	top:190px;
	left:-20px;
}

#menu a {
text-decoration:none;
color:#4b382f;
line-height:46px;
font-size:22px;

}

#menu li { 
 	  
	  background:transparent url(images/buttons.jpg) no-repeat top left;
	  list-style-type:none; 
	  display:inline;
	  text-align:center;
	 
	  } 

	  
#menu li a span {
    background:transparent url(images/navsprite.png) no-repeat right top;
    display:inline;
    float:left;
    height:45px;
	width:133px;
    padding:0px 0px 0 0;
    margin-left:10px;
    cursor:pointer;
}
 
#menu li a:hover {
    background-position:0px bottom; 

}
 
#menu li a:hover span {
    background-position:right bottom;
	
}
	
body#home #menu li a#homenav span,
body#friends #menu li a#friendsnav span,
body#contact #menu li a#contactnav span,
body#order #menu li a#ordernav span
{
background-position:right bottom;
}

#friendsleft{
	background-color:#acd700;
	background-image:url(images/greengradient.png);
	background-repeat:repeat-x;
	float:left;
	width:250px;
	height:2000px;
}

#friendsleft a{
	text-decoration:none;
	font-family: 'Istok Web', sans-serif;
	color:#FFFFFF;
	font-weight:bold;
}

#friendsleft a:hover{
	text-decoration:none;
	font-family: 'Istok Web', sans-serif;
	color:#4b382f;
	font-weight:bold;
}

#friendsleft ul{
	list-style: none;
}

#contenthome{
background-color:#87a800;
background-image:url(images/greengradientmiddle.png);
background-repeat:repeat-x;
height:260px;
}



#tophometext{
	float:left;
	padding:20px 0 0 35px ;
}

#tophometext p{
	line-height:175%;
	font-size:18px;
	font-weight:bold;
}

#bar{
	position:relative;
	left:-30px;
}
#topbar{
	background-image:url(images/topbar.png);
	background-repeat:no-repeat;
	height:296px;
	margin-bottom:30px;
}

#pagecontent{
	padding:50px 30px 0 30px;
	position:relative;
	top:-50px;
}

#frontpagepacs{
	float:right;
	margin-right:50px;
}

#runningman{
	float:right;
	position:relative;
	top:-65px;
	left:-100px;
}


#twitter {
	margin-top:-50px;
	margin-left:10px;
	border : none;
}

#facebook {
	margin-top:9px;
	margin-left:230px;
	border : none;
}

#cartlogo {
	margin-top:0px;
	margin-left:840px;
	border : none;
}

#numitems {
	background-image:url(images/numitems.png);
	background-repeat:no-repeat;
	height:23px;
	width: 23px;
	margin-top:170px;
	margin-left:900px;
	color:#FFF;
	padding:3px 0 0 7px;
	font-weight:bold;
}

p,ul,li{
color:#4b382f;
font-size:16px;
}

h1 {
color:#f44821;
font-size:24pt;
}

h2 {
color:#f44821;
font-size 14pt;
font-family: 'Istok Web', sans-serif;
}

h3{
color:#f44821;
margin-top:0;
margin-bottom:0;
font-family: 'Istok Web', sans-serif;
}

h4{
color:#f44821;
margin-top:0;
margin-bottom:0;
font-family: 'Istok Web', sans-serif;
}


Contact
*/




#contact-area {
	width: 600px;
	margin-top: 25px;

}

#submitbutton {
	
	width: 100px;
	margin-top: 25px;
	margin-left:50px;
}


#contact-area input {
	padding: 5px;
	width: 250px;
	font-family: Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

, #contact-area textarea {
	padding: 5px;
	width: 450px;
	font-family: Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}
#contact-area textarea {
	height: 180px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {

	float: left;
}

#contact-area label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.1em;
}

.shippinginfo label {
	width:900px;
}
.shippinginfo em { 
	font-weight: bold; 
	padding-right: 1em; 
	vertical-align: top;
}

.shippinginfo * { 
	font-family: Verdana; 
	font-size: 96%;
}

.shippinginfo {
	float:left;
	margin-left:75px;
}

div.floatleft
{
  background-color:#CCCC00;
  float: left;
  padding:5px;
}

div.shipleft
{
  float: left;
}


div.billright
{
  float: right;
}

div.floatcenter
{

  background-color:#FFFFFF;
  float: left;
  padding:5px;
}

div.floatright
{
  background-color:#CCCC00;
  float: right;
  padding:5px;
}

#fb{
position:absolute;
top:80px;
z-index:3;
}

#nothing{
position:absolute;
top:80px;
z-index:4;
}



.ordertabimg{
	padding :10px 0 0 0 ;
}

#twitter{
position:absolute;
top:76px;
z-index:2;
}


#top{
position:relative;
top:0px;
left:0px;
height:180px;
width:939px;
z-index:0;

}

#greenbackground{
	padding:20px 0 0 0 ;
	background-color:#acd700;
	background-image:url(images/greengradient.png);
	background-repeat:repeat-x;
}

.hoverme {
opacity:1;
filter:alpha(opacity=1);
width:141px;
height:138px;
 }
 
 .tileMe li {
    display: inline;
	list-style-type:none;
    float: left;
	padding:5px;
	width:267px;
	height:420px;
	font-size:20px;
	line-height:17px;


}

 .tilefriends li {
    display: inline;
	list-style-type:none;
    float: left;
	padding:5px;
	width:310px;
	

}

.descrip {
	;
}

#ordertabs{
width:900px;
float:left;
background-color:#acd700;
background-image:url(images/greengradient.png);
background-repeat:repeat-x;
}

#dino{
float:right;
position:relative;
top:-175px;
}

#cart{
position:relative;
right:50px;
top:40px;
}


#lowerright{
position:relative;
right:0px;
}

#lowerright a:link,a:visited,a:active{
text-decoration: none;

}

#lowerright a:hover{
text-decoration: underline; 
color: red;
}

#shipping{
float:right;
}

#mattcomments{
padding: 10px 0px 0px 30px;
}

#mattcomments a{
color:#FFFFFF;
}

#mattcomments a:hover{
text-decoration: underline; 
color: red;
}

input.invalid {
	background-color: #FF9;
	border: 2px red outset;
}

label.invalid {
	color: #F00;
	font-weight: bold;
}

#constraincart {
height:330px;
overflow: auto;
}

#footer{
	clear:both;
}

#cart-icon {
	position:relative;
	left:750px;
	
}

#cart-icon a{
	border : none;
}

#nutritionalinfo{
	position:relative;
	top:-180px;
}

#whole9{
	position:relative;
	left:250px;
	top:-85px;}