@import "style.css";

body{
	font-size: 62.5%;
	background: #46a2b4 url("images/bg_home.jpg") repeat-x;
}






#contentWrapper{
	width:940px;
	margin: 0 auto;
	padding: 10px 0 0 0;
        position:relative;
        top:10px;
}

h3{
	color: #fff;
	font-size: 3.9em;
        padding-top:2px;
        font-weight:bold;
        font-style:italic;


}

h2{
	color: #fff;
	font-size: 1.8em;
        font-style: italic;
        font-weight: bold;


}

h1{
	color: #000;
	font-size: 1.4em;
        line-height:130%;
        font-weight:bold;
        font-style:italic;


}

h1 a{
	color: #000;
	font-size: 1.4em;
        line-height:130%;
        font-weight:bold;
        font-style:italic;


}

h4{
	color: #fff;
	font-size: 1.6em;
        line-height:130%;
        font-weight:900;


}

h5{
	color: #000;
	font-size: 2.6em;
        padding-top:2px;
        font-weight:bold;
        font-style:italic;



}



h6{
	color: #fff;
	font-size: 1.5em;
        font-style: italic;
        font-weight: bold;
        padding-bottom:5px;


}



#HomeLeftBox{
	width: 624px;
        height: 350px;
	float: left;
	background-color: #31899F;
        padding-top:0px;
	}
#HomeLeftLink {
        position:relative;
        left:-10px;
        padding: 5px 5px 5px 35px;
        width:240px;
        background-color: #FFDE2F;

}




#HomeRightBox{
	float: right;
	width: 301px;




}

#Home_Content{
    padding:25px;
}

#Home_Content a {color: #fff;}

#twitter-crop {
    background: url("images/twitter_crop.png") left no-repeat;
    height: 24px;
    padding-top:54px;
    padding-left:10px;
    width:300px;
    position:relative;
    z-index: 1;
}
#twitter {
    background-color: #31899F;
    position:relative;
    top:-18px;
    z-index: 0;
    font-size: 0.8em;
    height: 290px;
}

.twtr-tweet-text {
    font-size: 0.8em;
    font-family: Arial;
    }

#Projects{
	clear:both;
	width:940px;
	height:140px;
	background-color: #31899F;
        margin: 0 0 0 0 ;
        padding: 0 0 0 0;
        position: relative;
        top: -5px;

}

#Projects_right{
	float:right;
	text-align:center;
        
}

#Projects_right ul{
	padding: 0 20px 0 0;
	margin: 0px;
	text-transform:uppercase;
    background: #31899F;
}

#Projects_right ul li{
	float: left;
	width: 100px;
	height: 100px;
	
	margin: 15px 0 0 20px;
	background: #CCC;

}

#Projects_left{
	float:left;
	padding:15px;
	margin-top:0px;
        width: 160px;


}
#Projects_nav {
    position: relative;
    top: -5px;

}

#Projects_nav ul li {

        float:right;
        font-weight: bold;
        font-style: italic;
        height: 15px;
        padding: 5px 15px 5px 15px;
        background-color: #31899F;
        margin: 0 0 15px 15px;
        color:#fff;


}

#Projects_nav ul li a{color: #fff}

#Projects_nav ul li.second {background-color: #3796ac; }
#Projects_nav ul li.third {background-color: #3796ac; }


.vimeoBadge { margin: 0; padding: 0; font: normal 11px verdana,sans-serif; }
.vimeoBadge img { border: 0; }
.vimeoBadge a, .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active { color: #3A75C4; text-decoration: none; cursor: pointer; }
.vimeoBadge a:hover { color:#00CCFF; }
.vimeoBadge #vimeo_badge_logo { margin-top:-10px; visibility:hidden }
.vimeoBadge .credit { font: normal 11px verdana,sans-serif; }
.vimeoBadge .clip { float:left; margin:10px 30px 10px 0; width:160px; line-height:0; }
.vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:160px; height: 30px; }
.vimeoBadge .clear { display: block; clear: both; visibility: hidden; }

/*
    anythingSlider v1.0

    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 1018px; height: 260px; position: relative; margin: 0 auto 16px; }
.anythingSlider .wrapper                { width: 940px; overflow: auto; height: 340px; margin: 0 40px; position: absolute; top: -50px; left:-1px; z-index: 0;}
.anythingSlider .wrapper ul             { width: 9999px; list-style: none; position: absolute; top: 0; left: 0;  margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 466px; width: 940px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url("images/arrows.png") no-repeat 0 0; text-indent: -9999px; position: absolute; top: 35px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: 10px; }
.anythingSlider .back                   { background-position: -67px 0; left: 8px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

#thumbNav                               { position: relative; top: 255px; left:820px;  text-align: right; background: #FFDE2F; width:120px; }
#thumbNav a                             { color: #000; font-size: 1.3em; display: inline-block; padding: 6px 6px 3px 6px; height: 1.3em; margin: 0 0 0 0; background: #FFDE2F; text-align: center; }
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #FFDE2F; color: #fff; }

#start-stop                             { height: 18px;font: 12px; color: #000; width:14px; padding: 4px 4px; text-align: left; position: absolute; right: 58px; top: 255px; background: url("images/home/pause.png") no-repeat center  #FFDE2F; }
#start-stop.playing                     { background: url("images/home/play.png") no-repeat center #FFDE2F ; color: #000; }
#start-stop:hover                       {  }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

#textSlide1 {background-image: url("images/home/home_banners_marketing.png"); width:940px; height: 340px;}
#textSlide2 {background-image: url("images/home/home_banners_branding.png");width:940px; height: 340px;}
#textSlide3 {background-image: url("images/home/home_banners_design.png");width:940px; height: 340px;}
#textSlide4 {background-image: url("images/home/home_banners_print.png");width:940px; height: 340px;width:940px; height: 340px;}
#textSlide5 {background-image: url("images/home/home_banners_onlinemarketing.png");width:940px; height: 340px;}
#textSlide6 {background-image: url("images/home/home_banners_web.png");width:940px; height: 340px;}

#textSlideCopy {padding: 250px 0 0 25px;}
#slideTitle {float: left; width: 242px; padding: 10px 0 0 5px;}
#slideDesc {float: left; width: 257px; padding: 10px; color: #fff;}
#slideDesc a {color: #fff; line-height: 150%;}