/* CSS Document */

/* reset browser styles */
html, body, h1, h2, h3, h4, p, ul, ol {
	margin: 0px;
	}
img {
  border: 0;
}
.clear {clear: both; margin: 0px}
body {
padding-top:1px;
}
/* end reset browser styles */

/*********************/
/* BASIC */
/*********************/

html {
background-image:url(../images/background.jpg);
}

#shaddow{
width:989px;
margin-top:45px;
margin-bottom:0px;
margin-right:auto;
margin-left:auto;
position:relative;
background-image:url(../images/shaddow.png);
background-repeat:repeat-y;
}
#wrapperhome{
border-top:8px solid #00b5cb;
width:961px;
background-color:#FFFFFF;
margin-right:auto;
margin-left:auto;
position:relative;
margin-top:45px;
}

#logo{
position:absolute;
top:-35px;
left:369px;
z-index:100;
}


#wrapperhome #indeximg {
position:relative;
margin-top:35px;
}

#wrapperhome #indeximg #dots {
position:absolute;
right:100px;
bottom:100px;
z-index:15;
}




/*********************/
/* CALLOUTS */
/*********************/

#callout{
display:block;
padding-top:35px;
background-color:#FFFFFF;
float:left;
width:961px;
}

#callout #one{
padding-left:60px;
width:252px;
float:left;
color:#00b5cb;
font-size:18px;
  font-family: franklin-gothic-urw-condensed,sans-serif;
  font-weight:400;
text-transform:uppercase;
text-align:center;
}

.delivery {
color:#e75722;
border-top:1px solid #e75722;
padding-top:10px;
}

#callout #two{
padding-left:60px;
width:242px;
float:left;
 font-family: franklin-gothic-urw-condensed,sans-serif;
  font-weight:400;
  text-transform:uppercase;
}

#callout #three{
padding:0px 20px 0px 60px;
width:223px;
float:left;
}

#callout #three h1{
color:#e75722;
border-top:1px solid #e75722;
font-size:18px;
  font-family: franklin-gothic-urw-condensed,sans-serif;
  font-weight:400;
text-transform:uppercase;
text-align:center;
padding-top:10px;
padding-bottom:10px;
}

/*********************/
/* FOOTER */
/*********************/

#footer{
width:961px;
display:block;
background-color:#7c3520;
margin-top:35px;
float:left;
padding:25px 0px;
}

#footer #left{
margin-left:25px;
background-image:url(../images/monkey-footer.png);
background-repeat:no-repeat;
width:225px;
float:left;
}

#footer #left h1{
color:#FFFFFF;
border-bottom: solid 1px #3c0b04;
font-size:16px;
text-transform:uppercase;
padding-top:10px;
padding-bottom:10px;
text-align:left;
margin-left:115px;
font-family: din-condensed-web,sans-serif;
letter-spacing:1px;
font-weight:normal;
}

#footer #left h1 a:link {
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
}

#footer #left h1 a:hover {
color:#FFFFFF;
font-weight:normal;
text-decoration:underline;
}
#footer #left h1 a:visited{
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
}

#footer #left h1.last{
border-bottom: none;
}

#footer #left h1.last a{
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
}
#footer #left h1.last a:visited{
color:#FFFFFF;
font-weight:normal;
text-decoration:none;
}

#footer #left h1.last a:hover{
color:#FFFFFF;
font-weight:normal;
text-decoration:underline;
}

#footer #right{
float:right;
width:602px;
margin-right:50px;
}

#footer #right h1 {
color:#FFFFFF;
text-transform:uppercase;
font-family: din-condensed-web,sans-serif;
letter-spacing:1px;
font-size:20px;
font-weight:normal;
}


.follow{
font-size:10px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
}

#base{
width:989px;
font-size:10px;
font-family:"Trebuchet MS", helvetica, sans-serif;
	line-height:17px;
	margin-top:0px;
	margin-bottom:50px;
	padding-bottom:50px;
	color:#392b12;
	margin-right:auto;
margin-left:auto;
position:relative;
text-align:right;
background-image:url(../images/shaddow-bottom.png);
background-repeat:no-repeat;
background-position:top;
padding:25px 0px 0px 0px;
}

#base a{
color:#392b12;}

#base a:hover{
color:#392b12;
text-decoration:none;
}

#tab {
position: fixed;
top: 100px;
left: 0px;
}

.social{
	float:left;
	width:550px;
	padding-left:13px;
}

.socialbutton {
	float:left;
	width:170px;
}

.new{
font-size:12px;
color:#00B5CB;
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
font-weight:bold;
}