html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;text-align:center; background: url(../images/marble_bg.jpg) 0 0 repeat-x; margin:0; padding:0;}
p{margin:0 10px 10px}
a{display:block;/*color: #006;*/padding:10px; text-decoration: none; color: #B43939;}
a:hover {text-decoration: underline; color: #FFFFFF;}
h2{font-size: 1.6em;color: #74182f; width:inherit;padding: 0px 2em 1em 3em;}
h4{padding: 0px 2em 0em 1em; width:210px; font-size: 1em;}
img {border:none}
div#header{position:relative;height:160px;}
div#header h1{line-height:80px;margin:0;padding-left:10px;/*background:#FFF url(images/coffee_beans.jpg) 0 0 no-repeat;*/ color: #79B30B}
div#header a{ margin:0; padding:0; /*position:absolute;right:0;top:23px*/}
div#header .logo{ float:left; margin-right:-210px}
div#menu{/*min-height:20px;*/ margin:0; padding:0; background:#a4b05c; color:#FFF; border-top: solid 4px #74182f;}
div#container{text-align:left; background:#ece9ca;}
div#content {line-height:1.4}
div#content ul{margin:0; padding:0;}
div#content p{ color:#000;}

div#left{ background:#74182f; color:#FFF;}
div#left a, h2{ color:#a4b05c}


div#left h4{background: url(../images/careers_side_header.jpg) 0 0 no-repeat; 
color:#74182f; 
padding:5px 5px 5px 40px ; 
margin-top:5px;
}
div#left ul{margin:0; padding:0 /*10px*/; }
div#left p{padding:0 5px;}
div#footer{background:#a4b05c;color: #FFF; border-bottom: solid 4px #74182f;}
div#footer p{margin:0;padding:5px 10px}
div#footer a{display:inline;padding:0;color: #C6D5FD}

div#container{width:760px;margin:0 auto}
div#content{float:right;width:550px}
div#left{float:left;width:210px}
div#footer{clear:both;width:100%;text-align:center;height:30px; padding-top:10px; margin:0}


ul.menu {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.menu li {
	float: left;
	width: 20%;
	text-align: left;
}
ul.menu a{
	display:block;
	position: relative; /* for IE6 to hover on the whole box */
	padding: 5px 10px;
	text-decoration:none;
	background:#a4b05c;
}
ul.menu a:hover{
	background:#663300;
	color:#FFF;
}
div.clear {
	clear: both;
	height: 0;
	font-size: 0; /* for IE6 to allow zero height */
}
	  
	  
#latest {
}
#latest ul {
	margin: 0;
	list-style: none;
}
#latest h3 {
	font: bold x-small Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
#latest p {
	margin-bottom: 1.4em;
	font-size: smaller;
	line-height: normal;
}



.latest-post {
	padding: 0em 1em 0em 1em;
}
.latest-post h2 {
	font-size: 1.6em;
	color: #74182f;
	padding:0;
}
/*.latest-post p {
	background:#a4b05c;
	font-size: 1em;
	color: #000;
	padding: 5px 10px 5px 10px;
}*/
.post {
	padding: 0em 2em 0em 3em;
	margin:0;
}
.post a{display:inline;
	/*float:right;*/
        padding: 0em 1em 0em 1em;
}
.post h3 {
	border-bottom: 2px dashed #74182f;
	background-position: top;
	margin-bottom: .5em;
	text-transform: uppercase;
	font-size: 12px;;
	color: #a4b05c;
}
.file * {
	color: #74182f;
}
.file a:hover{color:#000}


.img1 {
	float: left;
	margin:5px 15px 0px 0px;
	/*border-left:2px solid 74182f;*/
        }
.img {
	margin: 5px 0 15px 0;
	}

.sidepic{padding: 15px 0;
        }
	


/*headerimage*/
/*div.limiter {
        text-align: left;
	width: 76%;
	max-width: 69.23em;
	padding: 1.2em 1.5em;
	margin-left: auto;
	margin-right: auto;
}
*/
	ul {
	margin-bottom: 2em;
	}
	ul#portfolio li img{
	border: 1px solid #ccc;
	padding: 4px; margin-left:210px;
	}
	ul#portfolio.innerfade{    
	width:59%;
	margin:0;
	padding:0;
	height:157px;	
	}
	li{list-style-type:none;}

/*******************frontpage pics***********************/
.frontpics {  
    height:  172px;  
    width:   100%; 
    margin:  0;  
    padding: 0;
} 
.frontpics li {
	float: left;
	list-style: none;
}
.frontpics ul {
    margin:  0;  
    padding: 0;
}
.frontpics img {  
    padding: 10px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  100px; 
    height: 100px; 
    margin-right:5px;
    margin-bottom:5px;
    clear: both;
} 
.frontpics p {
	margin: 0;
	text-align: center;
	width:172px;
	margin-right:5px;
	margin-bottom:30px;
}
/*****************menu pics*************************/
.pics {  
    height:  172px;  
    width:   100%; 
    margin:  0;  
    padding: 0px 2em 8em 1em;
} 
.pics li {
	float: left;
	list-style: none;
}
.pics ul {
    margin:  0;  
    padding: 0;
}
.pics img {  
    padding: 10px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  150px; 
    height: 150px; 
    margin-right:5px;
    margin-bottom:5px;
	clear: both;
} 
.pics p {
	margin: 0;
	text-align: center;
	width:172px;
	margin-right:5px;
	margin-bottom:30px;
}

