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

*{padding:0;
  margin:0;
  border:none;}

body{background-color:#fff;
     background-image: url(../images/header_bg.jpg),url(../images/body_bg_top.jpg), url(../images/everything_bg.jpg);
     background-position: center top, top;
     background-repeat: no-repeat, repeat-x, repeat;}
     

#wrapper{margin:0 auto;
         width:960px;
		 position:relative;
		 z-index:1;
		 }
	

/*(1.)div contains only the Header space that expands across entire screen*/
#header{background: url(../images/roman_site_header.jpg) no-repeat;
	    width:960px;
	    height:298px;
		}

.logo {width:530px;
	  height:66px;
	  position:absolute;
	  top:-310px;
	  left:240px;}

#contactbox{background:none;
            position:absolute;
			top:-110px;
			left:780px;
			width:200px;
			height:190px;}

p.header_info{font-family: 'Muli', sans-serif;
			  font-weight:400;
	          color:#fff;
              position:relative;
			  top:32px;
			  left:12px;
			  font:12px 'CartoGothicStdBook', Arial, Helvetica, sans-serif;
			  line-height:24px;}

#social_icons{margin:40px 0 0 10px;
              width:100%;
			  height:50px;}

#social_icons img{margin:0 4px 0 3px;}	  


#contact_button{margin-top:56px;   
			    height:24px;
				background: url(../images/h2_bg.jpg);
				width:200px;
				border-radius:6px;}

#close_contact p,
#contact_button p{font:12px 'CartoGothicStdBook', Arial, Helvetica, sans-serif;
                  font-family: 'Muli', sans-serif;
			      font-weight:400;
				  color:white;
				  width:100%;
				  text-align:center;
				  padding-top:5px;}
				  
#close_contact{display:none;
               margin-top:4px;   
			   height:24px;
			   width:200px;}
              
#close_contact p{font-family: 'Muli', sans-serif;
			     font-weight:400;
	             font-size:15px;
                 background:url(../images/social/close_btn.png) no-repeat;
				 display:inline-block;
				 width:20px;
				 height:20px;
				 margin-left:90px;}


#close_contact span{display:none;}
                 		  
/*(2.)div contains only the navigation links*/
#navigation{width:600px;
	        height:60px;
	        position:absolute;
			top:244px;
			left:300px;}

/*(2A.)==========================div contains only the navigation links========*/
ul#nav{width:650px;
	   height:60px;
	   }	   	 

ul#nav li{display:inline; 
          width:86px;
		  height:54px;
		  list-style-type:none;
		  text-align:center;
		  margin-right:22px;
		  float:left;}		  				


ul#nav li a{display:inline-block;
	        text-decoration:none;
			width:86px;
			height:38px;
			text-align:center;
			}
			 
ul#nav li a:link, 
ul#nav li a:visited{font:14px 'CartoGothicStdBook',Arial, Helvetica, sans-serif;
                    font-family: 'Muli', sans-serif;
			        font-weight:400;
					letter-spacing:1px;
					color:#d6c49f;
					background:none;
					transition:color .5s linear ;
			        -moz-transition:color .5s linear ;
			        -webkit-transition:color .5s linear ;
                    height:54px; 
                    padding:12px 6px;
					
					}	

ul#nav li a:hover, 
ul#nav li a:active{font:14px 'CartoGothicStdBook', Arial, Helvetica, sans-serif;
                   font-family: 'Muli', sans-serif;
			       font-weight:400;
				   color:#fff!important;
				   letter-spacing:1px;
				   padding:12px 6px ;
				   
				 }		

ul#nav li a:active{color:#999;
                    }


ul#nav li a.current{font:12px 'CartoGothicStdBook', Arial, Helvetica, sans-serif;
                     font-family: 'Muli', sans-serif;
			        font-weight:400;
					color:#fff !important;
                    letter-spacing:1px;
					background: url(../images/hover_red.png) repeat;
					height:16px;
					padding:12px 6px;
					}		

/*==========================END of Navigation links========*/


/*=============================START OF CONTENT ========================CONTENT*/	
#content{height:100%;
         margin-top:40px;
		}

/*=============================START OF LEFT SIDEBAR========================*/ /*LEFT SIDEBAR*/		 

#sidebar{width:250px;
         height:100%;
		 background: url(../images/footer_bg.jpg);
		 float:left;
		 border-radius:4px;
		 margin-bottom:40px; }

#sidebar .tweets{margin:6px;}

#sidebar .fb_box{margin:6px;}		 

#sidebar h2{width:100%;
            height:26px;
			font:17px 'CartoGothicStdBook', Arial, Helvetica, sans-serif;
			font-family: 'Muli', sans-serif;
			font-weight:400;
			color:#ccc;
			text-align:center;
			background:#000  url(../images/h2_bg.jpg);
			border-bottom:1px solid #490606;
			border-top:1px solid #490606;
			margin:14px 0;
			padding-top:3px;}		 		 
