@charset "utf-8";
/* CSS Document */
body{ margin:0; padding:0; font-family:Arial; color:#666666; font-size:15px; line-height:24px; font-weight:300;background:rgba(241,241,241,0.5);}

p{ font-family:arial; color:#666666; padding:0px 15px 0px 15px}
.leftDiv{ width:334px; float:left; background:url(images/leftbg.jpg); left:0; bottom:0; position:fixed; top:0}
.rightDiv{ float:left;  position:absolute; right:0; left:334px; bottom:0; top:0}
.outterDiv{ margin:0 auto; width:100%}
.logo{ width:100%}
.logo img{ padding:15px 5px}
.cls{ clear:both}
.socialIcons{ float:left; margin-left:40px; margin-top:15px}
.projectsli li{ display:inline-block; float:left; margin-right:5%; width:20%; margin-bottom:30px}
.projectsli li img{ width:100%}
.projectsli { list-style:none; text-align:center; float:left;width:90%}

.rightDivInner,.leftDivInner{ width:40%; float:left}

input[type="text"], textarea{ width:100%; border:1px solid #CCC; padding:3px}


.facebook:link,.facebook:visited{ width:26px; height:26px; background:url("images/icons.png") no-repeat scroll -3px -3px rgba(0, 0, 0, 0); float:left; margin-right:15px;	-webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;	-o-transition: all 0.5s ease;	transition: all 0.5s ease;}
.facebook:hover{ width:26px; height:26px; background:url("images/icons.png") no-repeat scroll -3px -32px rgba(0, 0, 0, 0);}

.twitter:link,.twitter:visited{ width:26px; height:26px; background:url("images/icons.png") no-repeat scroll -45px -3px rgba(0, 0, 0, 0); float:left; margin-right:15px;	-webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;	-o-transition: all 0.5s ease;	transition: all 0.5s ease;}
.twitter:hover{ width:26px; height:26px; background:url("images/icons.png") no-repeat scroll -45px -32px rgba(0, 0, 0, 0);}

.youTube:link,.youTube:visited{ width:26px; height:26px; background:url("images/icons.png") no-repeat scroll -87px -3px rgba(0, 0, 0, 0); float:left;	-webkit-transition: all 0.5s ease;	-moz-transition: all 0.5s ease;	-o-transition: all 0.5s ease;	transition: all 0.5s ease;}
.youTube:hover{ width:26px; height:26px; background:url("images/icons.png") no-repeat scroll -87px -32px rgba(0, 0, 0, 0);}

.banner img,.banner{ width:100%}
.bannerInner{ background:url("images/innerBanner.png") no-repeat right top; height:120px; margin-bottom:10px}

.bannerInner h1 {
    color: #b59057;
    font-size: 22px;
    font-weight: 300;
    margin: 0;
    padding-top: 30px;
}

p.punchline{ text-align:center; font-style:italic; line-height:26px;background:rgba(255,255,255,0.5); margin:0 15px}
.brown{ color:#b59057}
h1{color:#b59057; font-size:24px; font-weight:400; padding:15px 15px 0 15px}
.subHeading{color:#666666;font-weight:400; font-size:16px;padding:5px 10px; margin:0;  margin:0 15px; background:#e9e8e8}

.footer{ background:#b59057; float:left; width:100%; position:fixed; padding:2px 0;  bottom:0;color:#d9d9d9;text-align:center}
.footer a:link,.footer a:visited{ color:#d9d9d9; font-size:12px; text-decoration:none; margin:0 10px; font-weight:400}
.footer a:hover{ color:#fff}

@media screen and (max-width:500px) {
	.rmm ul{ margin-left:0; padding-left:0}
.rmm ul li a:link, .rmm ul li a:visited{ padding:5px 10px; font-size:14px;}
.rmm {
    display: block;
    float: right;
    line-height: 19px !important;
    margin: 0 12px 0 0 !important;
    padding: 0;
    position: relative;
    text-align: left;
    width: 93%;
}

.rmm .rmm-toggled ul li {
    background: none repeat scroll 0 0 #dfdfdf;
    border-bottom: 1px dotted #fff;
    display: block;
    margin: 0 auto !important;
}
.socialIcons {
    float: left;
    margin-left: 20px;
    margin-top: 15px;
}
.rmm.graphite .rmm-toggled ul li a{ padding:5px 0}
	
body{ background:rgba(241,241,241,0.9); font-size:13px}
.rightDiv {
    bottom: 0;
    float: left;
    left: 0px;
    margin: 20px 0 0;
    position: relative;
    right: 0;
    top: 0px;
    width: 100%;
    z-index: 1000;
}
.logo img {
    padding: 15px 0 15px 10px;
}
.rightDiv{ margin-bottom:50px;}
.leftDiv,.footer{ position:relative; width:100%}
	}