/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body{
	background-image: url(../images/bg.jpg);
	background-position: top center;
	background-repeat:no-repeat;
	background-color:#0f0f0f;
	font: 13px/1.5 Arial, helvetica, FreeSans, sans-serif;
	color:#343434;
}
img {border:0;}
.main-wrap{
	width: 980px;
	margin: 0 auto;
}
.sec-wrap{
	width:960px;
	margin:0 auto;
	padding-top:10px;
}
.white-bg{
	width:980px;
	background-color:#fff;
	float:left;

}


.white-bg-home{
	width:980px;
	background-color:#fff;
	float:left;
	height: 835px;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
a:focus {
	outline: 1px dotted;
}

hr {
	border: 0 #ccc solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}
h1{
	font-family: helvetica, Arial, FreeSans, sans-serif;
	font-size:25px;
	color:#656363;
	font-weight:normal;
}
h1.story-title{
width:100%;
text-align:center;
margin-bottom:30px;
}
h2{
	font-family: Arial, helvetica, FreeSans, sans-serif;
	font-size:15px;
	color:#564d7f;
	font-weight:normal;
	line-height:45px;
}


/* jade Slider
------------------------trying to resize ---------------*/
.leftSlider{
	height:315px; 
	width:579px;
	float:left;
	margin:20px 0 12px 12px;
}

/* `Navigation
----------------------------------------------------------------------------------------------------*/
.nav{float:left;width:960px;padding:27px 0 7px 0;}
ul.navlist{list-style:none;list-style-position:outside;list-style-type:none;}
ul.navlist li{float:left;margin-left:96px;}
ul.navlist li a{color:#505151;font-weight:bold;text-decoration:none;}
ul.navlist li a:hover{text-decoration:none;color:#8177ab;}

/* `Home
----------------------------------------------------------------------------------------------------*/
#logo-bx{width:960px;}
.logo{float:left;width:207px;height:82px;}
.splash{background:url(../images/main-image.jpg) no-repeat;float:left;width:961px;height:370px;}
.splash-cnt{float:right;width:325px;padding:77px 62px 0 0;color:#5d5d5d;}
.home-intro{float:left;width:289px;color:#5d5d5d;margin:30px;}
.lets-slide{float:left;width:579px;height:315px;background-color:green;margin-top:15px;}
.learn {margin-top:15px;display:block;height:27px;width:116px;background:url(../images/sprite.png) no-repeat -17px -16px;}
.learn:hover {height:27px;width:116px;background:url(../images/sprite.png) no-repeat -17px -45px;}
.media-sec{float:left;color:#8a8a8a;text-decoration:none;background:url(../images/media-img-h.jpg) no-repeat;width:425px;height:206px;margin:17px 0px 0px 25px;font-size:12px;}
.media-sec:hover{text-decoration:underline;}
.view-btn{float:right;margin:118px 64px 0 0;}
.mid-btns{float:left;width:434px;height:214px;margin:17px 0px 0px 25px;}
.project-bx{float:left;width:417px;height:144px;margin-top:25px;}
.proj-bx2{float:left;display:block;background:url(../images/sprite.png) no-repeat -11px -229px;width:417px;height:144px;font-size:16px;}
.proj-bx2:hover{background:url(../images/sprite.png) no-repeat -11px -377px;width:417px;height:144px;}
span.proj-btn{float:right;margin:54px 99px 0 0;}
.project-bx a{color:#0c0c0c;text-decoration:none;}
.project-bx a:hover{text-decoration:underline;}
.mid-bg{background:url(../images/mid-bg.jpg) no-repeat;float:left;width:961px;margin-top:10px;}
.break{height:2px;border-bottom:1px dotted #9a9a9a;width:884px;margin:15px 0 0 41px;}
#client-bx{float:left;width:253px;height:134px;background:url(../images/corp-img.jpg) no-repeat;color:#8a8a8a;margin:10px 0 0 35px;font-size:12px;text-decoration:none;}
#client-bx:hover{text-decoration:underline;}
span.client-btn{float:left;margin:73px 0 0 7px; color:#8a8a8a;}
#logos{float:left;width:610px;padding-left:15px;}
.break-shdw{float:left;}

/* `Media Resume
----------------------------------------------------------------------------------------------------*/
.splash-media{
background:url(../images/main-about.jpg) no-repeat;
float:left;
width:961px;
height:137px;
}
.splash-cnt-media{
float:right;
width:443px;
padding:76px 48px 0 0;
color:#343434;
}
.mid-bg-media{
float:left;
width:961px;
margin-top:10px;
}
.md-box{
float:left;
height:184px;
padding-bottom:10px;
}
#md-bg{
background:url(../images/md-bg.jpg) no-repeat;
height:178px;
}
.box-cnt{
width:596px;
color:#343434;
padding:0 0 0 32px;
}
.more-info{
background:url(../images/sprite.png) no-repeat -144px -17px; 
float:left;
width: 120px; 
height: 26px;
display:block;
text-indent:-99999px;
margin:23px 15px 0 0;
}
.more-info:hover{
background:url(../images/sprite.png) no-repeat -144px -46px; 
}
.youtube{
background:url(../images/sprite.png) no-repeat -278px -17px; 
float:left;
width: 120px; 
height: 26px;
display:block;
text-indent:-99999px;
margin:23px 0px 0 0;
}
.youtube:hover{
background:url(../images/sprite.png) no-repeat -278px -46px; 
}
.md-audio{
background:url(../images/sprite.png) no-repeat -408px -16px; 
float:left;
width: 120px; 
height: 26px;
display:block;
text-indent:-99999px;
margin:23px 0px 0 0;
}
.md-audio:hover{
background:url(../images/sprite.png) no-repeat -408px -46px; 
}
#md-email{
width:100%;
text-align:center;
padding:15px 0 25px 0;
}
#md-email p{
width:100%;
text-align:center;
font-family: Georgia, arial, helvetica, FreeSans, sans-serif;
color:#343434;
font-style:italic;
}
#md-email a{
text-decoration:none;
color:#343434;
}
#md-email a:hover{
text-decoration:underline;
color:#564d7f;
}

/* `Story
----------------------------------------------------------------------------------------------------*/
.splash-story{
background:url(../images/main-story.jpg) no-repeat;
float:left;
width:961px;
height:137px;
}
.splash-cnt-story{
float:right;
width:477px;
padding:88px 29px 0 0;
color:#343434;
font-family: Georgia, arial, helvetica, FreeSans, sans-serif;
color:#343434;
font-style:italic;
font-size:16px;
}
.story-cnt{
float:left;
width:550px;
padding:10px 26px 89px 22px;
}
.story-list{
float:left;
background:url(../images/story-bg.jpg) no-repeat;
width:355px;
}
.side-list-bx{
float:left;
width:334px;
padding:0 0 0 25px;
}
ul.side-list{
list-style-type:none;
}
ul.side-list li{
list-style-type:none;
background:url(../images/arrow.png) no-repeat;
margin:0 0 25px 25px;
/*line-height:11px;*/
}
ul.side-list li.push{
padding-left:25px;
}
.story-btns{
width:120px;
}
/* Story Buttons */
.story-btn1,.story-btn2,.story-btn3,.story-btn4,.story-btn5,.story-btn6{
width: 120px; height: 26px;
text-indent:-99999px;
display:block;
}
.story-btn1{
background:url(../images/sprite.png) no-repeat -14px -84px;
margin:12px 0 7px 0;
}
.story-btn1:hover{
background:url(../images/sprite.png) no-repeat -14px -114px;
}
.story-btn2{
background:url(../images/sprite.png) no-repeat -143px -84px;
margin:8px 0 0px 0;
}
.story-btn2:hover{
background:url(../images/sprite.png) no-repeat -143px -114px;
}
.story-btn3{
background:url(../images/sprite.png) no-repeat -279px -85px;
margin:8px 0 0px 0;
}
.story-btn3:hover{
background:url(../images/sprite.png) no-repeat -279px -114px;
}
.story-btn4{
background:url(../images/sprite.png) no-repeat -408px -86px;
margin:8px 0 0px 0;
}
.story-btn4:hover{
background:url(../images/sprite.png) no-repeat -408px -114px;
}
.story-btn5{
background:url(../images/sprite.png) no-repeat -15px -154px;
margin:8px 0 0px 0;
}
.story-btn5:hover{
background:url(../images/sprite.png) no-repeat -15px -183px;
}
.story-btn6{
background:url(../images/sprite.png) no-repeat -147px -154px;
margin:8px 0 0px 0;
}
.story-btn6:hover{
background:url(../images/sprite.png) no-repeat -147px -183px;
}

/* `Project Photos	
----------------------------------------------------------------------------------------------------*/
.splash-project{
background:url(../images/project-bg.jpg) no-repeat;
float:left;
width:961px;
height:137px;
}
ul.photos{
float:left;
list-style-type:none;
padding:7px 0 45px 0;
}
ul.photos li{
float:left;
width:300px;
height:189px;
padding:0px 10px 45px 10px;
}
.description{
float:left;
width:300px;
text-align:center;
}

/* `Corporate Clientele
----------------------------------------------------------------------------------------------------*/
.splash-clients{
background:url(../images/client-bg.jpg) no-repeat;
float:left;
width:961px;
height:137px;
}
ul.clients{
float:left;
list-style-type:none;
padding-bottom:25px;
}
ul.clients li{
float:left;
width:233px;
height:12px;
padding:0px 3px 117px 4px;
}

/* `Footer	
----------------------------------------------------------------------------------------------------*/
#footer{
float:left;
width:960px;
padding:5px 0 15px 0;
font-size:11px; 
color:#6e6d6d;
}
#footer a{
text-decoration:none;
color:#6e6d6d;
}
#footer a:hover{
text-decoration:underline;
color:#6e6d6d;
}