/*
Theme Name: D’La Colmena
Theme URI: http://dlacolmena.com/
Description: Catering by D’La Colmena.
Version: 1.0

*/

* {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
margin: 0;
padding: 0;
font: 12px Arial, Helvetica, sans-serif;
color: #535353;
background: #f5f3da url(images/bg.png) no-repeat top center;
}


#wrapper {
width: 939px;
margin: 0 auto;
height: 100%;
}

.clear { clear: both; }
.redcolor { color: #FE0006; }
img { border: none; }
.marooncolor { color: #9A0000; }

a.link2red {
color: #9A0000;
text-decoration: none;
background: url(images/bullet.gif) left no-repeat;
padding: 0 0 0 12px;
}

a.link2red:hover {
text-decoration: underline;
}

a.link2redemail {
color: #9A0000;
text-decoration: none;
}

a.link2redemail:hover {
text-decoration: underline;
}

#header {
	height: 138px;
	position: relative;
	z-index: 10;
}

#header h1 a {
	width: 268px;
	height: 128px;
	position: absolute;
	top: 5px;
	left: 16px;
	text-indent: -9999px;
	display: block;
}

.languagebox {
	width: 195px;
	height: 45px;
	position: absolute;
	right: 0;
}

.languagebox ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.languagebox li {
	margin: 0;
	padding: 0;
	float: left;
	height: 40px;
	margin: 0;
}

.languagebox li a {
	float: left;
	font-size: 16px;
	height: 31px;
	margin: 0 0 0 20px;
	line-height: 30px;
	display: block;
	text-indent: -9999px;
}

.languagebox li.english a {
	width: 53px;
	margin: 0 7px 0 19px;
}

.languagebox li.spanish a {
	width: 57px;
}

.languagebox li a:hover {
	border-bottom: 1px solid #fff;
}

/*English Navigation*/
#menuBox {
height: 48px;
width: 648px;
background: url(images/nav-box-bg.png) no-repeat 0 -49px;
position: absolute;
top: 136px;
right: 0;
z-index: 100;
}

#menuBox ul {
	margin: 0;
	padding: 0;
}

#menuBox li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	
}

#menuBox li a {
	margin: 0;
	padding: 0;
	background: url(images/nav-box-bg.png) no-repeat;
	height: 48px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: relative;
}

#menuBox li.page-item-17 a {
	left: 39px;
	width: 78px;
	background-position: 0 48px;
}

#menuBox li.page-item-2 a {
	left: 39px;
	width: 103px;
	background-position: 0 48px;
}


#menuBox li.page-item-3 a {
	left: 39px;
	width: 96px;
	background-position: 0 48px;
}

#menuBox li.page-item-6 a  {
	left: 39px;
	width: 180px;
	background-position: 0 48px;
}

#menuBox li.page-item-10 a {
	left: 39px;
	width: 118px;
	background-position: 0 48px;
}

#menuBox li.page-item-17 a:hover {
	background-position: -39px -2px;
}

#menuBox  li#pg17.current_page_item a{
	background-position: -39px -2px;
}


#menuBox li.page-item-2 a:hover{
	background-position: -117px -2px;
}

#menuBox  li#pg2.current_page_item a{
	background-position: -117px -2px;
}


#menuBox li.page-item-3 a:hover {
	background-position: -220px -2px;
}

#menuBox  li#pg3.current_page_item a{
	background-position: -220px -2px;
}

#menuBox li.page-item-6 a:hover{
	background-position: -316px -2px;
}

#menuBox  li#pg6.current_page_item a{
	background-position: -316px -2px;
}


#menuBox li.page-item-10 a:hover {
	background-position: -496px -2px;
}

#menuBox  li#pg10.current_page_item a{
	background-position: -496px -2px;
}

/*Spanish Navigation*/

#espa_menuBox {
height: 48px;
width: 648px;
background: url(images/spa_nav.png) no-repeat 0 -49px;
position: absolute;
top: 136px;
right: 0;
z-index: 100;
}

#espa_menuBox ul {
	margin: 0 0 0 0;
	padding: 0;
}

#espa_menuBox li {
	float: left;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	
}

#espa_menuBox li a {
	margin: 0;
	padding: 0;
	background: url(images/spa_nav.png) no-repeat;
	height: 48px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position: relative;
}
#espa_menuBox li.page-item-54 a {
	left: 7px;
	width: 78px;
	background-position: 0 48px;
}

#espa_menuBox li.page-item-59 a {
	left: 7px;
	width: 117px;
	background-position: 0 48px;
}

#espa_menuBox li.page-item-61 a {
	left: 7px;
	width: 171px;
	background-position: 0 48px;
}

#espa_menuBox li.page-item-63 a {
	left: 7px;
	width: 159px;
	background-position: 0 48px;
}

#espa_menuBox li.page-item-79 a {
	left: 7px;
	width: 97px;
	background-position: 0 48px;
}

#espa_menuBox li.page-item-54 a:hover {
	background-position: -7px -2px;
}

#espa_menuBox li#pg54.current_page_item a{
	background-position: -7px -2px;
}

#espa_menuBox li.page-item-59 a:hover {
	background-position: -85px -2px;
}

