/* Essentials====================================== */
body {
margin: 0;
padding: 0;
overflow: scroll;
background: #fef9f5;
background-image: url(../images/zenyoinc.jpg);
background-repeat: no-repeat;
background-position: left top;
background-attachment: fixed;
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
font-weight: normal;
}
 
 
/*======CONTAINER=============*/

#container {
width: 900px;
height: 800px;
margin: 0 auto;
}

.logo {
float: left; 
height: 65px;
margin-bottom: 15px;
}

/*LANDING PAGE STYLES*/

#landing {
clear: both;	
background-image: url(../images/hello.png);
background-repeat: no-repeat;
background-position: left top;
height: 100px;
padding-top: 145px;
}

#landing p {
margin-left: 50px;
text-align: left;
font-size: 25px;
font-weight: lighter;
font-style: italic; 
line-height: 36px;
color: #82a6a2;
}

span.ellipses {
font-family: trebuchet ms;
font-size: 75px;
font-weight: bold;
}

#empty {height: 75px;}

#navdots {
height: 125px;
}

/*NAVIGATION STYLES*/

#nav {
float: right;
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;	
}

#nav ul {
margin: 0;
}

#nav li{
display: inline;
font-size: 18px;
padding-right: 20px;
}

#nav li.current a {
color: #d45333;
text-decoration: underline; 
}

#nav ul a {
text-decoration: none;
color: #5d8727;
}

#nav a:hover, .nav a.active {
color: #d45333;
}

/*OUR STORY STYLES*/

#twain {
clear:both;
width: 100%;
height: 75px;
background-image: url(../images/twainquote.png);
background-repeat: no-repeat;
background-position: left top;
margin-bottom: 15px;

color: #5d8727;
border-bottom: 1px solid #d3cfcc;
}

#twain p {
font-size: 12px;
font-style: italic;
line-height: 1px;
}

#col-left {
width: 55%;
height: 480px;
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
color: #5d8727;
text-align: left;
line-height: 35px;
padding-right: 30px;
border-right: 1px solid #d3cfcc;
margin-bottom: 5px;
}

#col-left p {
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
text-align: left;
font-size: 18px;
color: #4d4c4c;
margin: 10px 0 15px 0;
line-height: 24px;
}

#col-left h1 {
font-size: 24px;
font-weight: normal;
text-align: center; 
line-height: 60px;
color: #5d8727;
}

#col-left h2 {
font-size: 22px;
font-weight: normal;
text-align: left;
color: #4d4c4c;
line-height: 30px;
}

.pullQuote {
float: right;
width: 50%;
margin: 15px 0 5px 5px;
padding: 10px;
font-size: 14px;
text-align: left;
color: #4d4c4c;
line-height: 20px;
	border: 1px solid #d3cfcc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background-color: #eeeae7;	
}

.left {
list-style-image: url(../images/bulletpoint_dot.png); 
}

.left li {
text-align: left;
margin-left: 20px;
}

#col-left a {
font-size: 14px;
color: #4d4c4c;
text-decoration: underline;
}

#col-left a:hover {
color: #82A6A2;
text-decoration: underline;
}

#col-right {
	float: right;
	width: 38%;
	height: 420px;
	margin: -460px 0 0 553px;
	border: 1px solid #d3cfcc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 18px;
	font-weight: normal;
	background-color: #eeeae7;
}

#col-right img {
float: left;
margin: 5px;
}

#col-right h3 {
font-size: 20px;
font-weight: bold;
font-style: italic;
color: #82A6A2;
float: left;
margin: 8px;
padding-left: 5px;
}

/* BLOG FEED STYES */

#blog {
clear: both;
background-color: #ffffff;	
height: 300px;
border: 1px solid #d3cfcc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
margin: 10px 10px 3px 10px;
overflow: hidden;
}

div.feedburnerFeedBlock div {
font-size: 12px;
line-height: 16px;
text-align: left;
}

div.feedburnerFeedBlock ul {
margin: 5px;
padding: 5px;
list-style-type: none;
}

div.feedburnerFeedBlock li {
text-align: left;
}

div.feedburnerFeedBlock span.headline a {
font-weight: bold;
color: #D45333;
font-size: 12px;
text-decoration: none;
float: left;
padding-top: 8px;
text-align: left;
}

div.feedburnerFeedBlock p.feedItemAuthor {
clear: both;
text-align: left;
font-style: italic;
font-size: 10px;
} 

div.feedburnerFeedBlock p.date {
font-style: italic;
font-size: 10px;
text-align: right;
padding-bottom: 10px;
}

div#creditfooter {
margin-left: -9999px;
overflow: hidden;
}

#socialmedia {
	float: left;
	margin-left: 10px;
}

#socialmedia li {
display: inline;
}

#socialmedia li img {
margin: 10px 10px 5px 0px;
}

span.smart {
font-weight: bold;
color: #D45333;
}

span.superscript {
font-size: 9px;
vertical-align: super;
}

/*GALLERY STYLES*/

#wrapper {
	clear: both;
	float: right; 
	margin: -320px 0 15px 0;
    width: 67%;
    padding: 15px;
	text-align:left;
    background-color: #eeeae7;
	color: #d45333;
}

.shadow {
	-moz-box-shadow: 3px 3px 4px #656a5a;
	-webkit-box-shadow: 3px 3px 4px #656a5a;
	box-shadow: 3px 3px 4px #cfcece;
	 /* For IE 8 */
	 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#656a5a')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#656a5a');
	09.
}

#img {
    width: 600px;
    height: 391px;
    margin-bottom: .75em;
	}

#gallery { 
	height: 82px;
	overflow: hidden;
 }


#wrapper, #img, #gallery li {
	list-style: none;
	border: 1px solid #d3cfcc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

#gallery.gal {
    background: transparent url(../images/ajax-loader-small.gif) 50% 50% no-repeat;
    border-color: #698742;
    cursor: pointer;
}

.caption {
    display: block;
    bottom: 50px;
    left: 0px;
    position: relative;
    width: 96%;
    height: 50px;
    padding: 0 2%;
    line-height: 50px;
    color: #fff;
    background-color: #000;
    opacity: .8;
	text-align: left;
}


/* Message */

#message {
clear: both;
float: left;
width: 26%;
margin-top: 20px;
}

#message p {
text-align: left;
font-family: trebuchet ms, verdana, arial, helvetica, sans-serif;
font-size: 18px;
line-height: 24px;
color: #4d4c4c;
}


/*FOOTER STYLES*/	

#footer {
clear:both; 
background-image: url(../images/footerbg.png);
background-repeat: no-repeat;
background-position: top;
margin: 15px 0 15px 0;
}

.address table {
font-size: 12px;
font-style: italic;
line-height: 16px;
color: #82a6a2;
}

.address td {
padding-top: 15px;
text-align: left;
}

.address a {
color: #82a6a2; 	
text-decoration: none;
}

.address a:hover {
color: #d45333;
text-decoration: underline;
}