/*=============================START OF UPPER SECTION========================*/ /*UPPER SECTION*/	
#upper_section{width:882px;
				height:100%;
				margin:-10px 0 40px 29px;
				border:2px solid #fff;
				/*box shadow*/
				-webkit-box-shadow: inset 1px 1px 14px 1px #000;
				-moz-box-shadow: inset 1px 1px 14px 1px #000;
                box-shadow: inset 1px 1px 14px 1px #000;
				}

/*Main text and Feature Image*/				
#main{width:820px;
		height:100%;
		margin:28px;
		overflow:hidden;
	    position:relative;
		top:0;
		border:1px solid #cfc4c0;
		background:#FFF;}

#main.ontop{z-index:9;
background:#fff; /*url(../images/everything_bg.jpg);*/
 }		

#main h1{font:24px 'CartoGothicStdBook', Arial, Helvetica, sans-serif;
         font-family: 'Muli', sans-serif;
		 Font-weight:400;
		color:#8a0e08;
		margin:0 0 10px 25px;
		padding-top:10px;
		width:780px;
		clear:both;}

/*Applied only on videos page*/
#main h2{font:20px 'CartoGothicStdBook', Arial, Helvetica, sans-serif;
        color:#7c4d11;
		color:#000;
		margin:20px 0 10px 25px;
		clear:both;
		background: url(../images/video_title_bg.jpg) repeat-y;
		width:700px;
		height:28px;
		padding:6px 0 2px 20px;
	}

#main img{border:1px solid white;
          margin:25px 0 20px 25px;
		  /*box shadow*/
				    -webkit-box-shadow: 1px 1px 11px 1px #666;
                    -moz-box-shadow:1px 1px 11px 1px #666;
					 box-shadow:1px 1px 11px 1px #666;
					 position:relative;
					 z-index:9;}	

#main img.plain_img{border:none;
                    -webkit-box-shadow: none;
                    -moz-box-shadow:none;
					box-shadow:none;
					}					 	

#main p,
#main ul li{font:15px 'CartoGothicStdBook', Arial, Helvetica, sans-serif;
            color:#000;
		    line-height:25px;
		    margin:0 0 16px 25px;
		    width:760px; }

#main span.highlight{ color:#8a0e08;}

#main ul{margin:0 0 10px 30px;}

#main ul li{margin:0 0 0 25px;}	
	
#main p.summary_text{font-size:10px;
                     margin-top:-20px;
					 border-bottom:1px solid #c3c3c3;
					 color:#000;}		

#main p.mini_title{font-family: 'Muli', sans-serif;
			       font-weight:400;font-size:14px;
                   font-weight:bold;  
                   margin:0 0 0 25px;}
		
#main p.printnow{font-size:10px;
                 margin:-20px 0 0 25px;}

#main p.printnow a:link,
#main p.printnow a:visited{color:#000;}
#main p.printnow a:hover{color:#b50907;}

#main p.videosbox{font-family: 'Muli', sans-serif;
			       font-weight:400;
	              clear:both;
                  margin-top:80px;
				  display:inline-block;}



/*======HOME PAGE WELCOME LETTER==================*/				 			 
#welcome{width:670px;
				height:100%;
				margin:0 0 40px 29px;
				border:2px solid #fff;
				/*box shadow*/
				-webkit-box-shadow: inset 1px 1px 14px 1px #000;
				-moz-box-shadow: inset 1px 1px 14px 1px #000;
                box-shadow: inset 1px 1px 14px 1px #000;
				float:left;
				overflow:hidden;}

#intro_letter{background:#fff;
	          border:1px solid #cfc4c0;
			  width:630px;
		      height:92%;
		      margin:20px; }

/*Welcome in letter*/
#intro_letter h2{font:21px 'CartoGothicStdBook', Arial, Helvetica, sans-serif;
         font-family: 'Muli', sans-serif;
		 Font-weight:400;
		color:#8a0e08;
		margin:20px 0 20px 25px;}


#intro_letter p{font:14px 'CartoGothicStdBook', Arial, Helvetica, sans-serif;
                color:#000;
		        line-height:25px;
		        margin:0 0 16px 25px;
		        width:580px;}

/*image of signature*/
#intro_letter .sign{margin-left:25px;}							  

/*======VIDEOS PAGE==================*/
.myvideo{margin:0 0 25px 25px;
         float:left;
		 position:relative;
		 z-index:9;}

#main p.vid_descript{margin-left:16px;
                     float:left;
					 width:320px;
					 line-height:20px;
					 font-size:13px;
					 color:#666;}	
					 
