﻿/*TEMPLATE STYLES........................................................*/
body 
{
    margin:0 0 0 0;
    background-color:#c0c6a5;
    background-image:url(../images/site_bg.gif);
    background-repeat:repeat-x;
    background-position:left top;
}
#topNav
{
    width:850px;
    height:31px;
    margin:0 auto;
}
#contentHolder
{
    width:900px;
    background-image:url(../images/contentHolder_bg.gif);
    background-repeat:repeat-y;  
    margin:0 auto; 
    overflow:auto;
}
#contentArea
{
    width:900px;
    min-height:360px;
    background-image:url(../images/content_top.gif);
    background-repeat:no-repeat;
    overflow:auto;    
}
#logo
{
    width:250px;
    height:100px; 
    float:left; 
    padding-left:25px;  
}
.navButton
{
    width:150px;
    height:100px;
    float:left;    
}
#mainPic
{
    width:850px;
    height:267px;
    
    margin:0 auto; 
    clear:both;
}
#seoPic
{
    width: 810px;
    padding:232px 20px 10px 20px;
    font-family:Arial;
    color:#fff;
    font-size:12px;
    font-weight:bold;
    text-align:right;
    font-style:italic;
}
#contentLeft
{
    width:620px;
    padding-left:45px;
    float:left; 
    overflow:auto; 
    font-family:verdana;
    color:#111;
    font-size:11px;
    line-height:18px;    
}
#contentRight
{
    width:200px;
    float:left;
    padding-right:35px;  
}
#seoContent
{
    font-family:Palatino Linotype, Book Antiqua3, Palatino6, serif;
    font-size:13px;
    color:#777;
    line-height:26px;
    letter-spacing:2px;
    padding-bottom:10px;
    width:580px;
}
#pageHeader
{
    width:580px;
    border-top:dotted 2px #bbb;
    border-bottom:dotted 2px #bbb;
    padding:4px 0 4px 0;
    font-family:Palatino Linotype, Book Antiqua3, Palatino6, serif;
    font-size:18px;
    font-weight:bold;
    color:#93a445;
    text-align:right;
}
div.pBlock
{
    width:580px;
    border-top:dotted 2px #bbb;  
}
#rightNav
{
    width:200px;    
}
#leftNav ul
{
    padding:0;
    margin:0;
    list-style-type:none;        
}
#leftNav li
{
    background: url(../images/leftnavbullet.gif) left center no-repeat;
	padding-left: 20px;
	margin-bottom: 10px;
}
#contentBttom
{
    width:900px;
    min-height:90px;
    background-image:url(../images/content_bttm.gif);
    background-repeat:no-repeat;
    margin:0 auto;
        
}
#footer
{
    height:120px;
    background-color:#a1a882;
    border-top:solid 2px #fff; 
    margin:0 auto;   
}
#footer ul
{
    
    list-style-type:none;
    width:800px;
    text-align:center;       
}
#footer li
{
    display:inline;
    padding: 5px 5px 5px 5px;    
}
#copyright, #copyright p
{
    width:900px; 
    text-align:center; 
    margin:0 auto; 
    font-family:verdana;
    color:#fff;
    font-size:11px;    
}
/*INDEX*/
.homePage
{
	background-image:url(../images/featurePic_home.jpg);
    background-repeat:no-repeat;
}

/*ABOUT*/
.aboutPage
{
    background-image:url(../images/featurePic_about.jpg);
    background-repeat:no-repeat;
}
/*TESTIMONIALS*/
.testimonialPage
{
    background-image:url(../images/featurePic_testimonial.jpg);
    background-repeat:no-repeat;
}
.quoteHolder
{
	width:380px;
	min-height:150px;
	padding-bottom:26px;
	clear:both;
}
.quote
{
	float:left;
	width:230px;
}
.quotePic
{
	float:left;
	width:150px;	
}
/*FULLTIME*/
.fulltimePage
{
    background-image:url(../images/featurePic_fulltime.jpg);
    background-repeat:no-repeat;
}
/*DAYOFFICE*/
.dayofficePage
{
    background-image:url(../images/featurePic_dayOffice.jpg);
    background-repeat:no-repeat;
}
/*VIRTUAL*/
.virtualofficePage
{
    background-image:url(../images/featurePic_virtualOffice.jpg);
    background-repeat:no-repeat;
}
/*IDENTITY*/
.identityPage
{
    background-image:url(../images/featurePic_identity.jpg);
    background-repeat:no-repeat;
}
/*MEETING ROOMS*/
.meetingroomPage
{
    background-image:url(../images/featurePic_meetingroom.jpg);
    background-repeat:no-repeat;
}
/*SUPPORT SVCS*/
.supportPage
{
    background-image:url(../images/featurePic_support.jpg);
    background-repeat:no-repeat;
}
/*PHONE ANS SVCS*/
.phonePage
{
    background-image:url(../images/featurePic_phone.jpg);
    background-repeat:no-repeat;
}
/*OUR LOCATION */
.ourlocationPage
{
    background-image:url(../images/featurePic_ourlocation.jpg);
    background-repeat:no-repeat;
}

