/* Basic Setup CSS for The Catering Place */

/*
===== Reset.css   Ref: 960 Grid System =====
*/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{
	border:0;
	outline:0;
	margin:0px;
	font-size:100%;
	padding-left: 0px;
}html,body{height:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes:none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}
/*
===== Clear Floated Elements ===== 
*/
.clear{
	clear:both;
}
.bold{
	font-weight:bold;
}

/* http://sonspring.com/journal/clearing-floats 
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
} */
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix,
.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}
.clearfix:after, .container_12:after {clear: both;}
/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix, .container_12 {zoom: 1;}
.center{text-align:center;}
.italic{font-style:italic;}
a[href$='.pdf'] {
  background: transparent url(images/pdf-icon.png) center right no-repeat;
  padding-right: 20px;
}
/*
===== Text formatting   Ref: 960 Grid System =====
*/
body {
  /* font: 13px/1.5 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif; */
  font: 15px/1.6 Arial, Helvetica, sans-serif;
 /* letter-spacing:.1em; */
  text-align:center;
}
pre, code {
  font-family: 'DejaVu Sans Mono', Monaco, Consolas, monospace;
}
hr {
  border: 0 #ccc solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}
/* ----- Headings ----- */
p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset,figure {margin-bottom: 20px;}
h1 {font-size: 18px; color:#dc9c1b; text-align:center; margin-top:55px; margin-bottom: 35px; } /* gold */
h2 {font-size: 16px; color:#dc9c1b; text-align:left; font-variant:small-caps; 
	margin-bottom:5px;
	margin-top:15px;
	margin-left:100px;
	margin-right:100px; }  /* dark gold */

h3 {font-size: 14px; color:#dc9c1b; text-align:center; margin-top:15px; margin-bottom:3px; font-weight:500;}
h4 {font-size: 14px; font-style:italic; font-weight:normal; margin-top:-18px;}
h5 {font-size: 17px;}
h6 {font-size: 15px;}
/* ----- Spacing ----- */
ol {list-style: decimal;}
ul {list-style: none;}
li {margin-left: 30px;}

/*
===============================================================
*/
body {
  min-width: 960px;  
  background:#b88a2f;    /*  tan  */
  background-image:url(images/bg-brickwall.jpg);
  background-repeat:repeat;
  background-attachment:fixed;
}
#outerWrap{
  position:relative;
  margin-left: auto;
  margin-right: auto;
  margin-bottom:0px;
  width: 960px;
  color:#830807;  /* red */
}
#headerWrap{
	margin-top:55px;
	height:15px;
	background-color:#000;
	background-image:url(images/tri-color-line.gif);
	background-repeat:x;
}	
#headerCenter {
	position:absolute;
	width:212px;
	height:137px;
	top:-53px;
	left:374px;
	z-index:20;
}
#navWrap{
	font: 13px/1.6 "Trebuchet MS", Arial, Helvetica, sans-serif;
	height:20px;
	padding:4px 13px 4px 13px;
	background-color:#000;
	color:#fefefe;
	border:solid 0px yellow;
}
#navWrap p{
	text-align:left;
	margin-left:3px;
	margin-bottom:0px;
	width:450px;
	float:left;
}
#navWrap ul {
	list-style-type:none;
	text-align:right;
	border:0px solid white;
}
#navWrap li{
	display:inline-block;
	width:45px;
	padding-top:0px;
	margin-left:5px;
	margin-right:5px;
	text-align:center;	
}
#navWrap a {
	color:#fff;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}
#navWrap a:hover, #navWrap a:active {
	color:#dc9c1b;
	font-weight:bold;
	text-decoration:underline;
}
#contentWrap{
	position:relative;
	margin:0px auto 0px auto;
	border:0px solid yellow;	
}

