.element*{
	/* Universal reset: */
	margin:0;
	padding:0;
}

header,footer,
article,section,
hgroup,nav,
figure{
	/* Giving a display value to the HTML5 rendered elements: */
	display:block;
}

body{
	/* Setting the default text color, size, page background and a font stack: */
font-size:0.825em; color:#fcfcfc; background: url(images/paper-tile.jpg) repeat #355664; font-family:Arial, Helvetica, sans-serif;}

body#onepixelout {
background: url(images/paper-tile.png) repeat;}

#onepixelout{
font-family: "Helvetica", Arial, Helvetica, sans-serif; font-size:100%; background: url() repeat top left;}

#wrapper{
width:940px; padding:0px 10px; margin:0px auto; background: url(images/page-bg.jpg) repeat-y #0eab02; overflow:auto; }

a, a:visited {
color:#0196e3; text-decoration:none; outline:none;}

a:hover{
text-decoration:underline;}

a img{
border:none;}

.logo{ text-shadow:0 1px 1px black;}

p
{color:#466e43; line-height:1.5em; padding-bottom:10px; font-size: 90%;}

p a{
color: #274825; text-decoration:underline;}

p a:visited {
color:#274825; text-decoration:underline; }

.line{
	/* The dividing line: */ 
height:1px; background-color:#24404c; border-bottom:1px solid #416371; margin:1em 0; overflow:hidden;}

article .line{
	/* The dividing line inside of the article is darker: */
	background-color:#15242a;
	border-bottom-color:#204656;
	margin:1.3em 0;
}

#nav, #footer, #home-page-p, #about-side, #portfolio-slider, #photos, #email, #availability, #contact-form #form, #contact-form, article, nav ul li a,figure{
	/* Applying CSS3 rounded corners: */
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

/* The clearfix hack to clear the floats: */

.clear:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.shadow{
-moz-box-shadow: 2px 2px 5px 2px #2d5229; -webkit-box-shadow: 2px 2px 5px 2px #2d5229; box-shadow: 2px 2px 5px 2px #2d5229;}

/* The navigation styling: */


#nav ul li a, nav ul li a:visited{
color:#466e43; display:block; float:right; font-size:90%; font-weight:bold; margin:0px 2px; padding:3px 10px 4px;
}

#nav ul li a:hover{
text-decoration:none; background-color:#ffffff;}

#nav, article, #sidebar, #twitter, #about-left,#main-full, #element, #nav ul li a, figure{
	/* Applying CSS3 rounded corners: */
-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}


#nav{
width:590px; background:#c5e7c2;margin:0px 10px; float:left; padding-left:20px;}

#nav ul{
list-style:none; float:right; display:inline;  height: auto; font-size: 140%; color:#CCC; padding:0px; margin:0px;}

#nav ul li{
display:inline;	padding: 2px 20px; float:left; margin: 2px 0px;}

#nav img{ 
padding-right: 0px; margin-right: 30px;}


/* Article styles: */

article{
background-color:#213E4A; margin:3em 0; padding:20px; text-shadow:0 2px 0 black;}

figure{
border:3px solid #142830; float:right; height:300px; margin-left:15px; overflow:hidden; width:500px;}

figure:hover{
	-moz-box-shadow:0 0 2px #4D7788;
	-webkit-box-shadow:0 0 2px #4D7788;
	box-shadow:0 0 2px #4D7788;
}

figure img{
	margin-left:-60px;
}

/* Footer styling: */

#footer{
text-align:center; font-size:0.825em;}

#footer p{ position:relative;}

#footer a,footer a:visited{
color:#cccccc; background-color:#213e4a; display:block; padding:2px 4px; z-index:100; position:relative;}

footer a:hover{
text-decoration:none; background-color:#142830;}

footer a.by{
float:left;}

footer a.up{
	float:right;
}
@charset "utf-8";
/* CSS Document */



#right_outer{
	float:right;
	background-image:url();
	width:550px;	
}
#top{
	height:200px;
	background-repeat: no-repeat;
	background-image:url();
}
#home-page-p{
width:560px; float: left; padding:10px; background:#FFF; color: #999; font-size: 100%; margin: 10px 10px 10px 10px; }

#home-page-p p{
}



a img {
	border:none;
}
img a:visited {
	border:none;
}
/* Headings: */

h1,h2,h3{
text-shadow:0 1px 1px black;}

h1{
/* The logo text */ font-size:3.5em; padding:0.5em 0 0; }

h1 a{
color:#333; text-decoration:underline;
}
h1 a:visited{
color:666; text-decoration:none;} 

h1 a:hover{
color:#999; text-decoration:underline;}
	
h1
{display:none;}
h3{
	/* The slogan text */
	font-family:forte,"Myriad Pro","Helvetica Neue",Helvetica,Arial,Sans-Serif;
	font-size:2em;
	font-weight:normal;
	margin:0 0 1em;
}


h2{
color:#466e43; font-style:italic; font-weight:bold; font-family:"Georgia", Georgia, Times New Roman, serif; font-size: 24px; padding:10px 0px 0px 10px; margin:0px 0px 15px 0px;
}


/*top nav*/
#top-nav{
width:330px; display:block; padding: 5px 15px 0px 5px; float: right; height: 60px; background:url() no-repeat top right;}

#top-nav ul{
list-style:none; display:inline; float:right; line-height: 20px; height: 50px; padding:none; font-family:Georgia, serif; font-weight:bold; font-size: 16px;}

