/* CSS Document */

html, body { margin: 0; padding: 0; font-family: Helvetica, Arial, Verdana, sans-serif; }

body {
	padding-bottom: 50px;
	background-color:#86633a;
	font-size: 13px;
	line-height: 18px;
	color: #2d1e10;
}
a img { border: none; }

p { color: #2d1e10; padding: 5px 5px 0 5px; font-weight: 100; text-align:justify; }

strong { font-weight: bold; }

a title { right 20px; }

a { color: #2d1e10; }
a:hover { color: #884520; }

h1 { color: #383938; font-size: 175%; font-weight: 100; }
h2 { color: #88441f; font-weight: normal; }
h3 { color: #383938; }
h4 { color: #383938; font-weight: normal; }

/*for footer only */
h5 { font-size: 22px; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: 100; color: #884520; margin: 0; padding: 10px 0; text-align: center; }
h6 { font-size: 140%; font-weight: normal; color: #333; margin: 20px 15px; padding: 0; text-align: left; }

#pagewrap {
	position: relative;
	width: 100%; height: auto;
	margin: 0; padding: 14px 0 0 0;
	background-image: url(../images/PB-pagetile.jpg);
}

#wrap {
	position: relative;
	width: 960px; height: auto;
	margin: 0 auto; padding: 0;
 }
 
 #header {
	 position: relative;
	 width: 960px; height: 247px;
	 margin: 0; padding: 0;
	 
	 background-image: url(../images/PB-header-0.jpg);
	 background-repeat: no-repeat;
	 overflow: hidden;	 
} pre { display:none; } 


#logo { 
position: absolute; top: 0; left: 0; width: 100%; height: 247px; z-index: 9999;
background: url(../images/paulbrodie-logo.png) center center no-repeat; background-size: auto; }
#logo a { display: block; position: relative; width: 100%; height: 100%; }

/******************************C5menu.v2***************************************/

#nav {
	position: relative;
	width: 960px; height: 49px;
	margin: 0; padding: 0;
	display: block;
	z-index: 5;
}
#nav ul {
	position: relative;
	width: 960px; height: 49px;
	margin: 10px 0 0 0; padding: 0;
	list-style-type: none;
}
#nav li:hover { background-color: #e4cf9e; }

#nav ul li a {
	position: relative;
	display: block;
	height: 34px;
	margin: 0; padding: 16px 15px 0 15px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #2d1e10;
	float: left;
	}
	#nav ul li a:hover { color:#2d1e10; background-color: #e4cf9e; }

/*position sub menus */
#nav li { width: auto; height: 49px; float: left; margin-right: 2px; }
#nav ul li > ul { top: 39px; left: auto; }

#nav ul ul {
position: absolute;
z-index: 500;
width: 200px; height: auto;
top: 0;
left: 0;
 background-color: #e4cf9e
}

#nav ul ul li:hover {
	background-color: #b78d3e;
	background-image: url(../images/PB-navarrow.jpg);
	background-repeat: no-repeat;
	background-position: left;
}	
#nav ul ul li a { position: relative; display: block; width:160px; margin-left: 10px; float: left; }
#nav ul ul li a:hover {	color: #fff; background: none; }

/* hide/reveal */
#nav ul ul,
#nav ul li:hover ul ul,
#nav ul ul li:hover ul ul {display: none;}

#nav ul li:hover ul,
#nav ul ul li:hover ul {display: block;}

/******************************C5menu.v2***************************************/

#content {
	position: relative;
	width: 100%; height: auto;
	margin: 0; padding: 0;
	
	background-image: url(../images/PB-contenttile.jpg);
	background-repeat: repeat-x;
	background-color: #f5f0e4;
}

#contentarea {
	position: relative;
	width: 920px; min-height: 300px; height: auto; 
	margin: 0 auto; padding: 20px 20px 60px 20px;
}

#contentpad {
	position: relative;
	float: left;
	width: 550px; height: auto;
	margin: 0; padding: 0;
	
}
#contentpad-about {
	position: relative;
	float: left;
	width: 600px; height: auto;
	margin: 0; padding: 0;
	
}

#gallery ul li {
	position: relative;
	float: left; display: inline;
	border: 5px solid #d9c188;
	background-color: #d9c188;
	width: 100px; height: 100px;
	margin: 5px; 
	overflow: hidden;
}
#gallery ul li:hover { border:  5px solid #b78d3d; background-color:#b78d3d; }
#gallery ul li img { width: 100px; height: 100px; }

#sidebar {
	position: relative;
	width: 350px; height: auto;
	margin: 55px 0 0 10px; padding: 0;
	
	float: right;
}

#sidebar_contact {
	position: relative;
	width: 350px; height: auto;
	margin: 20px 0 0 10px; padding: 0;
	
	float: right;
}

#sidebar-about {
	position: relative;
	width: 300px; height: auto;
	margin: 55px 0 0 10px; padding: 0;
	
	float: right;
} #sidebar img, #sidebar-about img { padding: 0 0 10px 0; }

#footer { position: relative; width: 100%; }

#baseinfo {
	width: 100%; height: 175px;
	background-color: #dccba3;
	margin: 0; padding: 0;
}
#footinfo {
	width: 100%;
	background-image: url(../images/PB-foottile.jpg);
	background-repeat: repeat-x;
	background-color: #86633a;
	
	font-size: 11px;
	color: #fff;
}

#footpad {
	position: relative;
	width: 940px; height: auto;
	margin: 0 auto; padding: 20px;
}

#caption { float: left; width: 500px; text-align: left;  }
#caption a { color: #fff; text-decoration: none; font-weight: bold; }
#caption a:hover { text-decoration: underline; }

#edge { float: right; width: 300px; text-align: right; }
#edge a { color: #fff; text-decoration: none; font-weight: bold; }
#edge a:hover { color: #e58325; text-decoration: underline; }

#addthis {
	position: absolute;
	width: 960px; height: auto;  height: 35px;
	margin: 0; padding: 0;
	bottom: 0; left: 15px;
	clear: both;
}