/*
========================================================================
Filename:		styles.css
Date Created:	2009-09-14
Description:	CSS stylesheet for component structure and typography
Project:		Realise
Author:			Sunny Kumar (sunny.kumar@atticmedia.com)
========================================================================
*/

/*________________ Default Styles ___________________*/

*
{
    margin:0px;
    padding:0px;
}

html,body
{
    height:100%;
}
html a
{
    outline: none;
}
body
{
    margin:0px;
    text-align:left;
    font-family: Arial;
	font-size: 100%;
}
a
{
    text-decoration:none;
    color:#000;
}
a:hover
{
    text-decoration:underline;
}

img
{
    border:none;
    display: block;
}
p
{
    margin:3px 0 3px 0;
}
ul
{
    list-style-type:none;
    padding:0px;
    margin:0;
}
ul li
{
    float:left;
}

fieldset
{
    border:none;
    padding:0px;
    margin:0px;
}
label
{
    font-size:100%;
}
select,input
{
    color:#000;
}
form
{
   padding:0px;
   margin:0px;
}

.hidden
{
   text-indent: -999px;
   display: none;    
}

.clear
{
   clear: both;
   height: 0px; 
}

h1, h2, h3, h4, h5, h6
{
    margin: 0px;
    padding: 0px;
}

h2 a
{
    color: #fff;
}

.spacer
{
    height: 20px;
    clear: both;
}

.separator
{
    clear: both;
    height: 1px;
    background-color: #abd29b;
    margin: 10px 0 10px 0;
}

.TableLayout {
    clear:both;
    float:left;
    margin-bottom:4px;
    min-height:60px;
    width:100%;
}
.TableLayout .TextBody {
    height:auto !important;
    min-height:50px !important;
    overflow:auto;
    padding-right:5px;
}
.TableLayout .TextBody p {
    padding-left: 0;
}

/*________________ Outer Wrapper CSS Starts here ___________________*/

.outer-wrapper
{
    display:block;
    float:left;
    width:100%;
    background: url(../images/backgrounds/main-bg.gif) repeat-x left bottom;
}


/*_____________________ Main Wrapper CSS Starts here _______________________*/

.main-wrapper
{
    margin: 0 auto;
    width: 965px;
}

.no-content
{
    height: 700px;
}

.our-approach .col-heading h2
{
    color: #005620 !important;
    font-weight: bold !important;
}


/*________________ Header CSS Starts here ___________________*/

.header
{
    float: left;
    padding: 20px 0 10px 21px;
    width: 100%;
}

.header .logo
{
     float: left;
     margin:-2px 0 0 1px;
     display: inline;
}

.header ul.header-nav
{
     float: left;
     margin: 25px 0 0 28px;
}

.header ul.header-nav li
{
     background: url(../images/generic/nav-list-bullet.gif) no-repeat left 16px;
}

.header ul.header-nav li a
{
     color: #009960;
     line-height: 250%;
     display: block;
     /*padding: 0 22px 0 15px;*/
     padding: 0 15px 0 15px;
     font-size: 95%;
}

.header ul.header-nav li a:hover
{
     color: #5f6062;
     text-decoration: none;
}

.header ul.header-nav li.active a
{
     color: #5f6062;
     font-weight: bold;
}
/* sub nav */
.header .sub-nav
{
    display:block;
    float:left;
    background:#76BC52 url(../images/generic/sub_nav_left.gif) no-repeat 0 bottom;    
    min-height:35px;
    width:94%;
    /*margin:10px 0 0 -12px;*/
    margin:10px 0 0 -20px;
}
.header .sub-nav ul
{
    display:block;
    float:left;
    background:#76BC52 url(../images/generic/sab_nav_bg.gif) repeat-x 0 bottom;    
    width:100%;
    min-height:35px;
    margin-left:14px;
    display: inline;
}
.header .sub-nav ul li 
{
    display:block;
    float:left;
    margin:0 10px 0 -10px;
}
.header .sub-nav ul li a
{
    display:block;
    float:left;
    font-size:74%;  
    color:#F8FFFF;
    font-weight:bold;
    padding:8px 12px 12px 10px;
    border-right:solid 1px #fff;
}
.header .sub-nav ul li.active a
{
    text-decoration:underline;
    font-weight:bold;
}
.header .sub-nav ul li.active a:hover
{
    text-decoration:none;
}

/*_____________________ Content Wrapper CSS Starts here _______________________*/