#top-nav li{
padding:0px 12px; display:inline; margin-top: 0px; float: left; height:50px; color: #000;}
#top-nav li.home{
border-right:1px dashed #630;}
#top-nav li.about{
border-right:1px dashed #630;}
#top-nav li.work{
border-right:1px dashed #630;}

#top-nav a:visited{
color:#f69f03;}

#top-nav a:hover{
color:#e2bf24;}

#top-nav a{
	color:#f69f03;
	text-decoration:none;
}
#banner{
	height:250px;
	width:940px;
	background:url(images/banner.jpg) top left;
	
}

#slider {
    width: 410px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#header {margin-bottom: 3em;}
 #header {margin-bottom: 1em;}
 
 /*for all browsers other than internet explorer:*/
html>body #slider1 {
width: 540px; /* important to be same as image width */ height: 260px; /* important */ overflow: hidden; /* important */ float: right; position: relative; border:1px solid #328744;
}
/*especially for you, internet explorer. you are the bain of my life*/
#slider1 {
	width: 520px; /* important to be same as image width */
	height: 280px; /* important */
	overflow: hidden; /* important */
	float: right;
	position: relative;
	margin-right: 10px;
	margin-top:20px;
}

.about{
	line-height:18px;
	padding-top: 10px;
}
#small-about{
	width:350px;
	float: right;
}


.low {
	margin-bottom:-5px;
	font-size:18px;
}
#icon{
	float:left;
	width:50px;
	margin: 10px 10px 10px 10px;
}
	 
.right-contact{
	float:right;
	width:260px;
}
.left-float{
	float:left;
}

	
h2 a{
	color:#333;
	text-decoration:underline;
}
h2 a:visited{
	color:#333;
	text-decoration:none;
} 
h2 a:hover{
	color:#333;
	text-decoration:underline;
}

h2.intro {background:url(images/intro-h1.jpg) no-repeat top left; height:40px; width:500px;}

h3{
	color: #FFF;
	text-align:right;
	font-family:"Helvetica", Arial, Helvetica, sans-serif;
	font-size: 18px;
	padding-right:20px;
	line-height:14px;
	padding-top: 20px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
h3 a{
	color:#630;
	text-decoration:none;
}
h3 a:visited{
	color:630;
	text-decoration:none;
} 
h3 a:hover{
	color:#630;
	text-decoration:underline;
}
h4{
color: #FFF; font-family:"Helvetica", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:right; margin-right:10px; border-bottom:1px dashed #630;}



#small-right{
width:200px; float:right; margin-top: 30px;}

#small-left{
width:140px; float:left;}

#sliderContent, #slider1Content {
	width: 540px; /* important to be same as image width or wider */
	position: absolute;
	top: 0;
}
.sliderImage, .slider1Image {
	float: right;
	position: relative;
	display: none;
}
.sliderImage span {
 position: absolute; font: 10px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 384px; background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 540px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px;
	height: 280px;
}

.right {
	right: 0;
	bottom: 0;
	width: 90px;
	height: 290px;
}
.padding-left{
	margin-left:20px;
}
ul { 
	list-style-type: none;
	color:#630;
	font-size:12pt;
}
#sidebar{
float: right; padding:0px; margin:0px 10px 0px 0px; width:300px; }