/*=============================START OF INTRO VIDEO========================*/ /*INTRO VIDEO*/	
#intro_video{/*background:url(images/sliderbox_bg.jpg) no-repeat;*/
				width:882px;
				height:412px;
				margin:-10px 0 40px 29px;
				border:2px solid #fff;
				/*box shadow*/
				-webkit-box-shadow: inset 1px 1px 14px 1px #000;
				-moz-box-shadow: inset 1px 1px 14px 1px #000;
                box-shadow: inset 1px 1px 14px 1px #000;
				}


#intro_video{border-top:1px solid #cfc4c0;
             width:882px;
			 height:412px;}

iframe.intro_vid{margin:-10px 30px;
                 position:relative;
				 top:40px;}					 
					 							
/*=============================START OF LOWER SECTION========================*/ /*LOWER SECTION*/	



#lower_section{border-top:1px solid #cfc4c0;
               width:100%;
               height:360px;
			   clear:both;}

#lower_section .box1,
#lower_section .box2,
#lower_section .box3{border:2px solid #fff;
                     width:260px;
					 height:260px;
					 float:left;
					 margin-left:80px;
					 /*background: url(../images/bg1.jpg);*/
					 margin-top:38px;
					 overflow:hidden;
					 /*box shadow*/
				    -webkit-box-shadow: inset 1px 1px 11px 1px #666;
                    -moz-box-shadow: inset 1px 1px 11px 1px #666;
					 box-shadow: inset 1px 1px 11px 1px #666;
					 position:relative;
					 }

#lower_section .box1{margin-left:0px;}

#lower section .box2{}

#lower section .box3{}




div.innerbox1,
div.innerbox2,
div.innerbox3{width:230px;
              height:230px;  
              margin:15px;
			  position:relative;}
			 

div.innerbox1{background:url(../images/box/Roman-Artiste-Michael-Jackson.jpg); }
div.innerbox2{background:url(../images/box/Roman-Artiste-IceCube.jpg); }
div.innerbox3{background:url(../images/box/Roman-Artiste-MikeTyson-JohnSingleton.jpg);}
						 
div.imagetext{background:url(../images/text_bg.png);
              width:230px;
			  height:50px;
			  position:absolute;
			  z-index:10;
			  top:180px;
			  margin:0;}
			  
div.imagetext p{color:white;
			    font:12px Arial, Helvetica, sans-serif;
				font-family: 'Muli', sans-serif;
			       font-weight:400;
				width:220px;
				text-align:center;
				margin:4px;
				
				}			  						 
/*=============================SOCIAL SECTION ON HOME PAGE========================SOCIAL SECTION ON HOME PAGE*/	

#social_section{margin-left:30px;
                width:880px;
				height:100%;
				background:url(../images/contact_bg.png);}


                       
/*=============================FOOOTER========================FOOTER*/				 
#footer{clear:both;
        height:120px;
		width:100%;
		margin-top:40px;
		background: url(../images/footer_bg.jpg);
		border-top:2px solid white;
		/*box shadow*/
		-webkit-box-shadow: inset 1px 1px 16px 1px #000;
        -moz-box-shadow: inset 1px 1px 16px 1px #000;
		box-shadow: 1px 1px 16px 1px #000;
		position:relative;
		z-index:4;}				 			

#footer_content{width:960px;
			    height:100%;
			    margin:auto;}

ul#footer_nav{text-align:center;
			  width:960px;
			  height:20px;
			  margin-left:30px;
			  margin-top:16px;
			 }

ul#footer_nav li{display:inline-block;
                 width:70px;
				 float:left;
				 text-align:center;
				 margin-right:6px;
				 font:13px 'CartoGothicStdBook',Arial, Helvetica, sans-serif;
	             }
				

ul#footer_nav li.firsttab{width:60px;}

ul#footer_nav li.extendedpx{width:140px;}

ul#footer_nav li.lasttab{width:180px;
                         margin-left:10px;
						 color:#958d85;}                        			 

ul#footer_nav li a.lasttab{color:#958d85;}
                              

ul#footer_nav li a{font:13px 'CartoGothicStdBook',Arial, Helvetica, sans-serif;
	               color:#958d85;
				   text-decoration:none;
				   height:28px;
				     /*Easing on the color of the text */
				    transition:color .5s linear;
				    -moz-transition:color .5s linear ;
			        -webkit-transition:color .5s linear;}
				   

ul#footer_nav li a:hover{color:#fff;}


				
#footer_content p.copyright{color:#958d85;
            font:13px 'CartoGothicStdBook', Arial, Helvetica, sans-serif;
			text-align:center;
			width:960px;
			position:relative;
			top:60px;
			display:inline-block;}