.content-wrapper
{
    display:block;
    float:left;
    font-size: 80%;
    color: #464b45;
    background: url(../images/backgrounds/content-bg.gif) no-repeat left bottom;
    background-color: #fff;
    padding: 0 21px 15px 20px;
    width: 924px;
}

.content-wrapper h1
{
    display: block;
    color: #5C5C5E;
    font-weight: bold;
    font-size: 200%;
    padding: 10px 0 10px 0;
}

.content-wrapper h1.sub-heading
{
    padding: 5px 0 15px 0px;
}

.content-wrapper .flash-container
{
    padding: 0 0 30px 0;
}

/*_____________________ Home Page _______________________*/
.content-wrapper .main-banner
{
    padding: 0 0 10px 0;
}

.content-wrapper .main-banner .main-banner-left
{
    float: left;
    width: 638px;
    margin: 0 0 0 -5px;
    position: relative;
}
.content-wrapper .main-banner .main-banner-right
{
    float: left;
    width: 240px;
    height: 283px;
    background-color: #6aa73f;
    padding: 15px 30px 20px 20px;
    margin: 4px 0 0 0;
    color: #fff;
}

.content-wrapper .main-banner .main-banner-right h1
{
    font-size: 120%;
    /*border-bottom: 1px solid #9ac885;
    padding: 0 0 18px 0;
    margin: 0 0 20px 0;*/
    line-height: 125%;
    color: #fff;
}
.content-wrapper .main-banner .main-banner-right p
{
    margin-bottom: 10px;
}
.content-wrapper .main-banner .main-banner-right .think-tank 
{
    border-top: 1px solid #9ac885;
    padding-top: 15px;
    margin-top: 20px;
}
.content-wrapper .main-banner .main-banner-right .think-tank img
{
    display: block;
    margin: 0 0 15px 0;
}
.content-wrapper .main-banner .main-banner-right .think-tank a
{
    color:#fff;
    text-decoration:underline;
}
.content-wrapper .main-banner .main-banner-right .follow-us
{
    border-top: 1px solid #9ac885;
    margin: 10px 0 0 0;
    padding: 15px 0 0 0;
}

.content-wrapper .main-banner .main-banner-right .follow-us img
{
    vertical-align: middle;
    margin: 0 8px 0 0;
	float:left;
}

.content-wrapper .main-banner .main-banner-right .follow-us a
{
    color: #fff;
    font-weight: bold;
    font-size: 90%;
	line-height:20px;
}

.content-wrapper .col2-layout .col1,
.content-wrapper .col2-layout .col2
{
     display:block;
     float: left;
     width: 423px;
     margin: 10px 65px 20px 0;
     background: url(../images/backgrounds/col-bg.gif) repeat-x left top;
}
.content-wrapper .col2-layout .col2
{
     margin: 10px 0px 20px 0;
}

.content-wrapper .col3-layout .col1,
.content-wrapper .col3-layout .col2,
.content-wrapper .col3-layout .col3
{
     float: left;
     width: 275px;
     margin: 10px 49px 20px 0;
     background: url(../images/backgrounds/home-col-bg.gif) repeat-x left top;
}

.content-wrapper .col3-layout .col-content
{
     padding: 20px 11px 0 11px;
     height: 100%;
     color: #737a72;
}

.content-wrapper .col3-layout .col-content img
{
     margin: 0 0 10px 0;
}

.content-wrapper .col3-layout .col3
{
     margin: 10px 0 20px 0;
}

.content-wrapper .col3-layout .col-heading h2
{
     color: #fff;
}

.content-wrapper .col-heading
{
     background: url(../images/backgrounds/col-heading-bg.gif) repeat-x left top;
}

.content-wrapper .col-heading h2
{
     color:#fff;
     font-weight:normal;
     line-height: 31px;
     height: 31px;
     padding: 0 0 0 15px;
     font-size: 110%;
     background: url(../images/backgrounds/heading-bg.gif) no-repeat left top;
     overflow: hidden;
}
.col2-layout .col-content a
{
    display:block;
    color:#6EB349;
    clear:both;
    margin:5px 0 0 0;
    font-weight:bold;
    text-decoration:underline;    
}
.col2-layout .col-content a:hover
{
    text-decoration:underline;    
}

.content-wrapper h3
{
     font-size: 100%;
     margin-bottom: 10px;
}

.content-wrapper .col-content
{
     padding: 20px 15px 0 15px;
     height: 100%;
}

