@import "css/reset.css";
@import "css/typography.css";


body {
background:url(images/background-main2.jpg);
color:#666;
font-size:12px;
line-height:22px;
font-family:Arial,Helvetica,sans-serif;
font-style:normal;
margin:0 auto;
}

header {
background:url(images/bar.png) repeat-x;
width:100%;
position:fixed;
height:135px;
z-index:9997;
color:#FFF;
}

nav {
width:370px;
float:right;
}

nav ul li a:link,nav ul li a:visited,nav ul li active{
float:left;
margin-left:10px;
text-transform:uppercase;
font-family:"LeagueGothicRegular";
color:#fff;
font-size:24px;
font-weight:400;
padding:2px 7px;
}

#logo {
background:url(images/logo.png) no-repeat;
width:203px;
height:135px;
float:left;
}

#followme {
float:left;
color:#FFF;
font-size:24px;
font-weight:400;
margin-left:135px;
width:100px;
}

#followme ul li {
float:left;
text-transform:uppercase;
padding-top:2px;
padding-bottom:5px;
}

@font-face {
font-family:'LeagueGothicRegular';
src:url('fonts/League_Gothic-webfont.eot') format('eot'),url('fonts/League_Gothic-webfont.woff') format('woff'),url('fonts/League_Gothic-webfont.ttf') format('truetype'),url('https://www.ashfalldesign.com/wordpress/wp-content/themes/ashfalldesign2011/fonts/League_Gothic-webfont.svg#webfont1Lb5Pdit') format('svg');
font-weight:400;
font-style:normal;
}

#movingbox {
width:980px;
height:500px;
margin:0 auto;
}

#containerzz {
width:400px;
overflow:visible;
position:relative;
height:500px;
float:right;
margin:0 30px 0 auto;
}

.background {
z-index:1;
}

.guy {
z-index:6;
}

.guys {
z-index:4;
margin-left:-25px;
}

.guyss {
z-index:2;
}

.background,.guy,.guys,.guyss {
position:absolute;
}

.container {
width:980px;
margin:0 auto;overflow:hidden;
}

#maintop {
width:100%;
height:500px;
background:url(images/top-bg.png);
}

footer {
width:100%;
background:url(images/footer-bg.jpg);
color:#FFF;
overflow:hidden;
min-height:250px;
}

#borderline {
width:100%;
height:6px;
background:url(images/borderline.jpg) repeat-x;
}

#pinkline {
background:url(images/pinkline.png) repeat-x;
height:4px;
width:100%;
min-width:980px;
margin-bottom:10px;
}

#main {
clear:both;
overflow:visible;
height:4px;
position:relative;
}

#full-page {
width:960px;
margin:0 auto;
}

.scrollable {
border-top:7px solid #333;
width:980px;
min-width:980px;
float:left;
padding:10px 0 0;
}

#scroll_0 {
border:none;
position:relative;
width:100%;
height:500px;
min-width:980px;
float:left;
overflow:hidden;
background:url(images/top-bg.png);
}

.scroll-controller {
float:left;
height:36px;
}

.scrollsection {
margin-top:160px;
width:980px;
float:left;
padding:10px 0 0;
}

.slide-navigation {
width:59px;
height:59px;
background:url(images/buttons.png) 0 0 no-repeat;
position:absolute;
top:225px;
z-index:90;
cursor:pointer;
}

#left-controller {
left:10px;
background-position:left top;
}

#left-controller:hover {
background-position:left -59px;
}

#left-controller:focus {
background-position:left -118px;
}

#right-controller {
right:15px;
background-position:right top;
}

#right-controller:hover {
background-position:right -59px;
}

#right-controller:focus {
background-position:right -118px;
}

#scrolling {
border:none;
position:relative;
margin:135px 0 0;
}

#main_slider,#scrolling {
width:100%;
height:500px;
float:left;
min-width:980px;
overflow:hidden;
}

.slide-presentation {
width:100%;
min-width:980px;
height:500px;
background:transparent !important;
overflow:hidden;
}

.slide-content {
width:100%;
min-width:980px;
height:500px;
overflow:hidden;
margin:0 auto;
}

.slide-content.slide,.slide-content.slide1,.slide-content.slide5,.slide-content.slide4,.slide-content.slide3 {
width:980px;
}

.slide-content.slide1 {
background:url(images/geek-small.png) no-repeat;
margin-top:148px;
}

.slide-content.slide2 {
width:100%;
overflow:hidden;
}

