@charset "UTF-8";
/******************************************************************************************************

										Market Hardware Core CSS

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

/* reset */
body, p, h1, h2, h3, h4, h5, h6, a, div, blockquote, cite, a img, address { margin: 0; padding: 0; text-indent: 0; border: none; outline: none; list-style: none; text-decoration: none; font-size: 100%; font-weight: inherit; font-style: inherit; }
table, td, tr, tbody, thead, th, caption { border-spacing: 0; border: none; border-collapse: separate; vertical-align: top; text-align: left; font-weight: normal; }

/* typography */
body { font-size: 0.75em /* 12px */; background: #59452A; color: #666666; font-family: Arial, Verdana, sans-serif; line-height: 1.5em; margin: 0 auto; }

h1, h2, h3, h4, h5, h6 { /* Use to set global header styles. ie, bold, italic, color, margin, padding */ color: #945e3a;}
h1 { font-size: 1.5em /* 18px */;padding-bottom: 4px; line-height: 1.2em; }
h2 {font-size: 1.1666em /* 14px */; font-weight: bold;}
	.home h2 { font-size: 1.5em /* 15px */; line-height: 1.2em; padding-bottom: 4px; font-weight: normal;}
	.home h3 { font-size: 1.1666em /* 14px */; font-weight: bold; }
h4, h5, h6 { font-size: 1.1em /* 13px */; }

p, ul, ol { margin-bottom: 1.1em; } /* DO NOT RESIZE */
li { margin-bottom: 0.5em; }

a, a:visited { color: aqua; text-decoration: underline; }
a:hover, a:active { color: fuchsia; text-decoration: none; }

/* group (also known as clearfix) applies style to div's containing other floating elements - FLOAT CHILDREN LEFT AND CLEAR NONE */
.group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.group { zoom: 1; display: block; }

/* layout */
#branding { position:relative; }

#nav ul, #nav li, #callout ul, #callout li { margin: 0; padding: 0; text-indent: 0; list-style-type: none; }
#nav ul {padding: 5px 6px; margin-bottom: 7px;}
#nav li {background: url(../images/dot.gif) repeat-x 0 100%; position: relative; padding-bottom: 1px;}
#nav li ul { position: absolute; display: none; }
#nav li:hover ul, #nav li.hover ul { display: block; }


#nav a, #nav a:visited { color: #3a230d; text-decoration: none; padding: 11px 0px 9px 38px; line-height: 1.0em; display: block; overflow: hidden; width: 213px; }
#nav a:hover, #nav a:active,
.home #nav #nav-home a,
.about #nav #nav-about a,
.assumption #nav #nav-assumption a,
.hellenic #nav #nav-hellenic a,
.saint #nav #nav-saint a,
.party #nav #nav-party a,
.menus #nav #nav-menus a,
.links #nav #nav-links a,
.contact #nav #nav-contact a { color: #5b6228; text-decoration: none; background: url(../images/bg_nav_active.jpg) no-repeat 0 0; }
#nav li#nav-contact {background: url(none);}

#footer { margin: 0 auto; font-size: .85em; text-align: center; color: #d4bf95; }
#footer a, #footer a:visited { color: #6b6f2a; text-decoration: none; }
#footer a:hover, #footer a:active { color: #6b6f2a; text-decoration: underline; }

.breadcrumb { font-size:85%; padding-bottom: 10px; }
.breadcrumb a { outline: none; }


/* forms */
form#comments_form, #comments_form fieldset, #comments_form input { margin : 0; padding : 0; }
form#comments_form { width: 38em; margin-left: 5px; background: #F2EBD0; padding-top: 3px; }
form#comments_form p { font-size: 100%; padding: 2px; margin: 0; }

/* fieldset styling */
#comments_form fieldset { margin: 1em 0; padding: 1em; border: none; }

/* legend styling */
#comments_form legend { font-weight: bold; color: #737b35; }

/* style for  labels */
#comments_form label { float: left; width: 14em; }

/* style for required labels */
#comments_form label .required { font-size: 0.9em; font-style: normal; color: red; }
#comments_form label.error, #comments_form input.submit { color: #F00; margin: 5px 0 0 0; }
#comments_form input { width: 225px; }
#comments_form input.radio, #comments_form input.submit { width: auto; }
#comments_form textarea { width: 225px; height: 100px; padding:0; }

/* submit */
#comments_form div input, #comments_form div button { width: 100px; margin-top:5px; margin-left: 297px; padding: 0 .25em; background-color: #737b35; color: #fff; text-transform: uppercase; font-size: 90%; }

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

											Custom Styles

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

.container {width: 900px; margin:0 auto; padding:0; background: #FEF6DF url(../images/bg.png) repeat-x 0 0; }
#branding {width: 900px;height: 208px; background: url(../images/bg_branding.jpg) no-repeat 100% 0;}
#branches {width: 900px;height: 245px; background: url(../images/bg_branding.jpg) no-repeat 100% -208px;  color: #eee8c5;}
#sidebar {width: 263px; float: right; background: #A9AB77 url(../images/bg_nav.png) repeat-x 0 100%; 
	display: block; overflow: hidden; padding-bottom: 5px;}
#content {width: 495px; float: right; padding: 33px 54px 33px 33px;}
#footer {clear: both; width: 900px; background: #3A230D; border-top: 8px solid #747C36; padding: 10px 0;}

#branding h1 {position: absolute; top: 13px; left: 55px;}
#branding h1, #branding h1 a { display: block; overflow: hidden; width: 265px; height: 185px;}
#branding h1 a { position: absolute; top: 0; left: 0; z-index: 10; background: url(../images/logo.png) no-repeat; text-indent: -9999px; }
#branding p {position: absolute; top: 158px; left: 346px;}

.phone {color: #eee8c5; display: block; font-size: 1.833em; font-weight: normal; padding-bottom: 3px;}
a.email {color: #eee8c5; display: block; font-size: 1.166em; text-decoration: none;}
a.email:hover {text-decoration: underline;}


#branches ul {list-style: none; margin:0; padding:0 0 0 55px; _padding-left: 38px;}
#branches li {width: 222px; height: 218px; background: url(../images/bg_branches.png) repeat-x 0 0; float:left; 
	margin-right: 8px; padding: 16px 20px 0 21px; text-align: center; }
#branches h3 {font-size: 1.333em; padding: 1px 15px 2px 15px; font-weight: normal; color: #eee8c5;}	
#branches h3 a {color: #eee8c5; text-decoration: none;}
#branches h3 a:hover {text-decoration: underline;}
#branches img {width: 224px; height: 126px; display: block; overflow: hidden;}
#branches .address {background: url(../images/bg_branches_inner.png) repeat-x 0 0; height: 85px; width: 224px; line-height: 1.25em; padding-top: 7px;}

/*
a.quote, a.quote span {width: 170px; height: 58px; display: block; overflow: hidden;}
a.quote {margin: 0 auto; padding:0; position:relative; text-indent: -9999px;}
a.quote span{position: absolute; top:0; left:0; background: url(../images/btn_quote.png);}
*/

a.quote {width: 173px; height: 60px; display: block; overflow: hidden; margin: 0 auto; padding:0; position:relative; text-indent: -9999px; background: url(../images/requestquote.png) 0 0 no-repeat;}
a.quote:hover {background: url(../images/requestquote.png) 0 -59px no-repeat;}


/*a.catering, a.catering span {width: 171px; height: 73px; display: block; overflow: hidden; }
a.catering {margin: 0 auto; padding:0; position:relative; text-indent: -9999px;}
a.catering span{position: absolute; top:0; left:0; background: url(../images/btn_catering.png);}
*/

a.catering {width: 174px; height: 74px; display: block; overflow: hidden; margin: 0 auto; padding:0; position:relative; text-indent: -9999px; background: url(../images/partytrays.png) 0 0 no-repeat;}
a.catering:hover {background: url(../images/partytrays.png) 0 -72px no-repeat;}

#content a {color: #737b35; text-decoration: none; font-weight: bold;}
#content a:hover {text-decoration: underline;}

blockquote {background: #F2EBD0 url('../images/blockquote.png') 10px 10px no-repeat; width:490px; padding: 10px; margin-bottom: 15px;}
blockquote p {padding-left: 65px;}
blockquote cite {font-style: italic; text-align: right;}

div.menus {width:200px; background: #F2EBD0; float: right; padding: 8px;}
div.menus ul {margin: 0; padding:0; list-style: none;}
div.menus h2 {padding-bottom: 6px;}
#content div.menus a {font-weight: normal;}

#content img {border: 1px solid #F2EBD0;}