/* ==========  ========== */
/* ========== ========== ========== */

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

html {
height:101%;
}

body {
	background:#5E9762 url(images/body.png) repeat;
} 

* {
outline:none;
}

.contentbg {
	background:url(images/contentbackground.png) repeat-y top; /* Main background area (white panel) */
}

.headerbg {
background:url(images/header.jpg) top no-repeat; /* Main header background (background bubbles) */
}

.hidden {
display:none;
}

.contentwshade {
	margin-top:-20px;
	padding-top:20px;
}

.contentarea {
	padding-bottom:20px;
}

p.largetext {
font-size:15px;
}

a.more {
display:block;
text-indent:-9999px;
height:24px;
width:52px;
background:url(images/more.png) top no-repeat;
}

a.more:hover {
background-position:bottom;
}

a.view {
display:block;
text-indent:-9999px;
height:24px;
width:52px;
background:url(images/view.png) top no-repeat;
}

a.view:hover {
background-position:bottom;
}

blockquote p {
color:#0D1820;
font-style:italic;
margin:0;
}

blockquote {
background:#EAF6FD;
border:1px solid #D1ECF8;
padding:10px 10px 10px 10px;
margin:0 0 20px 0;
}


.smallsidebar p {
	font-size:11px;
	color:#333333;
}

.smallsidebar h5 {
margin-bottom:10px;
}

/* ========== Contact ========== */

fieldset {
border:1px solid #ccc;
}

legend {
border:1px solid #ccc;
padding:5px 10px;
font-weight:bold;
color:#300;
background:#f6f6f6;
}

label {
display:block;
font-weight:bold;
color:#333;
padding:5px 0 10px 0;
}

input, textarea {
font:120% Arial, Helvetica, sans-serif;
padding:5px;
border:1px solid #ccc;
}

input[type=submit] {
cursor:pointer;
background:#85C942;
border:1px solid #498929;
color:#fff;
}




/* ========== ========== ========== */

/* ========== footer ========== */

.footer {
	background:#F5F5F5 url(images/bottomcurl.png) no-repeat bottom;
	clear:both;
	padding-top:30px;
	padding-bottom:30px;
	color:#999;
	font-size:90%;
	margin:0 2px 0 0;
	padding-right: 10px;
	padding-left: 10px;
	border-top: 2px solid #5F9A62;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .footer { margin:0 0 0 2px }
}

.footer .nav {
float:right;
margin:0;
padding:0;
}

.footer .nav li {
list-style:none;
float:left;
margin-right:10px;
border-right:1px solid #fff;
padding-right:10px;
}

.footer .nav a {
	color:#666666;
	font-weight:normal;
	text-decoration:underline;
}
.footer a {
	color: #666666;
}


.footer .nav a:hover {
text-decoration:none;
}

.footer .nav li.last {
margin-right:0;
padding-right:0;
border-right:none;
}


/* ========== ========== ========== */

/* ========== Work ========== */


.latestwork {
	margin-bottom:25px;
	list-style-type: none;
	text-decoration: none;
}



/* ========== ========== ========== */

/* ========== News ========== */

.newspost h4 {
border-bottom:1px solid #eee;
background:url(images/news.png) left no-repeat;
padding-left:20px;
padding-bottom:5px;
}

.newspost span.date {
float:right;
text-align:right;
padding-left:20px;
background:url(images/date.png) left no-repeat;
font-size:12px;
}

.newspost p {
font-size:15px;
}

/* ========== ========== ========== */



/* ========== Homepage ========== */

.intro {
	height:220px;
	position:relative;
	margin-bottom:20px;
}

.intro h4 {
	position:absolute;
	top:215px;
	left:71px;
	font-size:16px;
	color:#D1ECF8;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}


/* ========== ========== ========== */

/* ========== Header area ========== */

.header {
	position:relative;
	height:200px;
}
.testimonial {
	padding: 5px 5px 5px 15px;
	width: 250px;
}

.header .nav {
position:absolute;
top:150px;
margin:0 0 0 5px;
padding:0;
left:1px;
}

body:last-child:not(:root:root) .header .nav {
	left: 1px;
}



body.about ul.nav li.about a, body.news ul.nav li.news a, body.work ul.nav li.work a, body.services ul.nav li.services a, body.contact ul.nav li.contact a, body.single ul.nav li.single a, body.threecolumns ul.nav li.threecolumns a, body.elements ul.nav li.elements a  {
background:white;
border-bottom:1px solid white;
color:#900;
}
#navi {
	background-color: #619C64;
	height: 35px;
	width: 870px;
	margin-top: 9px;
	margin-left: 40px;
	text-align: center;

}
.services {
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}


.sidebar {
	padding: 15px;
	background-image: url(images/daisy.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-left: 25px;
	background-color: #FFFFFF;
}
.intro2 {
	height:20px;
	position:relative;
	margin-bottom:20px;
}
.latestwork a {
	text-decoration: none;
	list-style-type: none;
}
.contentlist {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	list-style-type: disc;
	line-height: 20px;
	margin-left: 10px;
}
.profilepic {
	margin: 5px;
	padding: 5px;
	border: 1px solid #EBF5D2;
	float: right;
	background-color: #FFFFFF;
}
.leftpic {
	margin: 5px;
	padding: 5px;
	border: 1px solid #EBF5D2;
	float: left;
	background-color: #FFFFFF;
}
.smalltext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}
.sidebar2 {
	padding: 15px;
	background-image: url(images/6892649.jpg);
	background-repeat: no-repeat;
	background-position: center 15px;
	margin-left: 25px;
	background-color: #FFFFFF;
}