#contentSlider{
	position:absolute;
	top:280px;
	width:960px;
	height:140px; 
	background-image:url(images/transparency-slide.png);
	background-repeat:repeat-x;
	text-align:left;
	color:#fefefe;
	border:0px solid white;	
}
#contentSlider h2, #contentSlider p {
	margin-left:50px;
	margin-right:50px;
}
#contentSlider h2{
	margin-top:10px;
	margin-bottom:5px;
}
#contentMain{
	padding-bottom:70px;
	text-align:left;
	color:#fefefe;   
	background-color:#161414;  /* grey */
	border:1px solid #000000;   /*  if not included, places space above and below container */
}
#contentMain p {
	margin-left:100px;
	margin-right:100px;
	margin-bottom:0px;
}
#contentMain a {
	color:#dc9c1b;
	text-decoration:underline;
}
#contentMain a:hover, #contentMain a:active {
	color:#fefefe;
}
#contentMain .backToTop{
	display:block;
	font-size:10px;
	margin-left:100px;
	margin-right:100px;
	margin-bottom:20px;
}
#contentMain a.linkInText {
	color:#fefefe;
	text-decoration:underline;
	display:inline;
	font-weight:normal;
	margin-bottom:0px;
}
#contentMain a:hover.linkInText, #contentMain a:active.linkInText{
	color:#dc9c1b;
}
#contentPic{
	margin:0px auto 0px auto;
	width:960px;
	height:160px;
	background-color:#161414;
	background-image:url(images/headerPic1.jpg);
	background-repeat:no-repeat;
}
#contentPic .picHeading{
	position:absolute;
	padding-top:8px;
	top:62px;
	width:960px;
	height:39px; 
	background-image:url(images/transparency-slide.png);
	background-repeat:repeat-x;
	border:0px solid white;	
}
#bottomLine{
	height:6px;
	background-color:#000000;
	border:0px solid yellow;
}
#columnWrap{
	margin-left:20px;
	margin-right:0px;
}
#columnWrap h2, #columnWrap p{
	margin:0px;
	text-align:center;
}
#columnWrap h2.secondH2{
	margin-top:0px;
}
#columnWrap p{
	border:0px solid white;
	margin:1px;
}
#column1, #column2, #column3 {
	float:left;
	width:278px;
	text-align:center;
	padding-left:15px;
	padding-right:15px;
	border:0px solid yellow;
}
#column2{
	border-left:1px dotted #dc9c1b;    
	border-right:1px dotted #dc9c1b;
}
#column3 p{
	margin-left:10px;
	margin-right:10px;
}
#columnMenu {
	float:left;
	width:500px;
	margin-top:0px;
	margin-left:50px;
	margin-right:50px;
	margin-bottom:20px;
	padding-left:15px;
	padding-right:15px;
	padding-top:30px;
	padding-bottom:30px;
}
#columnMenu h1{
	margin-top:0px;
	margin-bottom:0px;
}
#columnMenu h3{
	font-size:12px;
}
#columnMenu h2{
	margin:0px;
}
#columnMenu p{
	margin-left:50px;
	margin-right:50px;
	margin-top:20px;
	margin-bottom:5px;
}
#columnMenuSide{
	float:left;
	width:200px;
	padding:15px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	border:1px dotted #dc9c1b;
}
dl {
    margin-left: 35px;
    text-align: left;
}
dt {
    font-weight: bold;
	font-size: 16px; color:#dc9c1b; text-align:left; font-variant:small-caps; 
	margin-bottom:5px;
	margin-top:15px;
   /* dark gold */
}
dd {
    margin-bottom: 10px;
    margin-left: 25px;
	margin-right:35px;
}
#columnMenuSide a {
	display:block;
	width:175px;
	color:#fefefe;
	text-decoration:none;
}
#columnMenuSide a:hover, #columnMenuSide a:active {
	color:#dc9c1b;
	text-decoration:underline;
}
/*
#extraDiv-top{
	position:absolute;
	background-image:url(images/top-bot.jpg);
	background-repeat:repeat-x;                          
	width:960px;
	height:35px;
	top:0px;
	left:0px;
}
#extraDiv-bottom{
	position:absolute;
	background-image:url(images/top-bot.jpg);
	background-repeat:repeat-x;
	width:960px;
	height:35px;
	bottom:0px;
	left:0px;
}  */
#footerWrap{
	position:relative;
	width:960px; 
	color:#4d0404;  
	margin:-10px auto 12px auto;
	padding-bottom:7px;
	text-align:center;
	background-image:url(images/bg-footer.png);
