@charset "UTF-8";
/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
    outline: 0 none;
    padding: 0;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/**ggggggg**/

body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:15px;
	color:#666;
}

h2 {
	font-size:19px;
	padding-bottom:5px;
	color:#000;
}




.board {
    margin: 0 auto;
    width: 990px;
	min-height:616px;
	margin-top:20px;
	margin-bottom:50px;
	clear:both;
	overflow:hidden;
	
}

.board p {
	color:#333;
	font-family:Helvetica, Arial, sans-serif;
}

h1 {font-size:2em;
}

#header {
	width:100%;
	background:url("images/heade_bg.jpg") center;
	height:87px;
}

#header_content{
    height: 102px;
    margin: 0 auto;
    width: 990px;
	
	overflow:visible;
}

.button {
	width:115px;
	height:102px;
	display:block;
	margin:0 auto;
}


.right {
	display:inline-block;
	float:right;
	overflow:visible;
	margin-top:40px;
	
}





/*New site*/

/*part1*/

#wrapper1 {
    background-image: url(http://storydifferent.com/images/bg1.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-attachment: inherit;
    width: 100%;
	height:645px;
	overflow:hidden;
	z-index:0;
	
}

#site1 {
	width:825px;
	margin:0 auto;
	text-align:center;
	overflow:visible;
}

.header {
	width:824px;
	height:68px;
	overflow:hidden;
	display:block;
	float:left;
}

.header1 {
	display:block;
	float:left;
	overflow:visible;
	margin-top:38px;
}

.header2{
	display:block;
	float:right;
	overflow:visible;
	margin-top:9px;
	width:332px;
	margin-right:66px;
	
}

.header h2 {
	display:block;
	overflow:visible;
	float:left;
}

.thingy {
	display:block;
	overflow:visible;
	float:left;
	
	margin-bottom:10px;
}



#video {
	display:block;
	overflow:visible;
	width:824px;
	height:468px;
	float:left;
	padding:2px;
	background:url(images/video.png) center;
}

#chds {
	clear:both;
	overflow:visible;
	display:block;
	position:relative;
	margin:0 auto;
	top:15px;
	text-align:center;	
}


/*part2*/

#wrapper2 {
    background-image: url(images/bg2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-attachment: inherit;
    width: 100%;
	padding-bottom:20px;
	width: 100%;
	min-height:500px;
	overflow:hidden;
	
}

#site2 {
	width:960px;
	height:568px;
	margin:0 auto;
	overflow:visible;
	padding-top:42px;
}

#site2 h1 {
	margin-left:20px;
}

/*1*/

#box1 {
	
	width:452px;
	
	display:inline-block;
	float:left;
	overflow:visible;
	
	}
	


#b1_content {
	width:452px;
	height:337px;
	}

.upper {
	display:block;
	float:left;
	overflow:visible;
}

.lower {
	clear:both;
	display:block;
	float:left;
	overflow:visible;
}

.text {
	padding-bottom:10px;
	margin-left:50px;
	padding-right:5px;
	display:block;
	text-align:left;
	line-height:normal;
	color:#000;
	
}

.text2 {
	padding-bottom:10px;
	margin-left:23px;
	padding-right:20px;
	display:block;
	text-align:left;
	line-height:normal;
	color:#000;
	font-size:0.8em;
	
}

.sidebar1 {
	display:block;
	float:left;
	overflow:visible;
	width:278px;
	height:212px;
}

.sidebar2 {
	width:170px;
	height:212px;
	display:block;
	float:right;
	overflow:visible;
}

.button2 {
	background:url(images/apply1.png) no-repeat;
	margin-top:20px;
	margin-left:20px;
	display:block;
	width:166px;
	height:53px;
	overflow:visible;
}

.button2:hover {
	background:url(images/apply2.png) no-repeat;
}

.button2:active {
	background:url(images/apply3.png) no-repeat;
}

/*2*/
#box2 {
	width:56px;
	height:568px;
	display:inline-block;
	float:left;
	overflow:visible;
	background:url(images/line.png) no-repeat center;
	}

/*3*/
#box3 {
	width:452px;
	display:inline-block;
	float:left;
	overflow:visible;
	}
	
#b3_content{
	display:block;
	floating:left;
	overflow:visible;
	width:387px;
	background:url(images/paper.jpg) no-repeat center;
	margin-top:10px;
	}

.header_site2{
	display:block;
	float:left;
	overflow:visible;
	width:387px;
	height:103px;
	background:url(images/head.png) no-repeat center;
	}

.content {
	display:block;
	float:left;
	overflow:visible;
	width:387px;
	height:338px;
	clear:both;
	}

.er {
	display:block;
	float:left;
	overflow:visible;
	width:387px;
	height:103px;
	clear:both;
	
	}

/*footer*/





/*Highlights*/

#story .story, #shoot .shoot, #cut .cut
{
	display:block;
	float:left;
	padding-top:50px;
	padding-bottom:25px;
	padding-left:10px;
	padding-right:10px;
	margin-top:6px;
	background-image:url(images/hover.png);
	background-position:left;
	background-repeat:no-repeat;
}

#button {
width:165px;
height:53px;
background:url(images/button1.png) center no-repeat;
margin:0 auto;
text-align:center;
padding:20px;
}
#button:hover {
width:165px;
height:53px;
background-image:url(images/button2.png);
margin:0 auto;
text-align:center;
padding:20px;
}