@charset "UTF-8";

					/* COLOUR CODES */
					
					/* LINKS */
					   /* #FFF100 underline
					   */
					   
					/* HEADERS */
					   /* #feef03 
					   #FFF100
					   */
					   
					/* PARAGRAPHS */
					   /* #FFF100 
					             */
								 
					/* NAVAGATION */
					 /* Link #18b703
					    Hover #22f906 */
				
/*-----RESET-----*/
* {margin:0; padding:0; border:0; }
html {font-size: 100.1%; height:100.1%; background-image:url(http://hollywoodgelato.ca/images/gradient.jpg); background-repeat: repeat-x; background-color:#491b70;}
body {font-family: Helvetica, Verdana, Arial, sans-serif;font-size: .95em;color:#;height:100.1%;}
h1, h2, h3, h4, h5 h6 h7 h8 h9 {color:#000000; font-family:Helvetica, Verdana, Arial, sans-serif;}
h1 {font-size: 26px;}
h2 {font-size: 24px; color: #FFF100; text-align: center;}
h3 {font-size: 22px; color: #FFF100; text-align: left;}
h4 {font-size: 20px; color: #FFF100; text-align: left;}
h5 {font-size: 20px; color: #FFF100; text-align: left;}
a {color:#FFF100; text-decoration:underline;}
a:hover{color:#FFF100; text-decoration:none;}
a:active {display:inline;}
a img {border: none; text-decoration:none;}
p {font-size: 16px; line-height: 1.2em; color:#FFF100; text-align: left;}

/*-----CLASSES-----*/
.clear { clear:both;}
.left {float:left;}
.right {float:right;}
.push {height: 250px;}
.center {text-align: center;}
.middle {padding: 10% 0;}

/*-----BODY-----*/
#wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -250px; width: 890px;}
#header {background-image:url(http://hollywoodgelato.ca/images/header.png);background-repeat: no-repeat; height: 250px; width: 890px; margin-top: 25px;}
#headerLogo {background-image:url(http://hollywoodgelato.ca/images/logo.png); background-repeat:no-repeat; width:200px; height:200px; margin: 0 auto; position: relative; text-indent:-99999px; display: block;}
#content {background-image:url(http://hollywoodgelato.ca/images/body.png); background-repeat: repeat-y; width:870px; height: auto; padding: 10px; position: relative; clear: both;}
#main { width: 800px; padding: 10px; margin: 0 auto;}
#headhours {clear:both;
float:right;
position:relative;
right:10px;
top:60px;
width: auto;
height: auto;
padding: 10px;}
#headhours p {font-size: 10px;}

/*-----NAV-----*/
#navbar {background-image:url(http://hollywoodgelato.ca/images/navbar.png);background-repeat: repeat-x; height:45px; width:880px; position: relative; text-align:center; left: 5px; clear:both; margin-top: -9px;}
#navbar ul li {display:block; text-decoration: none; width: 200px; height:44px; font-size:1.2em; list-style-type:none; float:left; position:relative; left: 45px; }
#navbar ul li a {color:#18b703;vertical-align:middle; line-height:44px; height:44px; width: 100%; display:block; text-decoration:none;}
#navbar ul li a:hover {color:#22f906; background-image:url(http://hollywoodgelato.ca/images/navbar_over.png); background-repeat:repeat-x; height:44px; width: 100%; display:inline-block; vertical-align:middle;line-height:44px; font-style:normal; text-decoration:none;}
#navbar ul li a.current, #navbar ul li a.current:hover, #navbar ul li a.current:active {color:#22f906; background-image:url(http://hollywoodgelato.ca/images/navbar_over.png); background-repeat:repeat-x; height:44px; width: 100%; display:inline-block; line-height:44px; text-decoration:none;}

/*--HOME--*/
#homeimg {background-image:url(http://hollywoodgelato.ca/images/home_img.png); background-repeat: no-repeat; width:640px; height: 255px; margin: 0 auto;}
#p1 { margin: 0 auto;}
#p1 p {text-align:justify; }
#webad {background-image: url(http://hollywoodgelato.ca/images/web_ad1.png); background-repeat: no-repeat; width: 800px; height: 500px; margin: 0 auto;}

/*--ABOUT--*/
#gelato {text-align:justify; float: left;clear: both;width: 800px;}
#gelato1 {background-image:url(http://hollywoodgelato.ca/images/gelato1.png); background-repeat: no-repeat; width:350px; height: 300px; float: right;clear: both;}
#gelatomenu {float: left;clear: both; width: 800px;}
#pie {text-align:justify; float: left;clear: both;width: 800px;}
#gelatopie {background-image:url(http://hollywoodgelato.ca/images/pie1.png); background-repeat: no-repeat; width:350px; height: 300px; float: right;clear: both;}
#coffee1 {text-align:justify; float: right;clear: both;width: 800px;}
#espresso1 {background-image:url(http://hollywoodgelato.ca/images/espresso1.png); background-repeat: no-repeat; width:350px; height: 300px; float: left;clear: both;}
#coffee2 {text-align:justify; float: right;clear: both;width: 800px;}
#espresso2 {background-image:url(http://hollywoodgelato.ca/images/espresso2.png); background-repeat: no-repeat; width:350px; height: 300px; float: left;clear: both;}
#pastries {text-align:justify; float: left; clear: both; width: 800px;}
#pastries1 {background-image:url(http://hollywoodgelato.ca/images/pastries1.png); background-repeat: no-repeat; width:350px; height: 300px; float: right;clear: both;}
#giftcard {text-align:justify; float: left; clear: both; width: 800px;}
#giftcard1 {}

/*--CONTACT--*/
#store {background-image: url(http://hollywoodgelato.ca/images/storefront.png); background-repeat: no-repeat; width:500px; height: 320px; margin: 0 auto; clear: both;}
#reach {width: 450px; margin: 0 auto;}
#reach h3 {text-align:center;}
#reach p {text-align:center;}
#label {background-image: url(http://hollywoodgelato.ca/images/label.png); background-repeat: no-repeat; width:350px; height: 300px;margin: 0 auto;}
#hours {margin: 0 auto; width: 200px;}
#hours p {text-align:left; }
#suggestions {margin: 0 auto; center; width: 300px;}
#suggestions p {text-align: center;}
/*--RSS--*/
#feed {
clear: both;
float:right;
margin:0;
padding:0;
}
#feed p {
font-style: italic;
border-bottom: 1px dotted #F0DD3F
}
#feed ul.social li.rss {
background:url("http://hollywoodgelato.ca/images/rss.png") no-repeat scroll 0 0 transparent;
display:inline-block;
height:50px;
text-indent:-9999px;
width:50px;
float: left;
}
#feed ul.social li.rss a{
display:block;
height:50px;
width:50px;
}
#feed ul.social li.facebook {
background:url("http://hollywoodgelato.ca/images/facebook.png") no-repeat scroll 0 0 transparent;
display:inline-block;
height:50px;
text-indent:-9999px;
width:50px;
float: left;
}
#feed ul.social li.facebook a{
display:block;
height:50px;
width:50px;
}
#feed ul.social li.twitter {
background:url("http://hollywoodgelato.ca/images/twitter.png") no-repeat scroll 0 0 transparent;
display:inline-block;
height:50px;
text-indent:-9999px;
width:50px;
float: left;
}
#feed ul.social li.twitter a{
display:block;
height:50px;
width:50px;
}

/*-----FOOTER-----*/

#footer {background-image:url(http://hollywoodgelato.ca/images/footer.png); background-repeat: no-repeat; width: 890px; height: 250px; padding:20px;}
#footerinfo {position: relative; margin: 0 auto; width: 350px; height: auto;}
#footerinfo p {font-size: 12px; text-align: center; }
#footerinfo a {color:#FFF100; text-decoration:none;}
#footerinfo a:hover, a:active {color:#FFF100; background:fixed none; text-decoration:underline;}
#footer p {text-align: center; font-size:12px;}
#cone {background-image: url(http://hollywoodgelato.ca/images/cone.png); background-repeat: no-repeat; width: 200px; height: 300px; position: relative; bottom: 75px; margin:0 auto;}

#storeinfo {float:left;
position:relative;
width: 200px;
margin-top: 5px;
padding-top: 1px;}
#storeinfo p {font-size: 12px; text-align: left;}
#storehours {float:right;
position:relative;
width: 150px;margin-top: 5px;
padding-top: 1px;}
#storehours p {font-size: 12px; text-align: right;}