.slide-content.slide3 {
background:url(https://coespe.org/images/slide3-bg2.png) no-repeat right;
}

.slide-content.slide4 {
background:url(https://coespe.org/images/top15-bg.png) no-repeat right;
}

.slide-content.slide5 {
background:url(https://coespe.org/images/jigsaw-bg.png) no-repeat right;
}

.post-thumb img,.post img,img.port-thumb,.blog-pic img,#single-view-blog img {
-moz-box-shadow:4px 4px 4px #ccc;
-webkit-box-shadow:4px 4px 4px #ccc;
box-shadow:4px 4px 4px #ccc;
-webkit-border-top-left-radius:20px;
-webkit-border-top-right-radius:0;
-webkit-border-bottom-right-radius:20px;
-webkit-border-bottom-left-radius:0;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:0;
-moz-border-radius-bottomright:20px;
-moz-border-radius-bottomleft:0;
border-top-left-radius:20px;
border-top-right-radius:0;
border-bottom-right-radius:20px;
border-bottom-left-radius:0;
margin-bottom:8px;
}

.post-thumb img,.post img,img.port-thumb {
width:290px;
}

.blog-pic img {
width:98%;
}

.post-thumb img:hover,.post img:hover,img.port-thumb:hover,.blog-pic img:hover,#single-view-blog img:hover {
opacity:.7;
}

#about-heading {
background:url(images/about-heading.png) no-repeat;
width:618px;
height:78px;
position:absolute;
margin-top:153px;
}

#services-heading {
background:url(https://coespe.org/images/services-heading.png) no-repeat;
width:691px;
height:63px;
position:absolute;
margin-top:163px;
}

#featured-heading {
background:url(https://coespe.org/images/featured-heading.png) no-repeat;
width:628px;
height:63px;
position:absolute;
margin-top:153px;
}

#about-left {
width:550px;
float:left;
}

#portfolio-heading {
background:url(images/work-heading.png) no-repeat;
width:434px;
height:72px;
position:absolute;
margin-top:155px;
}

#portfolio-top {
width:100%;
height:245px;
margin-bottom:5px;
min-width:980px;
background:url(images/top-bg.png);
}

#blog-heading {
background:url(https://coespe.org/images/blog-heading.png) no-repeat;
width:512px;
height:81px;
position:absolute;
margin-top:150px;
}

#offers-heading {
background:url(https://coespe.org/images/offers.png) no-repeat;
width:674px;
height:80px;
position:absolute;
margin-top:150px;
}

#blog-left ,article{
width:580px;
float:left;
margin-right:70px;
}

#blog-right {
width:270px;
float:left;
overflow:hidden;}

#contact-heading {
background:url(https://coespe.org/images/say-hello.png) no-repeat;
width:574px;
height:79px;
position:absolute;
margin-top:153px;
}

#contact-left {
width:600px;
float:left;
}

.smallersection {
width:280px;
}

aside p {
font-family:Arial,Helvetica,Sans-serif;
text-transform:none;
font-size:13px;
}

.fb-like {
float:right;
margin-top:-22px;
}

ul.tabs {
float:right;
list-style:none;
height:32px;
width:360px;
opacity:.7;
margin:0 10px 0 0;
padding:0;
}

ul.tabs li {
float:left;
height:31px;
line-height:31px;
border-left:none;

overflow:hidden;
position:relative;
background:#bcbcc1;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
margin:0 0 1px 8px;
padding:0;
}

ul.tabs li a{
text-decoration:none;
color:#000;
display:block;
font-size:1.95em;
font-family:"LeagueGothicRegular";
font-weight:400;
outline:none;
padding:0 20px;
}

ul.tabs li a:hover {
background:#ccc;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}

html ul.tabs li.active,html ul.tabs li.active a:hover {
background:#666f7a;
}

#tab_container {
width:960px;
overflow:hidden;
margin-top:15px;
}

.tab_content {
font-size:1.2em;
overflow:hidden;
}

.smallerblog {
width:60px;
height:60px;
margin-right:8px;
margin-top:15px;
background:#666;
float:left;
overflow:hidden;
border:2px solid #fbfbfb;
}

.smallerblog:hover {
border:2px solid #c73a4d;
}

.dart-button,.dart-button:hover,.dribble-button,.dribble-button:hover,.fbook-button,.fbook-button:hover,.twitter-button,.twitter-button:hover {
margin-top:8px;
overflow:hidden;
float:left;
height:59px;
width:57px;
margin-right:5px;
}

.twitter-button,.twitter-button:hover {
background-image:url(images/twitter.png);
}

.fbook-button,.fbook-button:hover {
background-image:url(images/facebook.png);
}