#sidebar #about-side{ 
background:#FFF;width:280px; padding:10px; margin:5px 0px 10px 0px;}

#sidebar h4{ 
color:#328744; margin:5px 0px;}

#availability {width:280px; padding:10px; margin:5px 0px; background:#FFF;}

#sidebar #email{width:300px; padding:0px; margin:0px 0px; background:#FFF;}

#sidebar #email #quick-form{
width: 260px; margin:0px 10px 10px 10px; background: url() #FFF; background-repeat: no-repeat; padding: 20px 10px; border:none; color:#355433}

#sidebar #email #form{
}


#minidiv{
width:360px; overflow: auto; height: 80px; padding-top: 10px;}

#blog-updates{
width:290px; }

#blog-updates h3{
background:url() no-repeat top left; width:290px; height:40px;}

#blog-updates span{
display:none;}

#content h1{
color:#FFF; font-size:20px; text-align:right; padding-right:20px; margin-top: 0px;}

#content-menu{
background-image:url(content_bg.jpg); width:900px; height:375px; position: fixed;}

#web-short{
width:269px; padding-left: 10px; float: left; color: #666;  padding-top: 30px; background-image: url();background-repeat: no-repeat;
}
#web-short h1{
color:#000;}

#web-short h1 a{
color:#000;}

#web-short h1 a:hover{
color:#000; text-decoration:underline; }

#twitter{
width:300px; float:right; clear:both; margin:60px 10px 0px 0px; background:url() no-repeat #fff; font-size:80%;}

#twitter h4{
width:290px; margin:0px 0px 0px 0px; border:none; color:#328744}
#twitter h4 a{
 color:#328744}

#twitter span{
display:none;}

#twitter a{
color:#000;}

#twitter a:hover{
color:#000; text-decoration:underline;}

#twitter #twtr-timeline {height:160px; border:1px solid #328744;}
#twitter img, h3 {display:none;}
#twitter .twtr-hd a{display:none;}
#twitter .twtr-hd, .twtr-ft{display:none;}
#twitter .twtr-tweet-text p{font-size:95%;}


#photos{background:#FFF; width:300px;}

#photos h3{
 height:40px; width:290px; }

#photos span{
display:none;}

#flickr_badge_uber_wrapper {width:300px;}
#flickr_badge_wrapper {padding:10px 0px ; margin:0px 10px;}
.flickr_badge_image {margin:2px; width:305px; display:inline;}
.flickr_badge_image img { display:inline; width:85px;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_icon {margin-right:5px;}
#flickr_www {padding:0 10px 0 10px !important; }
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {width:auto;}
#flickr_badge_wrapper {width:auto;}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#000000 !important;}


#media-element{
width:780px; height: 280px; display: inline-block; padding: 20px 30px 0 30px; background:#FFF;}

#media-image{
width:300px; float:left; padding-left: 30px;}

#media-text{ 
width:330px; float:right; padding-right: 30px; }

#element-multimedia{
	width:350px;
}
#container {
	width: 380px;
	margin-top: 10px;
	margin-left: 30px;

}
.media{
	list-style-image:url();
}
.media-thumbs{
	padding-left:40px;
	margin-bottom: 10px;
}


#right-side{
	width:300px;
	float:right;
	height: 800px;
}
#about{
width:880px; padding-left:10px; padding-right:10px;}

#about-right{
width:300px; float: right; padding-left: 10px; background-image: url(header-bg.png); background-repeat: no-repeat; margin-right: -10px; padding-right: 10px;}

#about-left{
width:570px; float:left; padding:20px 10px 10px 15px; margin:10px 0px 10px 0px; background:#FFF;}


#about-l{
	width:450px;
	float:left;
	display: block;
	margin-left: 40px;
	margin-bottom: 15px;
}
#about-r{
	width:400px;
	float:right;
}
#contact{
background-repeat:no-repeat; height:300px; width: 260px; margin-left: 10px; padding-left: 10px;}

h2.contact {height:40px; background:url(images/contact-h1.jpg) no-repeat top left #FFF; width:300px; margin:0px; } 

.hidden {display:none;}

#contact-form{
width: 560px; margin:10px; background: url() #FFF; background-repeat: no-repeat; padding: 10px;}

#form{
color: #466e43; font-size:14px; width: 500px; margin-left: 20px; padding: 10px; border:1px solid #466e43;}

#formemail{
margin:0px; padding:2px;
}
#formname{
margin:0px; padding:2px;
}

