/* CSS Document */

body {
margin: 0 0 0 0;
font-family:georgia;
font-size:16px;
letter-spacing:1;
line-height:19px;
color:#330000;
background-color:#fff;

}

#wrapper {
	text-align: left;
	margin: 0px auto; 
	padding: 0px;
	border:0;
	width: 730px;
	height:100%;
	background: url("images/bg-home.jpg") no-repeat;
	background-color:#DFA701;
		
}


#wrapper-videos {
	text-align: left;
	margin: 0px auto; 
	padding: 0px;
	border:0;
	width: 730px;
	height:100%;
	background: url("images/bg-video.jpg") no-repeat;
	background-color:#DFA701;
}

#wrapper-credits {
	text-align: left;
	margin: 0px auto; 
	padding: 0px;
	border:0;
	width: 730px;
	height:100%;
	background: url("images/bg.jpg") no-repeat;
	background-color:#DFA701;
}
	
	

#wrapper2 {
	text-align: left;
	margin: 0px auto; 
	padding: 0px;
	border:0;
	width: 730px;
	height:100%;
	background: url("images/header.jpg") no-repeat;
		
}


#home {
	width: 500px;
	height:100%;
	margin: auto; 
	
}

#header {
	margin-left:60px;


}



#content { 
	
	margin: 0px auto; 
	/* margin-left:74px; */
	width:700px;
	
}


#left-col {
float:left;
width:180px;
font-size:13px;
margin-top:10px;
margin-left:40px;


}


#right-col {
float:right;
width:360px;
margin-top:20px;
margin-right:100px;
}


#right-col-wide {
float:right;
width:420px;
margin-top:10px;
margin-right:70px;
}


#wide-col {
float:left;
font-size:13px;
margin-top:10px;
margin-left:40px;
margin-right:50px;
}

#single-col {
float:left;
width:520px;
font-size:13px;
margin-top:10px;
margin-left:100px;
}



#nav{
float:		left;
width:		180px; /* 180 */
display:	block;
}


#video1 {
float:		right;
width:		180px; /* 180 */
display:	block;
height:		210px!important; /* 210 */
padding:	0px;
margin-top:	8px;

}

#video2 {
float:		right;
width:		186px; /* 186 */
display:	block;
height:		210px!important; /* 210 */
padding:	0px;
margin-top:	8px;
margin-right:	4px;

}

	
#video3 {
float:		right;
width:		128px; /* 128 */
display:	block;
height:		210px!important; /* 210 */
padding:	0px;
margin-top:	8px;
}


#video-large {
float:		left;
width:		400px; /* 400 */
display:	block;
height:		310px!important; /* 310 */
padding:	0px;
margin-top:	55px;
margin-left:	60px;
color: #E8DDB5;
}



#video-title {
float: left;
color:		#E8DDB5;
font-weight: 	bold;
width:120px;

}

#video-title-long {
float: left;
color:		#E8DDB5;
font-weight: 	bold;
width:90px;

}

#video-title-yasmeen {
float: left;
color:		#E8DDB5;
font-weight: 	bold;
width:90px;

}

#arrow {
margin-left:105px;
}

#arrow-1 {
margin-left:105px;
}


html>body #arrow-2 {
margin-left:16px;
}


#arrow-2 {
margin-top:20px;
}


#arrow-3 {
float:		right;
margin-right:5px;
margin-top:20px;
}

#arrow-yasmeen {
float:		right;
margin-top:20px;
}


#button {
width:120px;
height:24px;
font-size:15px;
line-height:22px;
letter-spacing:1px;
font-weight:bold;
color: #A5252E;
color: #E8DDB5;
background-color: #E5CCA4;
background-color: #D0A00F;
background-color: #F4C33F;
background-color: #583404;
margin-bottom:6px;
}




#button:hover{
background-color: #E8DDB5;
color: #583404;
}


#stories-video1 {
background: url("images/vid-bg1.gif") no-repeat;
float:		left;
width:		148px; /* 148 */
height:		210px!important; /* 210 */
padding-left:20px;

}

#stories-video2 {
background: url("images/vid-bg2.gif") no-repeat;
float:		left;
width:		148px; /* 148 */
height:		210px!important; /* 210 */
padding-left:20px;
}

#stories-video3 {
background: url("images/vid-bg3.gif") no-repeat;
float:		left;
width:		148px; /* 148 */
height:		210px!important; /* 210 */
padding-left:13px;
}




#stories-context {

float:right;
width:230px;
font-family:Georgia, Times;
font-size:18px;
line-height:20px;
color: #A22A1C;
}



#footer {
clear: both;
margin-left:0px;
font-size:11px;
padding-left:100px;
background: url("images/bg-footer-pink.jpg") no-repeat;
}


#right {
float:right;
}

#left {
float:left;
}


img {
border-color: #C7BCAD;
}

#photo {
float:left;
padding:20px;
}

#thankyou {
margin-top:32px;
margin-top/**/:/**/ 36px;
margin-left:240px;
margin-right:80px;
font-family:Georgia, Times;
font-size:20px;
font-style:italic;
line-height:22px;
color:#E8DDB5;
}




/*  text style  */

a {
color:#CC3300;
font-weight:bold;
text-decoration:none;
}

.bluelink:link {
color:#0EB2E1;
letter-spacing:0px;
}

.bluelink:hover {
color:#ffffff;
letter-spacing:0px;
}

.bluelink:visited {
color:#0EB2E1;
letter-spacing:0px;
}

.storylink {
padding-top:50px;
margin-left:30px;
color:#005A81;
letter-spacing:0px;
}



.button  {
width:120px;
height:24px;
font-size:15px;
line-height:22px;
letter-spacing:1px;
font-weight:bold;
color: #A5252E;
color: #E8DDB5;
margin-bottom:6px;
}


.button:hover{
color: #583404;
}

.title-white {
color:#E8DDB5;
font-family:Georgia, Times;
font-weight:bold;
font-size:12px;
line-height:24px;
letter-spacing:3px;
left:100px;
}





.video-title-large {
font-size:28px;
letter-spacing:2px;
color:		#E8DDB5;
margin-top:	12px;
line-height:	28px;
}


.video-subtitle {
color: #E8DDB5;
font-size:17px;
}



.context {
font-family:Georgia, Times;
font-size:18px;
line-height:20px;
color:		#A22A1C;
}


.quotes {
font-family:Georgia, Times;
font-size:17px;
font-style:italic;
line-height:18px;

}




.nextprev {
font-family:Georgia, Times;
font-size:13px;
letter-spacing:0px;
font-variant: small-caps;
}


.title {
font-family:Georgia, Times;
font-size:28px;
line-height:28px;
letter-spacing:1px;

}

.pagetitle {
font-size:15px;
font-variant: small-caps;
letter-spacing:2px;
font-weight: bold;
}



.line  {
letter-spacing:2px;
width:100%;
padding:2px;
border-bottom-style:solid;
border-width:1px;
border-color:#330000;
margin-top:	0px;
margin-bottom:	30px;
}