/************************************************************************

	Site:		http://www.burgundyrestaurant.co.za/

	Company:        Burgundy Restaurant	
	
	Designer/Developer: Justin Leaf-Wright

	Listing Order:
	==============

            1 - Global
            2 - H-Tags
            3 - Images
            4 - Header
            5 - Content
            6 - Gallery
            7 - Links
            8 - Footer


/***********************************************************************
	1 - GLOBAL
************************************************************************/

body {
    background: #fff;
    font-family: Lucida Grande, "Trebuchet MS", Arial, sans-serif;
    color: #555;
    font-size: 13px;
}

#container {
    margin: 0 auto; /* Centering the layout horizontally */
    width: 1050px;
    background: url("../images/template/bg.jpg") no-repeat;
}

#repeat_bg {
    margin: 0 auto; /* Centering the layout horizontally */
    width: 1050px;
    background: url("../images/template/bg_repeat.jpg") repeat-y;
}

a { text-decoration: none; color: #555; font-weight: bold; }
img { border: none; }

.clear { clear: both; }

/***********************************************************************
	2 - H-Tags
************************************************************************/

h1 {
    color: #8d1f20;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    border-bottom: #ccc solid 1px;
    margin: 15px 30px 0 8px;
    padding: 0 0 4px 0;
}



h2 {
    color: #4c7d00;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 15px 25px 25px 15px;
    padding: 8px 0;
    border-bottom: 1px dashed #999999;
    border-top: 1px dashed #999999;
}

/***********************************************************************
	3 - Images
************************************************************************/

.rotate {
     margin: 0 0 0 15px;
}

.images img {
    border: 2px dotted #ccc;
    padding: 5px;
    margin: 0 0 0 8px;
}

.map img { margin: 25px 0; }
.map { margin: 50px 0 0 65px; }

img.phrases {
    margin: 25px 0 0 60px;
}

.left {
    float: left;
    padding: 5px;
    margin : 0 8px 0 0;
    border: 2px dotted #ccc;
}

/***********************************************************************
	4 - HEADER
************************************************************************/

#header {
    width: 900px; height: 120px;
    margin: 0 auto;
    background: url("../images/template/header_logo.jpg") no-repeat;
}

#menu    {
    width: 1050px; height: 77px;
    margin: 0 auto;
    background: url("../images/template/menu_bg.png") no-repeat;
}

#menu ul {
    list-style: none;
    padding: 0 0 0 40px; margin: 0;
}

#menu ul li {
    float: left;
}

#menu ul li a {
    float: left;
    text-decoration: none;
    padding: 10px 12px;
    margin: 0 0 0 40px;
    font-size: 16px;
    color: #fff;
}

#menu ul li a:hover {
    background: #8d1f20;
}


/***********************************************************************
	5 - CONTENT
************************************************************************/

#content {
    width: 600px;
    float: right;
    display: inline; /* IE 5/6 Double Float-Margin Bug */
}

#content p { padding: 0 45px 0 10px; }

#wrapper {
    width: 915px;
    margin: 0 auto 25px auto;;
}

/***********************************************************************
	3 - SIDEBAR
************************************************************************/

#sidebar {
    width: 280px;
    /* 960px - 600px -330px = 30px is used to seperate columns */
    float: left;
    margin: 15px 0 25px 10px;
    display: inline; /* IE 5/6 Double Float-Margin Bug */
    border: 1px solid #ccc;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}

#sidebar p { margin: 0 0 0 15px; } 

#pdf {
    width:264px; height: 80px;
    margin: 0 0 35px 8px; 
    background: #ccc url("../images/template/pdf.gif") no-repeat 8px 15px;
}

#pdf p {
    padding: 5px 12px 5px 45px;
    font-size: 12px;
}