.content-wrapper .col-content .col-content-left
{
     float: left;
     width: auto;
     margin: 0 15px 0 0;
}

.content-wrapper .col-content .col-content-right
{
     float: left;
     width: 240px;
}

.content-wrapper .col-content .col-content-right p
{
     margin: 0 0 15px 0;
}

/* Home page Quotes */
#Home blockquote, #Home blockquote p {
    background: none;
    color: #737A72;
    font-size: 100%;
    font-weight: normal;
    padding: 0;
    line-height: 160%;
}
#Home blockquote {
    margin-top: 0;
}
#Home blockquote p {
    margin-bottom: 10px;
}
#Home blockquote cite {
    font-style: italic;
    font-weight: bold;
}


.content-wrapper p
{
     line-height: 160%;
}
.content-wrapper .content p
{
     margin-bottom: 10px;
}

.content-wrapper .promo-box img {
    float: left;
    clear: right;
    margin: 0 10px 3px 0;
}

.content-wrapper .promo-box p {
    margin-top: 0;
    margin-bottom: 15px;
}

.content-wrapper .services-left
{
    float: left;
    width: 641px;
    background: url(../images/backgrounds/services-left-bg.gif) no-repeat left 58px;
    margin:0 18px 0 -16px;
    position: relative;
}

.content-wrapper .services-left .services-content
{
    padding: 18px;
}

.content-wrapper .services-left .services-content h2
{
    padding: 25px 0 0 0;
    font-size: 130%;
    color: #67686a;
    margin-bottom: 10px;
}

.content-wrapper .services-left .services-content p
{
    margin: 0px 0 10px 0;
}

.content-wrapper .services-left .services-content p a 
{
	text-decoration:underline;
}

.content-wrapper .services-left .services-content p.LearnMore a
{
    color:#6EB349;
    font-weight: bold;
    text-decoration: underline;
}

.content-wrapper .services-left .services-content img.thumbnail
{
    float: left;
    margin: 4px 15px 4px 0;
}

.content-wrapper .services-left .services-content ul 
{
    display: block;
    list-style-type: circle;
    margin: 0 0 10px 30px;
}

.content-wrapper .services-left .services-content ul li
{
    margin-bottom: 5px;
    float: none;
}

.content-wrapper .services-left .services-content ul.general-list li
{
    margin-left: 285px;
}

.content-wrapper .services-left .services-content .RelatedLinks 
{
    margin: 30px 0 15px 0;
}

.content-wrapper .services-left .services-content .RelatedLinks
{
	text-decoration:underline;	
}

.content-wrapper .services-left .services-content .RelatedLinks h3
{
    margin-bottom: 10px;
}
.content-wrapper .services-left .services-tab ul 
{
    padding: 0 0 0 2px;
    width: 100%;
}
.content-wrapper .services-left .services-tab ul li a
{
    display: block;
    background: url(../images/backgrounds/tab-bg.gif) no-repeat left top;
    width: 116px;
    height: 60px;
    padding: 18px 0 0 12px;
    color: #fff;
    font-weight: bold;
}

.content-wrapper .services-left .services-tab ul li a.active
{
    background: url(../images/backgrounds/tab-bg-hover.gif) no-repeat left top;
    color: #026526;
}

.content-wrapper .services-left .services-tab ul li a.active:hover
{
    text-decoration:none;
    cursor:text;
}

.content-wrapper .services-right
{
    float: left;
    width: 270px;
}

.content-wrapper .related-links
{
    margin-top: 10px;
}
.content-wrapper .case-studies h3
{
    border-bottom: 1px solid #82ba6b;
    padding: 13px 0 15px 0;
    margin: 10px 0 20px 0;
    font-size: 130%;
    color: #5f6062;
}

.content-wrapper .case-studies .case-study-list
{
    padding: 0 0 15px 0;
    font-size: 85%;
}

.content-wrapper .case-studies .case-study-list img
{
    float: left;
    margin: 0 10px 0 0;
}

.content-wrapper .case-studies .case-study-list h4
{
    color: #00a160;
    font-size: 130%;
}

.content-wrapper .case-studies .case-study-list h4 a
{
    color: #00a160;
}

.content-wrapper .case-studies .view-all
{
    margin: 10px 0 0 0;
    display: block;
}

.content-wrapper .case-studies .view-all a
{
    color: #00a160;
    font-size: 85%;
    font-weight: bold;
}