.dart-button,.dart-button:hover {
background-image:url(https://coespe.org/images/dart.png);
}

.dribble-button,.dribble-button:hover {
background-image:url(https://coespe.org/images/dribble.png);
}

.twitter-button,.fbook-button,.dart-button,.dribble-button {
background-position:0 0;
}

.twitter-button:hover,.fbook-button:hover,.dart-button:hover,.dribble-button:hover {
background-position:0 -59px;
}

.social {
width:300px;
height:90px;
}

#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;
right:10px;
overflow:hidden;
width:71px;
height:57px;
border:none;
text-indent:-999px;
background:url(https://coespe.org/images/arrow.png) no-repeat left top;
}

#toTopHover {
background:url(https://coespe.org/images/arrow.png) no-repeat left top;
width:71px;
height:57px;
display:block;
overflow:hidden;
float:left;
opacity:0;
-moz-opacity:0;
filter:alpha(opacity=0);
}

#toTop:active,#toTop:focus {
outline:none;
}

.container-small {
width:960px;
overflow:hidden;
margin:0 auto;
}

#twitter_update_list {
list-style:none;
overflow:hidden;
width:280px;
}

#twitter_update_list li {
background:#f5f5f5;
padding:10px;
}

div.progress-container {
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
width:135px;
float:left;
background:#979797;
margin-right:4px;
}

div.progress-container>div {
background-color:#292929;
height:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}


.skill-colm {
width:160px;
float:left;
}

.padded {
margin:5px;
}

#error-heading {
background:url(images/404-error.png) no-repeat;
width:534px;
height:73px;
position:absolute;
margin-top:153px;
}

.blog-top {
width:580px;
overflow:hidden;
margin-bottom:5px;
padding-top:5px;
}

.blog-pic {
width:580px;
height:175px;
overflow:hidden;
}

.blog-title {
width:430px;
float:left;
}

.blog-date {
width:120px;
float:right;
text-align:right;
font-family:"LeagueGothicRegular";
font-size:18px;
color:#cb3e52;
font-weight:400;
letter-spacing:0;
word-spacing:2px;
line-height:1em;
margin-top:3px;
}

aside {
width:320px;
margin-right:0;
float:left;
clear:none;
}

.border {
margin-bottom:25px;
overflow:hidden;
background:url(images/bg-diag.png) repeat-x bottom;
padding-bottom:5px;
}

.twitterShare {
float:right;
width:100px;
margin-top:5px;
}

.twitterShareleft {
float:left;
width:100px;
margin-top:5px;
}


.navigation {
height:30px;
margin-bottom:15px;
}

.page-navigation .nav-next {
float:left;
}

.page-navigation .nav-previous {
float:right;
}


#single-view {
width:580px;
overflow:hidden;
margin-top:3px;
}

label {
color:#404650;
display:block;
font-size:12px;
margin-bottom:2px;
text-transform:capitalize;
}

input,textarea {
background:#fbfbfb;
border:1px solid #bebebe;
color:#292929;
font-size:12px;
width:220px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
padding:10px;
}

textarea#message {
width:490px;
resize:none;
font-family:Arial,Helvetica,sans-serif;
}

textarea#message2 {
width:220px;
resize:none;
font-family:Arial,Helvetica,sans-serif;
}

form>div {
margin-bottom:10px;
}

.required {
color:#cb3e52;
font-weight:700;
font-size:11px;
}

form button {
font-size:14px;
text-transform:capitalize;
background:#cb3e52;
-webkit-border-radius:8px;
-moz-border-radius:8px;
border-radius:8px;
border:none;
color:#fbfbfb;
padding:10px;
}

form button:hover {
background-color:#292929;
}

form button:active {
#background-color:#292929;
top:2px;
position:relative;
}

#error {
font-size:14px;
color:#a32626;
font-family:'DroidSerifItalic',Georgia,serif;
clear:both;
}

#banner {
background:url(images/banner2.png) no-repeat;
width:980px;
height:165px;
z-index:9999;
margin:0 auto;
}

.excerpt {
width:285px;
margin-top:-6px;
}


.fb-iframe {
border:none;
overflow:hidden;
width:450px;
height:30px;
}



::-moz-selection {
color:#fff;
background-color:#f67f90;
}

::selection {
background-color:#0066FF;
color:#fff;
}



nav ul,#followme ul {
list-style:none;
margin-top:12px;
}

nav ul li a:hover,h2 a.pinky,h2 a.pinky:hover {
color:#cb3e52;
}

.up,#tab_container aside p {
margin-top:-6px;
}

#about-right,#contact-right {
width:320px;
float:right;
}

aside,.left-column2 {
width:320px;
margin-right:0;
float:left;
clear:none;
}

.blog-preview,#submitform {
width:550px;
}


@media screen and (min-width:1px) and (max-width:960px){.slide-navigation{margin-top:220px}#right-controller{left:0;margin-left:80px}}