/*	-webkit-box-shadow: 0px 3px 9px #333;
	-moz-box-shadow: 0px 3px 9px #333;
	box-shadow: 0px 3px 9px #333; */
}
#footerWrap p{
	margin-bottom:0px;
	margin-left:100px;
	margin-right:100px;
}
#socialWrap{     
	text-align:left;
	margin-top:30px;
	margin-left:50px;	
	float:left;
	width:80px;
	border: 0px solid white;
}
#socialWrap p{
	margin-left:0px;
	margin-right:0px;
	margin-top:5px;
}
#facebook {
	padding:0px;
	margin:0px;
	width:77px;
	height:20px;
	-webkit-box-shadow: 0px 3px 9px #333;
	-moz-box-shadow: 0px 3px 9px #333;
	box-shadow: 0px 3px 9px #333;
}
#facebook a {
	background-image:url(images/icons/facebook_normal.png);
	background-repeat:no-repeat;
	display:block;
	width:77px;
	height:20px;
}
#facebook a:hover, #facebook a:active{ 
	background-image:url(images/icons/facebook_hover.png);
}
#knot{
	padding:0px;
	margin:4px 0px 0px 0px;
	width:77px;
	height:27px;
	background-image:url(images/icons/the-knot.png);
	background-repeat:no-repeat;
		-webkit-box-shadow: 0px 3px 9px #333;
	-moz-box-shadow: 0px 3px 9px #333;
	box-shadow: 0px 3px 9px #333;
}
#knot a {
	display:block;
	width:77px;
	height:27px;
	background-image:url(images/icons/the-knot.png);
	background-repeat:no-repeat;
}
#knot a:hover, #knot a:active{
	background-image:url(images/icons/the-knot-hover.png);
}
#awardWrap{
	margin:20px auto 10px auto;
	padding-top:30px;
	width:570px;
}
/*   To be:  Added back when have the Social Wrap section is completed  and delete the one above */
/* #awardWrap{	
	margin-top:20px;
	margin-right:20px;
	padding-top:15px;  
	float:right;       
	width:570px;
	border: 0px solid yellow;
}  */
#awardWrap img{
	margin-right:10px;
	-webkit-box-shadow: 0px 3px 9px #333;
	-moz-box-shadow: 0px 3px 9px #333;
	box-shadow: 0px 3px 9px #333;
}
#colleaguesPage{
	position:absolute;
	right:50px;
	top:30px;
	padding:0px;
	margin:0px 0px 0px 0px;
	width:79px;
	height:105px;
	background-image:url(images/planning.gif);
	background-repeat:no-repeat;
		-webkit-box-shadow: 0px 3px 9px #333;
	-moz-box-shadow: 0px 3px 9px #333;
	box-shadow: 0px 3px 9px #333;
	border:3px solid #820024;
}
#colleaguesPage a{
	display:block;
	width:79px;
	height:105px;
	background-image:url(images/planning.gif);
	background-repeat:no-repeat;
}
#colleaguesPage a:hover, #colleaguesPage a:active{
	background-image:url(images/planning-hover.gif);
}
#extraDiv-top{
	position:absolute;
	background-image:url(images/tri-color-line.gif);
	background-repeat:repeat-x;
	height:15px;
	width:960px;
	top:0px;
}
#extraDiv-bottom{
	position:absolute;
	background-image:url(images/tri-color-line.gif);
	background-repeat:repeat-x;
	height:15px;
	width:960px;
	bottom:0px;
}
#footerNav{
	width:940px;
	margin-top:12px;
	margin-bottom:15px;
	border:solid 0px white;
	}
#footerNav a {
	color:#111111;
	margin-left:5px;
	margin-right:5px;
	text-decoration:none;
}
#footerNav a:hover, #footerNav a:active {
	text-decoration:underline;
}
#copyright{
	text-align:center;
	color:#ffffff;
	font-weight:bold;
	font-size:13px;
	margin-bottom:20px;
}
#copyright a {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
#copyright a:hover, #copyright a:active {
	text-decoration:underline;
	color:#fff;
	font-weight:bold;
}
#gallery {
	margin:50px 50px 0px 50px;
	border: 0px solid white;
	min-height:550px;
}
.gallery-logo{
	margin-left:150px;
	margin-top:25px;
	width:250px;
	height:189px;
}
#pageControls{
	text-align:center;
	padding:0px;
	margin-top:25px;
	margin-right:50px;
	width:300px;
	float:right;
	border: 0px solid yellow;
}
#pageControls .controlPrev{
	float:left;
	padding-left:0px;
}
#pageControls .controlNext{
	float:right;
	padding-right:15px;
}
#pageControls .selectedPage{
	border:1px solid #fff;
}
#pageControls ul {
	list-style:none; 
	padding:0; 
	margin:0px; 
	width:300px; 
	position:relative; 
	float:right;
	border:0px solid yellow;
}
#pageControls ul li {
	display:inline;
	margin:0px;
}
#pageControls ul li a {
	color:#fff;
	padding-left:1px;
	padding-right:1px;
	text-decoration:none;
}
#pageControls ul li a:hover {
	color:#dc9c1b;
	text-decoration:underline;
}
#gallery ul {list-style:none; padding:0; margin:0px; width:300px; position:relative; float:right;border:0px solid yellow;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#b88a3f;} /* tan */
#gallery ul li a:hover img {position:absolute; right:345px; top:0px; width:auto; height:auto; border:1px solid #b88a3f;}