/* Stylesheets for Crexent (NEW LAYOUT) PAGES
   Explosive Image.
   Coder: Arleys
   Date: 10-04-07
*/

/*******************
     COLORS USED
********************/

/*
Page background:          #f7f8fc
header color:             #6a8ab4
red line & header font:   #72103d
boxes color:              #dfe7ef
*/


/****************
     GLOBAL
*****************/

*
{
 margin: 0;
 padding: 0;
}

label
{
 display: block;
 margin-bottom: 2px;
}

em
{
 color: #CC3333;
}

/****************
   LAYOUT DIVS
*****************/

#container-pages
{
 width: 933px;
 height: auto;
 margin: 20px auto;
}

#content
{
 width: 933px;
 height: auto;
 background: #dfe7ef;
}

#left
{
 width: 190px;
 height: auto;
 float: left; 
 background: #dfe7ef;
 text-align: left;
 color: #72103d;
 padding: 10px 0 10px 10px;
 overflow: hidden;
}

#right
{
 width: 713px;
 min-height: 530px;
 height: auto !important;
 height: 530px; 
 float: right;
 background: /*url(../images/boy.jpg) 420px 10px no-repeat*/ #fff;
 text-align:left;
 padding-left: 20px;
 padding-bottom: 10px;
 color: #72103d;
 line-height: 1.2em;
 position:relative;
}

#bottombox
{
 width: 933px;
 height: 120px;
 background: #dfe7ef;
}

#ticker
{
 width: 170px;
 height: 110px;
 float: left;
 margin: 0 15px 10px 15px;
 /*background: #6a8ab4;*/
}

#bottomboxes
{
 width: 733px;
 height: 120px;
 float: right;
 font-size: 12px;
}


#bottombox1
{
 width: 183px;
 height: 119px;
 float: left;
 border-top: 1px solid #6a8ab4;
 border-left: 1px solid #6a8ab4;
 background:url(../images/office.jpg) left bottom no-repeat;
}

#bottombox2
{
 width: 182px;
 height: 119px;
 float: left;
 border-top: 1px solid #6a8ab4;
 border-left: 1px solid #6a8ab4;
 background:url(../images/talking.jpg) left bottom no-repeat;
}

#bottombox3
{
 width: 182px;
 height: 119px;
 float: left;
 border-top: 1px solid #6a8ab4;
 border-left: 1px solid #6a8ab4;
 background:url(../images/receptionist.jpg) left bottom no-repeat;
}

#bottombox4
{
 width: 182px;
 height: 119px;
 float: left;
 border-top: 1px solid #6a8ab4;
 border-left: 1px solid #6a8ab4;
 background:url(../images/Lauderdale-Photo.jpg) left bottom no-repeat;
}

/****************
    ELEMENTS
*****************/


/* ******************************************** */

#bottombox1 h4
{
 width: 160px;
}

#bottombox2 h4, #bottombox3 h4, #bottombox4 h4
{
 width: 159px;
}


#bottombox1 h4, #bottombox2 h4, #bottombox3 h4, #bottombox4 h4
{
 height: 30px;
 background: url(../images/arrow.gif) 3px center no-repeat #fff;
 line-height: 2em;
 text-transform: uppercase;
 text-align: left;
 margin-top: 5px;
 padding-left: 23px;
 color: #6a8ab4;
}

#bottombox1 h4 a, #bottombox2 h4 a, #bottombox3 h4 a, #bottombox4 h4 a
{
 display: block;
 height: 30px;
 width: 159px;
 color: #6a8ab4;
}


/* ******************************************** */



#anniversary
{
 width: 154px;
 height: 144px;
 margin: 10px auto;
}

.various_pic
{
 width: 600px;
 margin: 0 auto 10px auto;
}

#locations_rotate
{
 width: 450px;
 height: 300px;
 position: absolute;
 top: 61px;
 right: 30px; 
 padding: 2px;
 border: 1px solid #72103D;
}



/****************
    CLASSES
*****************/