.content-wrapper blockquote {
    margin-top: 40px;
    padding: 0 10px 0 35px;
    clear: both;
    background: url(../images/backgrounds/top-quote-bg.gif) no-repeat left top;
}

.content-wrapper blockquote p {
    background: url(../images/backgrounds/bottom-quote-bg.gif) no-repeat right bottom;
    line-height: 120%;
    font-size: 130%;
    font-weight: bold;
    color: #65ac42;
    padding-bottom: 10px;
    padding-right: 25px;
}

.content-wrapper blockquote cite {
    font-style: normal;
    font-size: 90%;
}

.content-wrapper .quote
{
    padding: 40px 0 0 0;
}

.content-wrapper .quote .quote-box
{
    color: #65ac42;
    font-weight: bold;
    font-size: 130%;
    background: url(../images/backgrounds/top-quote-bg.gif) no-repeat left top;
    padding: 0 0 0 35px;
}

.content-wrapper .quote .quote-box p
{
    background: url(../images/backgrounds/bottom-quote-bg.gif) no-repeat right bottom;
    padding: 0 10px 0 0;
    line-height: 120%;
    margin: 0 10px 10px 0;
}

.content-wrapper .quote span
{
    color: #5f6062;
    font-size: 90%;
    display: block;
    padding: 0 0 0 35px;
}

.content-wrapper .contact-left
{
    float: left;
    width: 605px;
    color: #5f6062;
    margin: 0 10px 0 0;
}

.content-wrapper .contact-form
{
    background: url(../images/backgrounds/contact-left-bg.gif) repeat-x left top;
    margin: 10px 0 0 0;
    padding: 20px 32px 20px 32px;
	width:850px;
}

.content-wrapper .contact-form .fieldset-left
{
	float:left;	
	width:540px;
	border-right:1px solid #abd29b;
}
.content-wrapper .contact-form .fieldset-right 
{
	float:right;	
	width:288px;
	padding:0 10px;
}

.content-wrapper .contact-form .required
{
    /*float: right;*/
    display: block;
    clear:both;
    font-size: 85%;
    padding: 0 5px 10px 0;
	margin-left:220px;
}
.content-wrapper .contact-form .error
{
    /*float: right;*/
    display: block;
    clear:both;
    font-size: 85%;
    padding: 0 5px 10px 0;
    color:red;
	margin-left:220px;
}
.content-wrapper .contact-form p.Instructions
{
    font-weight: bold;
    margin-bottom: 10px;
	margin-top:0;
}
.content-wrapper .contact-form label
{
    float: left;
    clear: both;
    width: 220px;
    font-weight: bold;
}

.content-wrapper .contact-form .fieldset-right label 
{
	width: 250px;
	font-weight:normal;
}

.content-wrapper .contact-form input,
.content-wrapper
{
    float: left;
    margin: 0 0 18px 0;
    padding: 2px 0 2px 0;
}

.contact-form textarea 
{
	float: left;
	margin:0;
	padding:0;
}
.content-wrapper .contact-form input.textbox,
.content-wrapper .contact-form textarea
{
    width: 300px;
    border: 1px solid #75b755;
}
.content-wrapper .contact-form ul li
{
    clear: both;
    width: 100%;
    margin-bottom: 12px;
}
.content-wrapper .contact-form ul li input,
.content-wrapper .contact-form ul li textarea
{
    margin-bottom: 0;
}
.content-wrapper .contact-form .LeftCol {
    float: left;
    clear: right;
    width: 220px;
}
.content-wrapper .contact-form .LeftCol p {
    margin-top: 0;
    padding-top: 0;
    font-weight: bold;
    line-height: 1.2em;
}
.content-wrapper .contact-form .RightCol {
    float: left;
    clear: right;
    width: 315px;
}
.content-wrapper .contact-form .RightCol label,
.content-wrapper .contact-form .RightCol input {
    float: none;
}
.content-wrapper .contact-form .RightCol input {
    margin-right: 10px;
}
.content-wrapper .contact-form .RadioGroup label, 
.content-wrapper .contact-form .RadioGroup input {
    display: inline;
    width: auto;
    float: none;
}
.content-wrapper .contact-form .RadioGroup {
    margin-top: 15px;
    clear: both;
    float: left;
    width: 100%;
}
.content-wrapper .contact-form .RadioGroup p {
    margin-bottom: 10px;
    font-style: italic;
    font-size: 90%;
}
.content-wrapper .contact-form .RadioGroup p.Instructions {
    margin-bottom: 0;
    font-style: normal;
    font-size: 100%;
}
.content-wrapper .contact-form .RadioGroup input {
    margin-right: 10px;
}
.content-wrapper .contact-form input.submit
{
    float:right;
    border: 1px solid #79bd68;
    background-color: #30b37f;
    padding: 2px 10px 2px 10px;
    color: #fff;
    font-size: 95%;
    width: auto;
    cursor: pointer;
    margin-right: 30px;
}

