/* CSS Document */


/* 01. main/default elements
-----------------------------------------*/

body { background:#666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCCCCC} 

a:link, a:visited {color:#FF9900; text-decoration: underline}
a:hover {color:#fff; text-decoration:underline}

p { line-height:1.4em; font-size:13px}
h3 { font-size:19px; color:#FFFFFF}
h4 { font-size:17px}


/* 02. top bar - contact info
-----------------------------------------*/


#topbar { width:100%; float:left;}
#topbar p { font-size:12px; text-align:right; padding-right:15px; padding-top:17px; color:#999999}
#topbar p span { color:#FFFFFF}


/* 03. wrapper
-----------------------------------------*/

#wrapper { width:820px; margin:0 auto}


/* 04. logo
-----------------------------------------*/


#logo { width:220px; height:105px; float:left; margin-top:-20px; position:relative}


/* 05. welcome box
-----------------------------------------*/

#welcome { width:795px; float:left; background:#565656 url(../images/arrow.gif) no-repeat bottom right; padding:23px 23px; padding-right:2px; padding-bottom:2px }
#welcome p { text-align:right; padding-top:4px; padding-right:2px}
#welcome p a { color:#565656}
#welcome p a:hover {color:#000;}



/* 06. video section
-----------------------------------------*/


#content { width:820px; float:left; margin-top:63px}
#content h3 { font-weight:bold; padding-bottom:4px}

#content .videoset { width:820px; float:left; margin-bottom:35px}
#content .videoset p { padding-bottom:10px}
#content .videoset p span { color:#999999}

#content .video { width:516px; height:319px; float:left; background:url(../images/bg_video.png) no-repeat top left; margin-left:-8px; padding-left:18px; padding-top:11px;}

#content .video.cuatrotres {height:414px; background-image: url(../images/bg_video_cuatrotres.png);}
#content .video.cincocuatro {height:439px; background-image: url(../images/bg_video_cincocuatro.png);}

#content .info { width:270px; float:left; padding-left:10px}


/* 07. the collective
-----------------------------------------*/


#thecollective { width:800px; float:left; background:#565656; padding:20px; padding-right:0px; overflow:hidden}
#thecollective h3 { color:#333333; padding-bottom:3px}
#thecollective p { color:#999999}

#thecollective .greybox { width:310px; height:390px; float:left; background:#4F4F4F; padding:30px 35px; margin-top:27px; padding-bottom:20px; overflow:hidden; margin-right:20px}

#thecollective .greybox .photo { width:300px; height:200px; border:5px solid #FFFFFF; margin-bottom:15px}
#thecollective .greybox p { padding-bottom:5px;}
#thecollective .greybox p a {color:#999999}
#thecollective .greybox p span {color:#ffffff}
#thecollective .greybox p span a {color:#ffffff}


#thecollective .set { width:745px; float:left; margin-top:30px; padding-left:35px}
#thecollective .set .photo { width:144px; height:94px; border:3px solid #FFFFFF; float:left}
#thecollective .set .info { width:455px; float:left; padding-left:20px}
#thecollective .set p { padding-bottom:5px;}
#thecollective .set p span {color:#ffffff}
#thecollective .set p span a {color:#ffffff}


/* 08. contact us box
-----------------------------------------*/

#contactus { width:770px; float:left; background:#333333; padding:25px 25px; margin-top:50px }
#contactus h3 { padding-bottom:13px}
#contactus h4 { font-size:17px; color:#999999; padding-right:25px}
#contactus h4 span { color:#FFFFFF}


/* 09. footer styles
-----------------------------------------*/


#footer { width:820px; float:left; margin-top:45px; padding-bottom:40px}
#footer .set { width:675px; float:left; padding-left:20px; padding-right:115px; margin-bottom:25px}

#footer h5 { font-family:"Adobe Caselon Pro", Times New Roman, Georgia, Times, serif; font-size:14px;}
#footer p { color:#999999}
#footer p a { color:#cccccc}