/*-----------------------------------------------------------------------------
 *
 * Project:          JWA, Inc.
 * File:             jwa_style.css
 * Description:      The style sheet for the JWA Inc. website.
 * 
 * Created By:       Becker (Becker Ink)
 *
 *---------------------------------------------------------------------------
 */


/* Global Styles */

body
{
   background:       #CBC4A0;
}

* 
{
	padding:		      0;
 	margin: 		      0;
	font-family:		arial, helvetica, sans-serif;
	font-weight:		normal;
	font-size:		   1em;
	color:		   	#000000;
	   
}

img
{
	border:			   0;	
}

a
{
	color:			   #424443;
	text-decoration: 	underline;
}

a:hover
{
	color: 			   #9E9770;
}

#Mainbody
{
   background:       url(images/background_services_taller.jpg) no-repeat #FFFFFF;
   position:         relative;
   width:            760px;
   margin:           auto;
   font-size:        75%;
}

#body
{
   background:       url(images/background.jpg) no-repeat #FFFFFF;
   position:         relative;
   width:            760px;
   margin:           auto;
   font-size:        75%;
}

.clear
{
   clear:            both;
}

h1
{
   font-size:        2.5em;
   color:            #4D4F4E;
   margin-top:       0.5em;
}

h2
{
   font-size:        1em;
   font-weight:      bold;
   color:            #ACA99D;
   margin-bottom:    0em;
}







#header
{
   position:         relative;
   padding-top:      10px;     
   padding-left:     25px;
   padding-right:    25px;
   padding-bottom:   10px;
}

#header img
{
   float:            left;
}  

#header p
{
   color:            #ACA99D;
   font-size:        11px;
   text-align:       right;
}

#header a
{
   color:            #ACA99D;
}

#nav
{
   padding-top:      7px;
   margin-left:      10px;
}

#nav a
{
   font-size:        12px;
   color:            #FFFFFF;
   font-weight:      bold;
   display:          block;
   float:            left;
   text-align:       center;
   line-height:      41px;
   height:           41px;
   margin-right:     1px;
}

#nav a.selected
{
   background: #9F9978; 
   color: #FFFFFF; 
   text-decoration: none;
}

#nav a:hover
{
   color:            #9E9770;
}

#nav a.selected:hover
{
   color: #FFFFFF; 
   text-decoration: none;
}

#jwanav
{
   background:       url(images/jwa_inactivenavbutton.jpg) no-repeat #424443;
   width:            175px;
}

#jwaRPnav
{
   background:       #424443;
   width:            201px;
}

#jwaVENnav
{
   background:       #424443;
   width:            177px;
}

#jwaMBnav
{
   background:       #424443;
   width:            189px;
}

/* updated navigation buttons */

#nav2
{
   padding-top:      7px;
   margin-left:      10px;
}

#nav2 a
{
   font-size:        12px;
   color:            #FFFFFF;
   font-weight:      bold;
   display:          block;
   float:            left;
   text-align:       center;
   line-height:      41px;
   height:           41px;
   margin-right:     1px;
}

#nav2 a.selected
{
   background: #9F9770; 
   color: #FFFFFF; 
   text-decoration: none;
}

#nav2 a:hover
{
   color:            #9E9770;
}

#nav2 a.selected:hover
{
   color: #FFFFFF; 
   text-decoration: none;
}

#jwaHome
{
   	background:       url(images/jwa_inactivenavbutton.jpg) no-repeat #424443;
	width: 150px;
}

#jwaCo
{
	background:       #424443;
	width: 148px;
}

#jwaPro
{
	background:       #424443;
	width: 148px;
}

#jwaStaff
{
	background:       #424443;
	width: 148px;
}

#jwaMB
{
	background:       #424443;
	width: 148px;
}



#services
{
   position:         absolute;
   top:              150px;
   left:             420px;
   width:            290px;
}

#services h1
{
   background:       url(images/services_underline.jpg) bottom left no-repeat;
   color:            #FFFFFF;
   margin-top:       25px;
   margin-bottom:    15px;
}

#services h2
{
   color:            #F4F4F2;
}

#services p, #services span
{
   display:          block;
   margin-bottom:    15px;
   color:            #FFFFFF;
}

#services span
{
   font-weight:      bold;
}

#services p
{
   line-height:      25px;
}

#services li
{
   background:       url(images/bullet.jpg) top left no-repeat;
   padding-left:     25px;
   list-style:       none;
   margin-bottom:    13px;
}

#services li ul li
{
   background:       none;
   padding:          0;
   margin:           0;
   margin-left:      15px;
   line-height:      15px;
   margin-bottom:    13px;
   color:            #424443;
   list-style:       square;
}

#MaincontentContainer
{
   position:         relative;
   left:             25px;
   padding-top:      200px;
   width:            355px;
}

#contentContainer
{
   position:         relative;
   left:             25px;
   padding-top:      200px;
   width:            710px;
}

#content p
{
   line-height:      2em;
   margin-bottom:    1em;
}

#content div div
{
   margin-left:      170px;
   width:            535px;
}


/* projects client lists */
#content #clientLists div
{
   margin:           0px;
}

#content #clientLists #currentClientList
{
   float:            left;
   width:            330px;
}

#content #clientLists #pastClientList
{
   float:            right;
   width:            340px;
}

#content #clientLists div ul li
{
   line-height:	     1.75em;
   margin-left:      2em;
}

#content #clientLists div ul
{
   margin-top:       1em;
}

/* bank services list */
#content div div.bank ul
{
}

#content div div.bank ul li
{
   line-height:	     1.75em;
   margin-left:      2em;
}

#content div div.bank p.bankAddy
{
   margin-left:      1em;
   line-height:      .5em;
}

#content div div.bank p.bankAbout
{
   margin-left:      1em;
}

#content div div.bank strong
{
   font-weight:     bold;
   display:         block;
   margin-top:	  1em;
   margin-bottom:	  1em;
}



#content div.crimg
{
   float:            left;
   margin:           0px;
   width:            150px;
}

#content img
{
   float:            left;
   height:           150px;
   margin-right:     1em;
   border:           1px solid #383A39;
}

#content span.pcredit
{
   float:            left;
   display:          block;
   font-size:        .78em;
}

.totop
{
   background:       url(images/arrow.jpg) top left no-repeat;
   margin-right:     0.5em;
   float:            right;
   padding-left:     1.5em;
}

#content div.addBorder
{
   background:       url(images/dotted.jpg) bottom left repeat-x;
   height:           1px;
   margin-top:       2em;
   margin-bottom:    2em;
}

#content h1.contentheader
{
   margin:          0;
   font-size:       1.5em;
}

#content h2
{
    margin-bottom:  1em;
}

#content h2.contentheader
{
   margin-bottom:   0em;
}

#content p.firstP
{
   margin-top:   1.5em;
}

#contentnav
{
   width:            720px;
}

#contentnav a, #contentnav img, #contentnav span
{
   float:            left;
}

#contentnav a
{
   display:          block;
   margin-bottom:    0.5em;
}

#contentnav img
{
   margin-left:      15px;
   margin-right:     15px;
}


#footer
{
   background:       url(images/footer_background.jpg) top center no-repeat #FFFFFF;
   position:         relative;
   width:            720px;
   padding-top:      1.5em;
   padding-bottom:   1em;
   margin:           auto;
   margin-top:       2em;
}

#footer p
{
   color:            #ACA99D;
   text-align:       center;
}

#footer a
{
   color:            #ACA99D;
}

#footer p.beckerink, #footer a.beckerink
{
   margin-top:       10px;
   color:            #C9C5B6;
   font-size:        0.9em;
}