ul#sidenav {
	float:left;
	margin:0 0 25px 0;
	padding:0 0 0 20px;
	list-style:none;
}
ul#sidenav li{
	float:left;
	width:200px;
	height:60px;
	margin:0 20px 0 0;
	padding:0;
}
ul#sidenav a, ul#topnav span { 
	float:left;
	width:100%;
	height:40px;
	padding:10px 20px 10px 15px;
	clear:both;
	font-weight:normal;
	color:#8d1f20;
	line-height:20px; 
	text-decoration:none;
	border-top:1px solid #ccc;
}
ul#sidenav a{ 
	font-weight:bold;
	color: #8d1f20;
	border-top:2px solid #ccc;
}
ul#sidenav a:hover{ 
	font-weight:bold;
	color: #333333;
	border-top:2px dotted #333333;
	background: #ccc;
}
ul#sidenav span{ 
	
}
ul#sidenav a b, ul#topnav span b {
	display:block;
	font-weight:normal;
	font-size:10px;
	color:#747473;
	line-height:20px;
}

/***********************************************************************
	6 - GALLERY
************************************************************************/

#gallery {
    margin: 25px 0 0 35px;
}

img.gallery {
	-webkit-box-shadow: 0px 5px 10px #9c9c9c;
	-moz-box-shadow: 0px 5px 10px #9c9c9c;
	box-shadow: 0px 5px 10px #9c9c9c;
	padding: 5px;
	border: 2px dotted #ccc;
	margin: 10px 10px 10px 10px;
}

.nivoZoomHover {
	position:absolute;
	top:0px;
	left:0px;
	z-index:9;
	width:100%;
	height:100%;
	cursor:pointer;
}
.nivoCaption {
	display:none;
	position:absolute;
	z-index:110;
	text-align:center;
	background:#010101;
	color:#fff;
	padding:4px 0;
	overflow:hidden;
}

/***********************************************************************
	7 - LINKS
************************************************************************/

ul#links {
    width: 80%;
    padding: 20px 0;
    margin: 0 0 0 35px;
}
ul#links li {
    list-style: none;
    display: block;
    background: url('../images/links/arrow.gif') no-repeat 440px 75px;
}
ul#links li a {
    text-decoration: none;
    color: #333333;
    font-size: 130%;
    text-transform: uppercase;
    display: block;
    padding: 7px 8px 7px 225px;
    height: 105px;
    margin-bottom: 25px;
    border-bottom: 1px solid #ccc;
}

ul#links li:hover {
    background: url('../images/links/arrow_over.gif') no-repeat 440px 75px;
}

#links li a.lavazza { background: url('../images/links/lavazza.jpg') no-repeat 7px 10px; }
#links li a.auberge { background: url('../images/links/auberge.jpg') no-repeat 7px 10px; }
#links li a.quarters { background: url('../images/links/quarters.jpg') no-repeat 7px 10px; }
#links li a.harbour { background: url('../images/links/harbour.jpg') no-repeat 7px 10px; }
#links li a.hpf { background: url('../images/links/hpf.jpg') no-repeat 7px 0px; }
#links li a.castelynberg { background: url('../images/links/castelynberg.jpg') no-repeat 7px 0px; }
#links li a.wine { background: url('../images/links/wine.jpg') no-repeat 7px 0px; }
#links li a.eat { background: url('../images/links/eat.jpg') no-repeat 7px 0px; }
#links li a.vg { background: url('../images/links/vg.jpg') no-repeat 7px 0px; }
#links li a.as { background: url('../images/links/as.jpg') no-repeat 7px 0px; }
#links li a.ica { background: url('../images/links/ica.jpg') no-repeat 7px 0px; }
#links li a.theworks { background: url('../images/links/theworks.gif') no-repeat 7px 0px; }
#links li a.wd { background: url('../images/links/wd.gif') no-repeat 7px 0px; }
#links li a.abalone { background: url('../images/links/abalone.jpg') no-repeat 7px 0px; }
#links li a.creation { background: url('../images/links/creation.jpg') no-repeat 7px 0px; }

ul#links li a span {
    font-size: 70%;
    color: #666666;
    text-transform: none; 
}

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

#footer {
    clear: both;
    margin: 0 auto; /* Centering the layout horizontally */
    width: 1050px; height: 250px;
    background: url("../images/template/footer.jpg") no-repeat;
}

#footer_content {
    width: 860px;
    margin: 0 auto;
    padding-top: 3px;
}

#footer_content p {
    font-size: 12px;
    line-height: 20px;
    text-align: right;
}

.browsers {
    margin: 30px 0 0 0;
}

.browsers img {
    margin: 0 10px 0 0;
}