/*
Theme name: roras_coffee
Creator: Rowen Ravera
*/
/* Globals */
body{
    width:100%;
    font-size:12px;
    font-family:MS Trebuchet, MS Arial, MS Verdana, Helvetica;
    background:#999;
    color:#333;
    text-align:center;
    }
* {
	margin: 0;
	padding: 0;
	border:0;
}
img, img a{
    border:none;
    padding:none;
    margin:none;
    display:block;
    }
a{
    color:#339999;
    text-decoration:none;
    font-weight:bold;
    }
a:hover{
    text-decoration:underline;
    font-weight:normal;
    }
h1{
    color:#33999;
    font-size:26px;
    font-weight:bold;
    }
h2, h2 a{
    color:#339999;
    font-size:18px;
    padding:20px 0 0 0;
    margin:0;
    font-weight:bold;
    }
h3, h3 a{
    color:#664738;
    font-size:14px;
    font-weight:bold;
    padding:0px 0 0 0;
    margin:0;
    }
p{  
    padding: 0px 0 5px 0;
    }
.pointer { cursor: pointer!important; }


/* Structure */
#container{
    width:1010px;
    clear:both;
    }
#top{
width:1010px;
height:99px;
}
#header{
width:910px;
float:right;
}
#free_wordpress_themes{
float:left; 
width:100px; 
}
#nav{
    width:250px;
    float:right;
    }
#content{
    width:760px; 
    float:left;
    }
    #main{
          width:760px;
          }
          #left{
              background:url("/images/left_side.png") no-repeat;
              float:left; 
              width:100px;  
              height:507px;                          
              }
           #title{
              width:660px;
              float:right;
              }
          #central{
              float:right;
              width:660px;
              height:508px; 
              overflow:hidden;            
              }
              #animation{
                    background:url("/images/steam_animation.gif") no-repeat;
                    position:absolute;
                    left:160px;
                    top:99px;
                    z-index:200;
                    width:230px;
                    height:217px;
                    }
          #central_web_designs{
                    overflow:scroll;
                    width:660px;
                    float:right;
                    height:477px;
                    }
          .central_clean{
                   background:url("/images/central_clean.png") no-repeat;
                   float:right;
                   width:660px;
                   height:477px; 
                   overflow:hidden;  
                   padding-top:20px;     
                   }
          .central_who{
                   float:right;
                   width:660px;
                   height:477px; 
                   overflow:hidden;     
                   }
          .central_graphic{
                   background:url("/images/central_graphic.png") no-repeat;
                   float:right;
                   width:660px;
                   height:477px; 
                   overflow:hidden;  
                   padding-top:20px;     
                   }
          .central_graphic_italian{
                   background:url("/images/central_graphic_italian.png") no-repeat;
                   float:right;
                   width:660px;
                   height:477px; 
                   overflow:hidden;  
                   padding-top:20px;     
                   }
                    .design1{
                    background:url(/images/design1.png) no-repeat;
                        width:660px;
                        height:237px;
                        }
                        .design1 img{float:right;margin:20px 10px 0 10px;}
                    .design2{
                        background:url(/images/design2.png) no-repeat;
                        width:660px;
                        height:240px;
                        }
                        .design2 img{float:right;margin:20px 10px 0 10px;}
 
                    .design3{
                        background:url(/images/design1.png) no-repeat;
                        width:660px;
                        height:237px;
                        }
                        #design3_image{
                              float:left;
                              }
                        #photo{
                               position: absolute;
                               width:220px;
                               height:237px;
                               z-index:1;
                               display:none;
                               }
          .central_flash{
                   background:url("/images/central_flash.png") no-repeat;
                   float:right;
                   width:660px;
                   height:477px; 
                   overflow:hidden;  
                   padding-top:20px;     
                   }
          .central_flash_italian{
                   background:url("/images/central_flash_italian.png") no-repeat;
                   float:right;
                   width:660px;
                   height:477px; 
                   overflow:hidden;  
                   padding-top:20px;     
                   }
              #image1a{
                    position:absolute;
                    left:400px;
                    top:240px;
                    z-index:26;
                    }
              #image1b{
                    position:absolute;
                    left:250px;
                    top:265px;
                    z-index:25;
                    }
              #image1{
                    position:absolute;
                    left:210px;
                    top:160px;
                    z-index:24;
                    }

              #image2{
                    position:absolute;
                    left:130px;
                    top:215px;
                    z-index:23;
                    }
              #image3{
                    position:absolute;
                    left:250px;
                    top:265px;
                    z-index:22;
                    }
              #image4{
                    position:absolute;
                    left:400px;
                    top:240px;
                    z-index:21;
                    }
              #image5{
                    position:absolute;
                    left:250px;
                    top:265px;
                    z-index:19;
                    }
              #image6{
                    position:absolute;
                    left:240px;
                    top:265px;
                    z-index:18;
                    }
              #image7{
                    position:absolute;
                    left:250px;
                    top:265px;
                    z-index:17;
                    }
              #image8{
                    position:absolute;
                    left:250px;
                    top:265px;
                    z-index:16;
                    }
              #image9{
                    position:absolute;
                    left:250px;
                    top:265px;
                    z-index:15;
                    }
#footer{
    background:#181929;
    width:100%;
    text-align:center;
    color:#fff;
    line-height:30px;
    font-weight:bold;
    clear:both;

    }
    #footer a, h1 a{
    color:#fff;
    text-decoration:none;
    }
    #footer a:hover, h1 a:hover{
    text-decoration:underline;
    }