#photodiv {width:700px; margin: 0 auto}

body{
	margin:0;
	padding:0; /*Resets different default margins and paddings browsers place on the body element*/
	font-family:"Times New Roman", Times, serif;
	font-weight: normal;
	line-height: normal;
	background-color: #FFF;
	background-image: url(images/caffe_vinci_new_background2.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	
}

/*****Overall Page Container*****/
#container {
	width:900px; /*Makes the #Container wrap around all the elements inside of it, needed if things are floated inside of it*/
	margin:0 auto; /*Background Colour for the main #Container*/
	background-color: #FFFFFF;
	overflow: auto;
}
#footer1 {
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000000;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	clear:both
}

#footer1 a:link{
	color: #000;
	text-decoration: none;

/* all rules written are applicable only to the anchors inside a container having id="footer"*/
}

#footer1 a:visited{
	text-decoration: none;
}

#footer1 a:hover {
	text-decoration: underline;
}

#footer1 a:active {
	text-decoration: none;
}

/*****Site Header*****/
/*Note: We use an image-replacement technique here, to hide the text inside the header, so the background image shows through*/
h1{
	margin:0 auto;
	padding:0;  /*Reset default margins and paddings applied to the h1 element*/
	width:579px;
	height:124px; /*These are the dimensions for the header image*/
	text-indent:-9999em;  /*The background image for the header*/
	background-image: url(images/caffe_vinci_text.png);
	background-repeat: no-repeat;
}


/*****Navigation*****/
/*Note: Suckerfish drop-down method used for the navigation*/
#nav{
	width:840px; /*So the nav wraps around the floated things inside of it*/
}
#nav, #nav ul{ /* all lists */
	padding: 0;
	margin:0 auto; /*Reset defaults */
	list-style: none; /*Removes bullets*/
	line-height: 1;
	font-size:14px; /*Font-Size for all of the menu*/
}
#nav a{
	display: block;
	color:#000; /*Txt Color for each menu-item*/
	text-decoration:none; /*Removes the underline placed on links*/
	padding: 10px; /*The amount of spacing you want around each menu item*/
}
#link {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #BF0D0D;
}

#nav li{ /* all list items */
	float: left;
	width: 170px; /* width needed or else Opera goes nuts */
}

/*Specific widths for each button*/
#nav li.home, #nav li.about, #nav li.artwork { width:80px; }
#nav li.coffeeworld, #nav li.dist, #nav li.contact { width:110px; }
#nav li.caffe, #nav li.coffee { width:135px; }
#nav li a:hover{ color:#BF0D0D; } /*Txt color on hover*/
#nav li:hover a { background:#FFF; } /*Background Colour of First Menu on Hover*/
#nav li a { font-weight:bold; } /*Makes the First Menu text bold*/
#nav li li a { font-weight:normal; }  /*Makes the Second Menu text not bold*/

#nav li ul { /* second-level lists */
	position: absolute;
	background: #FFF;
	width: 200px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	z-index: 500;
}
#nav li li a   {
	font-size:12px;
	border-bottom: 1px solid #ccc;
	padding-top:7px;
	padding-bottom:7px;
} 
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	display: block;
}

/*****Content*****/
#content{
	padding-bottom: 100px; /*Size of gap at bottom of content*/
	clear: both;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 10px;
	height: 1%;
	overflow: auto;
}
	#content p {
		margin:0; padding:10px;
	}
	#content .highlightred{
	color:#BF0D0D ;
	}
	
	#content a {
	font:"Times New Roman", Times, serif;
	font-size: 14px;
	color: #BF0D0D;
	font-weight:bold
	}

	#content a:visited {
	text-decoration: none;
	color: #BF0D0D;
	}
	#content a:hover {
	text-decoration: none;
	}
	#content a:active {
	text-decoration: none;
}

#R_Col {
	float: right;
	width: 400px;
	overflow: auto;
	padding: 5px;
}
#L_Col {
	padding: 5px;
	float: left;
	width: 400px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}	

#image_left {
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 0px none #FFFFFF;
}
/*****Footer*****/
/*Note: at the moment the footer just acts as the image for the caffe vinci logo because you had no text in there*/
#footer{
	width:900px; margin:0 auto;
	background:url('http://www.caffevinci.com/images/caffe_vinci_logo.png') top left no-repeat;
	padding-top: 108px;
	margin-top:-54px;
	background-position:75px 0;
	
}	
#apDiv1 {
	position:absolute;
	width:166px;
	height:138px;
	z-index:1;
	left: 850px;
	top: 208px;
}
#apDiv2 {
	position:absolute;
	width:230px;
	height:162px;
	z-index:2;
	left: 51px;
	top: 183px;
}
#h2 {
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #BF0D0D;
	font-weight: bold;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #999999;
	font-weight: bold;
}
#image_right {
	float: right;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#page_route {
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
}



a:active, a:focus {
	outline:none
	}
	
ul.list {
list-style: circle;
}
#quote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	color: #999999;
	font-weight: bold;
}
.h3 {
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	color: #BF0D0D;
	font-weight: bold;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.h4 {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	color: #000;
	font-weight: bold;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: underline
}

.image_left {
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border: 0px none #FFFFFF;
}

#right_image {
	float: right;
	border: 2px solid #BF0D0D;
	padding: 0px;
}

#home_link a{
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	}

	#home_link a:visited{
	text-decoration: none;
	}

	#home_link a:hover {
	text-decoration: underline;
	}

	#home_link a:active {
	text-decoration: none;
	}
	
.style1 {font-size: 10px}

.style2 {color: #BF0D0D}

.image_on_right {
	float: right;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

#rounded-box{
width:196px;
background:#BF0D0D;
}

#rounded-box p{
margin:0;
padding: 0 5px;
}

.top{
	height:30px;
	background-image: url(images/upper_box_copy.jpg);
	background-repeat: no-repeat;
}

.bottom{
	height:30px;
	background-image: url(images/lower_box_copy.jpg);
	background-repeat: no-repeat;
}

.cssDivNavigations_StorePage {
width: 800px;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom-style: solid;
border-bottom-color: #BF0D0D;
border-bottom-width: 1px;
vertical-align: top;
text-align: left;
line-height: 14px;
font-family: "Times New Roman",Times,serif;
font-size: 10px;
font-weight: bold;
color: #000000;
}