#espa_menuBox li#pg59.current_page_item a{
	background-position: -85px -2px;
}

#espa_menuBox li.page-item-61 a:hover {
	background-position: -202px -2px;
}

#espa_menuBox li#pg61.current_page_item a{
	background-position: -202px -2px;
}

#espa_menuBox li.page-item-63 a:hover {
	background-position: -373px -2px;
}

#espa_menuBox li#pg63.current_page_item a{
	background-position: -373px -2px;
}

#espa_menuBox li.page-item-79 a:hover {
	background-position: -532px -2px;
}
#espa_menuBox li#pg79.current_page_item a{
	background-position: -532px -2px;
}


/*home page content*/
#sliderBg {
width: 939px;
height: 501px;
padding: 0 0 0 0;
margin: 2px 0 0 0;
background: url(images/slider_box_bg.png) no-repeat;
position: relative;
}

.slider {
width: 815px;
height: 381px;
padding: 42px 0 0 34px;
position: absolute;
}

#sidebarBg {
width: 229px;
height: 470px;
position: absolute;
background: url(images/sidebar-bg.png) no-repeat;
top: 80px;
right: 0;
padding: 48px 0 0 15px;
}

#sidebarBg #sidebarboxtop {
	width: 222px;
	height: 236px;
}

#sidebarBg .topheading {
	margin: 0 0 0 10px;
}

#sidebarBg #sidebarbottom {
	width: 222px;
	height: 222px;
	margin: 0 0 0 0;
}

#sidebarBg #sidebarbottom #sidebarbottomtext {
	padding: 26px 25px 0 25px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#sidebarbottomtext h2 {
	margin: 0;
	padding: 0;
	color: #9A0000;
	font-size: 12px;
}

#sidebarbottomtext a {
	color: #9A0000;
	text-decoration: none;
	background: url(images/bullet.gif) left no-repeat;
	padding: 0 0 0 12px;
	line-height: 35px;
}

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

#sidebarInStore {
	position:absolute;
	top: 580px;
	right: 0px;
	width: 229px;
	height: 375px;
	background: url(images/sidebar-in-store.png) no-repeat;
	padding: 28px 0 0 15px;
}

.inStore {
	padding: 26px 25px 0 25px;
	line-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#middleContent {
	width: 650px;
	padding: 0 265px 0 24px;
}

#middleContent h3 {
	color: #FE0006;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 20px;
}

#middleContent .entry {
	color: #535353;
	font-size: 14px;
	line-height: 20px;
}


p.maintext {
	color: #535353;
	font-size: 14px;
	line-height: 22px;
}

.catring_text_area .entry p {
padding: 10px 0 0 0;
font-size: 14px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #383646;
line-height: 22px;
}

/*--Internal Css--*/

.internal_bg{
	margin:8px 0 0 0;
	padding:0px;
	width:926px;
	position: relative;
}

.internal_top{
	margin:0px;
	padding:0px;
	background:url(images/in_top_bg.png) no-repeat;
	height:56px;
}

.internal_repeat{
	margin:0px;
	padding:0px;
	background:url(images/in_repeat_bg.png) repeat-y;
	min-height: 550px;
}

/* for Internet Explorer */
/*\*/
* html .internal_repeat {
	height: 550px;
}
/**/

.catring_text_area{
	margin:0px;
	padding:0 0 0 46px;
	width:600px;
}

.internal_repeat h1{
	margin:0px;
	padding:0px;
	color:#9C110B;
	font-size:30px;
	font-weight: normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.internal_repeat h2{
	margin:0px;
	padding:0 0 0 0;
	color:#19748F;
	line-height:20px;
	font-size:16px;
	font-weight: bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.internal_repeat h3{
	margin:20px 0 0 0;
	padding:0px;
	color:#9C110B;
	font-size:30px;
	font-weight: normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}


.internal_botm{
	margin:0px;
	padding:0px;
	background:url(images/in_botom_bg.png) no-repeat;
	height:92px;
}

.catring_nav{
	margin:0px;
	padding:0px;
}

.catring_nav ol{
	margin:0px;
	padding:0px 0 0 30px;
}

.catring_nav li{
	margin:0px;
	padding:10px 0 0 0px;
	font-size:13px;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#383646;
	line-height:20px;
}

.font_normal{
	font-weight:normal;
}

.contactUs {
	padding: 20px 15px 0 20px;
	color: #383646;
	font-size: 14px;
	line-height: 21px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.contactUs .phoneno {
	color: #9A0000;
	font-size: 26px;
	margin: 15px 0 10px 0;
	padding: 0;
}

.contactUs .askfor {
	color: #4B4B4B;
	font-size: 18px;
}

#footer {
height: 77px;
margin: 12px 0 0 0;
background: url(images/footer_bg.png) no-repeat top center;
}


/* Contact form   */
.inputBox, .textareaBox {
width: 280px;
padding: 4px;
border: 1px solid #d8ca90;
}

.btn_send {
width: 90px;
background: #19748f;
color: #fff;
border: none;
padding: 5px 0 5px 0;
cursor: pointer;
}




/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:350px;
	z-index: 0;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/* Begin Images */

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */



.dummypad {
padding: 30px 0 0 0;
clear: both;
}