/*FONT STYLES........................................................*/
p
{
    font-family:verdana;
    color:#111;
    font-size:11px;
    line-height:18px;     
}
h2
{
    font-family:Palatino Linotype, Book Antiqua3, Palatino6, serif;
    font-size:14px;
    color:#93a445;
}
h3
{
	font-family:verdana;
    color:#111;
    font-size:12px; 
}

/*FORMS STYLES........................................................*/
.clientLogin
{
	border:solid 1px #222;
	width:200px;	
}

/*LINK STYLES........................................................*/
a
{
    font-family:verdana;
    color:#d3641b /*#93a445*/;
    font-size:11px;
    text-decoration:none;  
}
a:hover
{
    font-family:verdana;
    color:#d3641b /*#93a445*/;
    font-size:11px;
    text-decoration:underline;  
}
a img
{
    border:0;    
}
#leftNav a, #leftNav a:visited
{
    font-family:verdana;
    color:#d3641b /*#93a445*/;
    font-size:10px;
    font-weight:bold;
    text-decoration:none; 
}
#leftNav a:hover
{
    font-family:verdana;
    color:#d3641b /*#93a445*/;
    font-size:10px;
    font-weight:bold;
    text-decoration:underline; 
}
#footer a
{
    font-family:verdana;
    color:#fff;
    font-size:11px;
    text-decoration:none; 
    
}
#footer a:hover
{
    font-family:verdana;
    color:#fff;
    font-size:11px;
    text-decoration:underline; 
    
}

/*TOP NAV STYLES........................................................*/
/* all menu links */
#nav a, #subMenusContainer a
{
	text-decoration:none;
	display:block;
	padding:4px 45px;
}
/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
#nav a
{
	padding-top:9px;
	margin:0;
	float:left;
	font-family:Arial;
    color:#fff;
    text-decoration:none;
    font-size:14px; 	
}

/* Just sub menu links */
#subMenusContainer a, #nav li li a
{
	text-align:left;
	font-family:Arial;
    color:#fff;
    text-decoration:none;
    font-size:14px; 
}

/* All menu links on hover or focus */
#nav a:hover, #nav a:focus, #subMenusContainer a:hover, #subMenusContainer a:focus, #nav a.mainMenuParentBtnFocused, #subMenusContainer a.subMenuParentBtnFocused
{
	background-color:#a1a882 ;
	font-family:Arial;
    color:#fff;
    text-decoration:none;
    font-size:14px; 
}
/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
#nav a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused,
#nav li a:hover,#nav li a:focus
{
	background-color:#a1a882;
	font-family:Arial;
    color:#fff;
    text-decoration:none;
    font-size:14px; 
}
.smOW
{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}
/* All ULs and OLs */
#nav, #nav ul, #nav ol, #subMenusContainer ul, #subMenusContainer ol 
{ 
	padding: 0;
	margin: 0;
	list-style: none;
}

/* All submenu OLs and ULs */
#nav ol, #nav ul, #subMenusContainer ul, #subMenusContainer ol 
{	
	background:#a1a882;
	border-right:solid 1px #fff;	
	border-bottom:solid 1px #fff;
	border-left:solid 1px #fff;
	left:0;
}

#nav li 
{ 
	display:block;
	list-style:none;
	position:relative;
	float:left;
}

#subMenusContainer li
{
	list-style: none;
}

/* main menu ul or ol elment */
#nav
{
	display:block;
	position: absolute;
	list-style:none;
	margin:0 auto;
	z-index:5;
	text-align: center;
}