.content-wrapper .contact-right
{
    float: left;
    width: 300px;
    color: #5f6062;
}

.content-wrapper .address-details
{
    background: url(../images/backgrounds/contact-left-bg.gif) repeat-x left top;
    padding: 15px 30px 15px 30px;
}

.content-wrapper .address-details h2
{
    margin-bottom: 10px;
    font-size: 1.2em;
}


/*________________ General container ___________________*/
.general_container
{
    display:block;
    float:left;
    width:435px;
    background: url(../images/generic/content_gradient_bg.jpg) repeat-x left top;
    padding:15px 25px 25px 25px;
    font-size:95%;
    margin:0 50px 0 0;
    clear:left;
}
.general_container .logo_small
{
    float:left;
    margin:15px 15px 10px 0;
}
.general_container p
{
    padding:5px 0 5px 0;
}
.general_container ul 
{
    display: block;
    list-style-type: circle;
    margin: 0 0 10px 30px;
}
.general_container ul li
{
    margin-bottom: 5px;
    float: none;
}
/*________________ List component ___________________*/
.list_component
{
    display:block;
    float:left;
    width:357px;
    background: url(../images/generic/content_gradient_bg.jpg) repeat-x left top;
    padding:15px 5px 25px 15px;
    font-size:95%;
    clear:right;
}
.list_component h2
{
    font-size:120%;
}
.list_component ul
{
    display:block;
    float:left;
    width:auto;
    margin:15px 0 0 0;
}
.list_component ul li
{
    float:left;
    margin:10px 0 0 0;
}
.list_component ul img
{
    float:left;
    margin:0 10px 10px 0;
}
#Clients .list_component ul h2, .list_component ul h3
{
    font-size:115%;
    margin:0 10px 10px 0;
    color:#00A761;
} 
#Clients .list_component ul h3 {
    font-size:100%;
    margin:0 10px 10px 0;
    color:#5F6062;
}
.list_component ul h3 a
{
    color:#00A761;
}
.list_component ul p 
{
    padding-left: 95px;
}

/*________________ Contact us ___________________*/

.content-wrapper p.content
{
    position: relative;
}

.content-wrapper .address-details .address-details-left
{
    float: left;
    width: 75px;
}

.content-wrapper .address-details .address-details-right
{
    float: left;
    width: 160px;
}
.content-wrapper .address-details .address-details-right h3
{
    color: #00a160;
    font-size: 90%;
    margin-bottom: 0;
}
.content-wrapper .address-details .address-details-right p
{
    margin: 0px;
    line-height: 140%;
    font-size: 90%;
}

.content-wrapper .address-details .address-details-right p a.email
{
    color: #00a160;
}


/*________________ Clients ___________________*/

.content-wrapper .clients-left
{
    float: left;
    width: 595px;
    color: #5f6062;
    margin: 0 25px 0 0;
}

.content-wrapper .clients-right
{
    float: left;
    width: 300px;
    margin: -35px 0 0 0;
}

.content-wrapper .clients-left .clients-list
{
    background: url(../images/backgrounds/clients-left-bg.gif) repeat-x left top;
    margin: 10px 0 0 0;
    padding: 15px 20px 20px 20px;
    width: 560px;
}

.content-wrapper .clients-left .clients-list p a
{
    font-size: 95%;
    color: #00a160;
    padding: 5px 0 0 0;
    display: block;
}


