/*

    TITLE:    Pearls Restaurant Group
    DATE:    8-4-07

*/
/* 
 ZERO
-----------------------------------------------*/
h1, h2, h3, h4, h5, h6,
ul, li,
p, br, form, body,
img{margin: 0;    padding: 0;    border: 0;}

/*
 MAIN 
-----------------------------------------------*/
body{
    font: normal 12px/18px 'Arial'; color: #333;
    background: #000 url('images/mainBg.png') center top repeat-x;
}

/* links */
a{font-weight: bold; color: #936d15;}
a:hover{text-decoration: none;}

/* heading */
h1{font-size: 1.8em; margin: 2px 2px; padding: 5px 5px; letter-spacing: -.05em; font-family: cambria, 'times New Roman'; line-height: 1.2em;}
h2{font-size: 1.6em; margin: 2px 0px; padding: 2px 0px; letter-spacing: -.05em; line-height: 1.2em;}
h3{font-size: 1.4em; margin: 2px 0px; padding: 3px 0px; letter-spacing: -.05em; line-height: 1.2em;}
h4{font-size: 1.1em; margin: 2px 0px; padding: 3px 0px; letter-spacing: -.05em; line-height: 1.2em;}
h5{font-size: 1.0em; margin: 2px 0px; padding: 3px 0px; letter-spacing: -.05em; line-height: 1.2em;}
h6{font-size: .9em;     margin: 2px 0px; padding: 1px 0px;    font-weight: normal; line-height: 1.2em;}

/* para-list */
p{margin: 5px 0px; padding: 3px 0px;}


/*
 LAYOUT.
-----------------------------------------------*/

#mastCon{width: 780px; margin: 2px auto 0 auto;}

#hd{width: 780px; height: 132px; position: relative; background: url('images/header.png') no-repeat;}
#hd h1 a{width: 220px; height: 120px; float: left; text-indent: -9999px; margin: 0 0 0 280px; display: inline;}
#hd .search{}
#hd .search .searchInput{width: 105px; height: 17px; position: absolute; top: 81px; right: 24px; border: 1px solid #999;}
#hd .search .searchButton{width: 53px; height: 22px; position: absolute; top: 80px; right: 132px; font-size: 0; background: url('images/searchBtn.png') no-repeat; border: 0; color: #fff;}

#mn{width: 778px; padding: 19px 0; text-align: center; background: #000; border: 1px solid #fff; border-bottom: 0;}
#mn li{display: inline; text-transform: Uppercase; padding: 0 6px;}
#mn li a{color: #fff; text-decoration: none;}
#mn li a:hover{color: #e9bb4c;}

#fl{
    width: 778px;
    float: left;
    border: 1px solid #fff;
    border-top: 0;
    border-bottom: 0;
    height: 249px;
    background-color: #fff;
    background-image: url(images/flash.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

body#inside #fl{
    background-image: none;
    height: 115px;
}

#nodisplay{
    width: 698px;
    float: left;
    padding-right: 40px;
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

#bd{width: 778px; float: left; background: #fff; border: 1px solid #fff; border-top: 0; border-bottom: 0;}
#bd #actions{width: 778px; float: left; margin: -4px 0 0 0; line-height: 1.4em; background: url('images/actions.png') repeat-y;}
#bd #actions h1{width: 209px; float: left; display: block; font-style: italic; line-height: 1.2em; padding: 6px 3px 3px 28px; background: url('images/h1.png') 0 6px no-repeat;}
#bd #actions #aLeft{width: 540px; float: left;}
#bd #actions #aLeft  #a1{width: 240px; float: left; padding: 15px 20px;}
#bd #actions #aLeft #a1 .element{width: 100%; float: left; border-bottom: 1px solid #999; padding: 0px 0 6px 0;}
#bd #actions #aLeft  #a2{width: 220px; float: right; padding: 15px 20px;}
#bd #actions #a3{width: 200px; float: right; padding: 15px 15px 15px 22px;}

#newsLetter{width: 162px; float: left; padding: 10px 15px 40px 15px; position: relative; background: #f2f2f2; border: 1px solid #d2d2d2;}
#newsLetter h1{padding: 3px 0 !important; background-image: none !important; font-size: 1.5em;}
#newsLetter p{padding: 0;}
#newsLetter .newsInput{width: 103px; height: 17px; position: absolute; bottom: 15px; right: 19px; border: 1px solid #999; }
#newsLetter .newsSubmit{width: 52px; height: 22px; position: absolute; bottom: 15px; background: url('images/submit.png') ; font-size: 0; border: 0;}

#bd #mainCol{width: 500px; float: right; padding: 10px 25px;}
#bd #mainCol h1{color: #2c7888; font-size: 2.5em; padding: 2px 0 10px 0 ;}
#bd #mainCol ul{padding: 3px 15px;}

#bd #subCol{width: 213px; float: left; padding: 10px 0px 15px 13px; border-right: 1px solid #ccc;}
#bd #subCol h1{font-style: italic; padding: 3px 3px 3px 28px; background: url('images/h1.png') no-repeat;}
#bd #subCol #subNav{width: 213px; float: left; padding: 10px 0;}
#bd #subCol #subNav li{padding: 6px 0; list-style: none; border-bottom: 1px solid #999;}
#bd #subCol #subNav li a{display: block; padding: 0 0 0 20px; color: #000; text-decoration: none; font-size: 1.1em; background: url('images/subNav.png') 0 4px no-repeat;}
#bd #subCol #subNav li a:hover{color: #936d15; background: url('images/subNavOver.png') 0 4px no-repeat;}
#bd #subCol #sideSec{width: 200px; float: left; padding: 10px 0 2px 0;}

#ft{width: 780px; float: left; text-align: center; padding: 15px 0 15px 0; color: #616161; background: url('images/footer.png') left top no-repeat; border-top: 1px solid #ccc;}
#ft .address{text-align: center; font: normal 0.9em Verdana; margin: 0;}
#ft .phone{text-align: center; font: bold 1em Arial; margin: 0;}
#ft .fn{padding: 50px 0 0 0;}
#ft .fn li{display: inline; padding: 0 20px 0 0;}
#ft .fn li a{color: #616161; font-size: .9em; text-transform: Uppercase; text-decoration: none;}
#radium3 {float:right;}
/*
 MISC.
-----------------------------------------------*/
.left{float: left;}
img.left{margin: 5px 10px 0 0; display: inline;}
.right{float: right;}
.black{color: #000;}
.white{color: #fff;}
.hide{display: none;}

.blogsElement ul{padding: 0;}
.blogsElement li{padding: 0;}
.blogsElement h2{font-size: 1.4em; font-weight: normal;}

/* clearing */
#ListOfDivs:after{
    content: '.';
    height: 0px;
    visibility: hidden;
    display: block;
    clear: both;    
}