#main{
 width:610px; float:left; margin:10px; display:block; background:#6cab65; }

#main-full{
 width:920px; float:left; margin:10px; display:block; background:#6cab65; }

#main, article, nav ul li a,figure{
	/* Applying CSS3 rounded corners: */
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

#wrapper #main.homepage{
background:url(images/slideshow-bg.jpg) no-repeat top left #313131; color: #274825;  float:left;
}

#wrapper #main.homepage h3 span{
	display:none;}

#websites{
padding:0px 10px; background: #FFF;}

#web-gallery{
	padding-left:10px;
	border:none;
}
#web-gallery h3 a{
	color: #FFF;
	text-decoration:none;
}
#web-gallery h3 a:visited{
	color: #FFF;
}
#web-gallery h3 a:hover{
	color: #FFF;
	text-decoration:underline;
}
#web-gallery img{
	float:left;
	width:350px;
}
#web-gallery a{
	border:none;
}
#web-gallery a:visited{
	border:none;
}
.element h3{ visibility:visible;}

.element-text{
background:#FFF; margin:10px; padding:10px; width: 400px; display:inline; }

.element-text{
	width:400px;
	padding-right:15px;
}
#websites .element {
width:400px; height:300px; margin:10px 15px; display:inline; padding:10px}


#web-gallery p{
width:350px; float:right; font-size:11pt; text-align: left; margin-right: 30px;}

#web-gallery img{
	float: left;
}
#websites .element img {
margin:10px 0px; }


#portfolio-slider{
width:560px; height:300px; float: left; padding: 10px; background:#FFF; margin:10px;}

#portfolio-slider h3{
background:url() no-repeat top left; margin:10px 0px 0px 10px; height:40px; width:340px; padding:10px 0px 0px 10px; }

#portfolio-slider span{
display:none;}

#multimedia{
	
	margin-left:20px;
	margin-right:20px;
	padding-top: 20px;
}
#multimedia-l{
	width:400px;
	float:left;
	padding-left: 20px;
}

#multimedia-r{
	width:400px;
	float:right;
	padding-left: 15px;
}
	
#footer{
width:930px; height:226px; padding:25px 5px 0px 5px; background:url(images/footer-top.jpg) no-repeat #498043; float: left;}

#footer p{
font-size:14px; color: #355433; float: right; padding:0px; margin:2px;}

#footer ul.sitemap{
list-style:none; display:inline; margin-left:150px; line-height: 20px; height: 35px; font-size: 16px;
}
#footer ul.sitemap li{
padding-left:20px; padding-right:20px; background:url(images/footer-li-bg.jpg); display:block; margin-top: 0px; float: left; height: 35px; width:290px;}

#footer .hidden{display:none;}

#footer ul.social{
list-style:none; display:block; font-size: 14px; width:290px; float:left; margin:0px;
}
#footer ul.social li{
padding:10px 0px 0px 40px; background:url(); display:block; margin-top: 0px; float: left; height: 25px; width:250px;
}
#footer ul.social li a.twitter{
padding:10px 0px 0px 40px; background:url(images/latest-from-twitter.jpg); display:block; margin-top: 0px; float: left; height: 25px; width:250px;
}
#footer ul.social li a.flickr{
padding:10px 0px 0px 40px; background:url(images/latest-from-flickr.jpg); display:block; margin-top: 0px; float: left; height: 25px; width:250px;
}
#footer ul.social li a.blog{
padding:10px 0px 0px 40px; background:url(images/latest-from-blog.jpg); display:block; margin-top: 0px; float: left; height: 25px; width:250px;
}
#footer ul.social li a.email{
padding:10px 0px 0px 40px; background:url(images/email.jpg); display:block; margin-top: 0px; float: left; height: 25px; width:250px;
}




#footer ul.social li a{
color:#355433;
}
#footer ul.social li a:hover{
color:#355433; text-decoration:underline;
}

#footer a:visited{
	color:#CCC;	
}
#footer a{
	color:#FFF;
	text-decoration:none;
}
.stepcarousel{
	position: relative;
	overflow: scroll; /*leave this value alone*/
	width: 270px; /*Width of Carousel Viewer itself*/
	height: 230px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}