@charset "utf-8";

/* CSS Document */
/************************************************************************

	Site:		Plan Active

	Listing Order:
	==============

	1 - Universal
	2 - Structure/Layout
	3 - Headings
	4 - Forms
	

/***********************************************************************
	1 - UNIVERSAL STYLES
************************************************************************/
body { margin:0; padding:0; background:url(../images/back.jpg) fixed #045573; font-family:Verdana, Arial, Helvetica, sans-serif; color: #333333; line-height: 130%; }

a { color:#558e88; }
a:hover { color: #a095c7; text-decoration:none; }
.clear { margin:0; clear:both; }
strong { color:#012f50;}

.links { text-align: left;
         font-size: 12px;
         padding: 0 0 0 25px;}

/***********************************************************************
	2 - STRUCTURE / LAYOUT
************************************************************************/

#wrapper { background-image:url(../images/backWrapper.jpg); width:52.5em; margin:1em auto; padding:0; display:block; }
#banner { background:url(../images/topCorners.jpg) top no-repeat; margin:0; padding:24px 40px 0 24px; }
#flash { width:480px; float:left;}
#logo { width:186px; height:167px; background:url(../images/logo.gif) no-repeat; float:right;}
#tagLine { text-align:right; background:url(../images/tagLineBack.gif) no-repeat 40px; width:753px; height:84px; margin:0; padding:0 40px; }
#content { margin:0; padding:0;}

#footer { background:url(../images/bottomCorners.gif) top no-repeat; margin:0; padding:0; height:18px; }
#left { padding:0; margin:1em 0 0 40px; width:440px; float:left;}
#left p { font-size:.75em; margin:0 0 2em 0; padding:0; text-align:justify;}
#left ul { font-size:.75em; margin:0 0 2em 2em; padding:0; text-align:justify;}
#left img { border:0;}
#right {  padding:15px 0 0 0; margin:0 30px 0 0; width:309px; height:342px; text-align:center; float:right; }
#right img { border:0;}
body#home #right { background:url(../images/flashBack.gif) no-repeat; padding:15px 0 0 0; display:block; margin:0 30px 0 0; width:309px; height:342px; text-align:center; float:right; }

body#services #right { background:url(../images/back_services.jpg) no-repeat; padding:15px 1em 0 0;   margin:0; width:309px; height:400px; float:right; }
body#services #right ul { margin:1em 1.5em 0 1em; color:#012f50; font-size:13px; font-weight:bold; text-align:left;}
body#services #right h3 { color:#fff; margin:1em 0 0 2em; padding:0; text-align:left;}

body#second #right { background:none; padding:0; margin:0 30px 0 0; width:277px; height:342px; text-align:center; float:right; }

#right #expertise { background:url(../images/back_services.jpg) no-repeat; width:309px; height:500px; margin:.5em 0 0 0; padding:1em 0 0 0;}
#right #expertise p { display:block; padding:0; margin:.5em 3em 0 3.5em; }
#right #expertise li { margin:0; color:#012f50; font-size:13px; font-weight:normal; text-align:left; padding:0;}
#right #expertise h3 { color:#FFFFFF; margin:0 0 0 2em; padding:1em 0 0 0; }



#right #expertise02 { background:url(../images/back_services.jpg) no-repeat; width:309px; height:500px; margin:0 0 0 0; padding:1em 0 0 0; }

#right #expertise02 p { color:#012f50; font-size:13px; font-weight:normal; text-align:left; padding:0 35px; }

#right #expertise02 h3 { color:#FFFFFF; margin:0 0 0 2em; padding:1em 0 0 0; }


#right #fields ul { display:block; padding:0; margin:0 0 0 2.25em; }
#right #fields li { margin:0; color:#012f50; font-size:13px; font-weight:normal; text-align:left; padding:0;}
#right #fields { width:309px; margin:0; padding:0;}
#right #fields h3 { color:#b6cb16; margin:2em 0 1em 1em; padding:0; text-transform:uppercase; }


#bottomNav { background:url(../images/box.jpg) no-repeat; padding:0 0 0 85px;  margin:3em 0 0 0; }
#bottomNav ul { margin:0; padding:0;}
#bottomNav li { display: inline; color:#8d8d8d;}
#bottomNav a { text-decoration:none; color:#045573; font-size:12px; }
#bottomNav a:hover { color:#8db1b9; text-decoration:none;}
#bottomNav p { text-align:center; color:#8d8d8d; font-size:10px; margin:4em 0 0 0;}
#bottomNav a { font-size:10px;}
.dropCap {float:left;color:#013050;font-size:100px; padding:0 10px 0 0; line-height:70px;padding-top:2px;font-family: Times, serif, Georgia;}

#left  #featuredContainer{  background-color:#f1f1f1; padding:1em 2em 2em 2em;}
#left .features { display:block; margin:1em 0 .5em 0; height:90px; padding:.5em; background-color:#fff;}
.moreinfo { display:block; margin:1em 0 0 0; background:url(../images/a.gif) no-repeat 1em;padding:2em 0 .5em 4em; background-color:#fff; height:50px;}
.moreinfo a { }

#left .features img { float:right; padding:.5em; background-color:#FFFFFF; margin:0 0 0 1em; display:block; border:1px solid #ccc;  }
#left .features p { padding:0; margin: 0 2em 0 0; text-align:left;}
#left .features h3 {  color:#012f50; font-size:12px; margin:0 0 1em 0; padding:0; text-align:left; }
#gallery { margin:2em 0 0 0; width:294px;}
#gallery img { margin:0 0 0 6px; float:left; border:1px solid #ccc;}
.clickOn { font-size:9px;}
/***********************************************************************
	3 - HEADINGS
************************************************************************/
body#second #tagLine h1 { color:#012f50; font-size:1.5em; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:normal; margin:0; padding:0;}
#tagLine h1 { color:#012f50; font-size:1.5em; font-family:Geneva, Arial, Helvetica, sans-serif; font-weight:normal; margin:0; padding:0;}
body#second h1{ color:#9aaf01; margin:.5em 0 .75em 0; line-height:28px; font-size:1.25em; text-transform:uppercase; font-family:"Times New Roman", Times, serif;}
h1 { color:#9aaf01; margin:.5em 0 .75em 0; line-height:28px; font-size:1.9em; text-transform:uppercase; font-family:"Times New Roman", Times, serif;}
h3 { color:#e98304;}
#right h3 { color:#e98304; text-align:left; margin:2em 0 0 1em; padding:0;}

h2 { font-size:.75em; margin:0 0 2em 0; padding:0; text-align:justify; font-weight:normal;}
#featuredContainer h3 { margin:0 0 1em .25em; padding:0 0 0 0; color:#012f50; text-transform:uppercase;}

/***********************************************************************
	4 - FORMS
************************************************************************/
label { float:left; width:40%; margin:0 1em 0 1em; padding:0;  text-align:left; font-weight:bold; }
legend { color:#012f50; padding:.25em; font-weight:bold; text-transform:uppercase; font-family:Geneva, Arial, Helvetica, sans-serif; }
fieldset { border:0; background-color:#f8f8f8; padding:1em;}
#left .button { background:#9aaf01; color:#FFFFFF; border:0;font-weight:bold; padding:.25em; text-transform:uppercase; margin:0 1em 0 0;}
input { background:url(../images/input.gif); border:1px solid #ccc; }
textarea { border:1px solid #ccc; background:url(../images/textarea.jpg);}