/*________________ Promotion ___________________*/
.content-wrapper .promotion-left 
{
    float: left;
    clear: left;
    width: 605px;  
    margin-right: 10px;
    color: #5F6062;
}
.content-wrapper .promotion-right 
{
    color:#5F6062;
    float:left;
    width:300px;
}
.content-wrapper .promotion-left .list_component
{
    width: 585px;
    margin-top: 20px;
}
.content-wrapper .promotion-left .list_component .promo
{
    color: #ff0000;
}
.content-wrapper .promotion-left h3
{
    font-size: 1.15em;
    margin-top: 10px;
}
.content-wrapper .promotion-left .company-meta h3
{
    color: #31A751;
}
.content-wrapper .promotion-left h4
{
    margin: 20px 0 10px 0;
}
.content-wrapper .promotion-left p
{
    margin: 0 0 10px 0;
}
.content-wrapper .promotion-left a
{
    text-decoration: underline;
}
.content-wrapper .promotion-left .promotion-box 
{
    margin: 20px 0;
    background-color: #ffffff;
    border: 1px solid #65AC42;
    padding: 20px 10px 10px 10px;
    font-size: 120%;  
    text-align: center; 
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #ff0000;
}
.content-wrapper .promotion-left .promotion-box a 
{
    color: #ff0000;
}
.content-wrapper .promotion-left ul
{
    list-style-type: circle;
    margin: 0 0 10px 30px;
    display: block;
    float: none;
}
.content-wrapper .promotion-left ul li
{
    float: none;
    margin-top: 5px;
}
.content-wrapper .promotion-left .company-meta
{
    float: none;
    margin-top: 35px;
}
.content-wrapper .promotion-right .address-details
{
    margin-top: 20px;
}
.content-wrapper .promotion-right .address-details-right a.promotion-link
{
   color: #ff0000;
}

/*________________ Sitemap ___________________*/

.content-wrapper .sitemap-left
{
    float: left;
    width: 600px;
    background: url(../images/backgrounds/sitemap-left-bg.gif) repeat-x left top;
    margin: 0 20px 0 0;
    padding: 20px;
}

.content-wrapper .sitemap-right
{
    float: left;
    width: 230px;
    color: #65ac42;
    font-weight: bold;
    font-size: 140%;
}

.content-wrapper .sitemap-right p
{
    line-height: 130%;
}

.content-wrapper .sitemap li
{
    float: none;
    background: url(../images/generic/nav-list-bullet.gif) no-repeat left 5px;
    padding: 0 0 5px 15px;
    font-weight: bold;
    color: #00a160;
    font-size: 110%;
}

.content-wrapper .sitemap li ul
{
    float: none;
    padding: 5px 0 5px 80px;
    color: #00a160;
    font-size: 80%;
}

.content-wrapper .sitemap li ul li
{
    font-weight: normal;
    list-style-type: circle;
    background: none;
    padding: 0 0 5px 0;
}

.content-wrapper .sitemap li a
{
    color: #00a160;
}

/*________________ Accessiblity ___________________*/

.content-wrapper .accessibility
{
    color: #5f6062;
}

.content-wrapper .accessibility p
{
    margin: 0 0 20px 0;
}

.content-wrapper .accessibility h2
{
    color: #00a160;
    font-size: 100%;
}


/*________________ Privacy Policy ___________________*/

.content-wrapper .accessibility ol 
{
	margin-left:19px;
}


.content-wrapper .accessibility ol li 
{
    margin-bottom: 15px;
}

/*________________ Team ___________________*/

.team h2
{
    font-size:140%;
    margin:19px 0 19px 0;
}
.team .address-details a
{
    font-size:100%;
    color:#009F5F;
    font-weight:bold;
}

/*________________ General List ___________________*/

.general-list li
{
    list-style-type: circle;
    margin: 0 0 0 310px;
    float: none;
    padding: 0 0 5px 0;
}

.general-list1 li
{
    list-style-type: circle;
    margin: 0 0 0 20px;
    float: none;
    padding: 0 0 5px 0;
}

/*________________ Footer CSS Starts here ___________________*/

.footer
{
    float: left;
    display: block;
    text-align: center;
    color: #53624f;
    font-family: Arial;
    font-size: 75%;
    padding: 25px 0 45px 0;
    width:100%;
    clear:both;
    
}

.footer ul
{
    display:inline;
    float:none;
    text-align: center;
    clear:both;
    width:auto;
}
.footer ul li
{
    display:inline;
    float:none;
}
.footer ul li a
{
    padding: 0 10px 0 10px;
    display: inline;
    color: #53624f;
    line-height: 100%;
    background: url(../images/backgrounds/footer-nav-bg.gif) no-repeat right 3px;
}

.footer ul li a.lastitem
{
    background: none;
}

.footer ul li.copyright
{
    background: url(../images/backgrounds/footer-nav-bg.gif) no-repeat right 3px;
    padding: 0 10px 0 10px;
}

.footer span,
.footer address
{
    display:block;
    clear:both;
    font-size: 80%;
    font-style: normal;
    padding: 8px 0 0 0;
}