/**************************blog style******************/
.blog {  
    height:  210px;  
    width:   100%; 
    margin-right: 5px;  
    padding: 0;
}

html>body .blog {margin:20px 10px 0 0 }/*IE fix*/

.blog h3{background: url(../images/blog_header.jpg) 0 0 no-repeat; 
         color:#ece9ca;
         height:25px;
         padding:5px 5px 0 40px;
         } 
.blog li {
	float: left;
	list-style: none;
	margin-right: 40px;
	margin-left: 10px
}
.blog p {
	margin: 0;
	text-align: left;
	width:172px;
	margin-right:5px;
	margin-bottom:10px;
}

/**************************Contact Form******************/
#form {background:#74182f; width:470px; padding:10px; border:1px solid #eee; margin:5px auto; font-size:1em; font-family:verdana, arial, helvetica, sans-serif;}
#form p {font-size:.9em; color:#fff; text-align:left; padding:15px 5px 5px 0; margin:0;}
#form fieldset#current p {padding:4px; margin:0;}
#form fieldset {width:450px; display:block; /*border:1px dotted #fff;*/ padding:5px 5px 5px 10px; font-family:verdana, sans-serif; margin-bottom:0.5em; line-height:1.5em; font-size:1em;}

/*#form fieldset:hover {border:1px solid #fff;}*/
/*#form fieldset#opt:hover {border:1px solid #a4b05c;}*/

#form legend {font-size:1.1em; font-weight:bold; border-bottom:2px solid #fff; margin-bottom:15px; padding:6px; background:none; color:#fff;}
* html #form legend {padding:0 0 30px 0; margin:5px 0 0 0; border:none;}
#form label {clear:left; display:block; float:left; width:100px; text-align:left; padding-right:10px; color:#fff; margin-bottom:0.5em;}
#form input {border:1px solid #414d59; padding-left:0.5em; margin-bottom:0.6em; width:280px; background:#ece9ca;}
#form input:hover { background:#a4b05c; border:1px solid #fff; color:#fff;}
#form input:focus {background:#fff; border:1px solid #a4b05c; color:#a4b05c;}

#form select {margin:0 0 1em 0.5em;}
#form textarea {width:410px; height:15em; border:1px solid #fff; padding:0.5em; overflow:auto; background:#ece9ca;}
#form textarea:hover { background:#a4b05c; border:1px solid #fff; color:#fff;}
#form textarea:focus {background:#fff; border:1px solid #a4b05c; color:#a4b05c;}

/*#form option {background:#fff; color:#a4b05c;}
#form optgroup {background:#fff; color:#000; font-style:normal;}
#form optgroup option {background:#fff; color:#a4b05c;}*/

#form #button1, #form #button2 {color:#fff; padding-right:0.5em; cursor:pointer; width:205px; margin-left:8px; background:#a4b05c; border:1px solid; border-color:#ece9ca #5f051c #5f051c #ece9ca;}
#form #button1:hover, #form #button2:hover {color:#74182f; background:#ece9ca; border:1px solid; border-color:#74182f #003 #003 #74182f; }

/**************************Rounded Corners******************/
.roundedcornr_box {background: url(../images/rounded_corners/roundedcornr_tl.png) no-repeat top left;}
.roundedcornr_top {background: url(../images/rounded_corners/roundedcornr_tr.png) no-repeat top right;}
.roundedcornr_bottom {background: url(../images/rounded_corners/roundedcornr_bl.png) no-repeat bottom left;}
.roundedcornr_bottom div {background: url(../images/rounded_corners/roundedcornr_br.png) no-repeat bottom right;}
.roundedcornr_content {background: url(../images/rounded_corners/roundedcornr_r.png) top right repeat-y;}

.roundedcornr_top div,.roundedcornr_top,.roundedcornr_bottom div, .roundedcornr_bottom {width: 100%;height: 15px;font-size: 1px;}
.roundedcornr_content, .roundedcornr_bottom {margin-top: 0px;}
.roundedcornr_content { padding: 10px 15px 5px 15px; }

/**************************Pop up image******************/
#info p {margin-left:15px; margin-right:20px;}

a.screen, a.screen:visited {float:right;
color:#c00; 
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
width:200px; /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:1px solid #000; /* add a border */
right:150px; /* position:the image */
top:-150px;
}
a.screen:hover {
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:150px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
}
a.screen:hover b img {
border:0; /* remove the link border */
}



/******************************************************/
.gallerycontainer{
position: relative;
height:300px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid #FFF;
margin: 0 5px 5px 0;
}

/*.thumbnail:hover{
background-color: transparent;
}
*/
.thumbnail:hover img{
border: 1px solid #FFF;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #EEE;
padding: 5px;
left: -1000px;
border: 1px solid #CCC;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 115px;
left: 205px; /*position where enlarged image should offset horizontally */
z-index: 50;
text-align:center;
}