﻿* {margin:0;padding:0;}
html {font-size:80%;background-color:#F5F5F7;font-family: Arial, Helvetica, sans-serif;}
body {color:#656565;text-align:center;}
#outer {text-align:center;background:url(images/bg_page.gif) bottom center #F5F5F7 no-repeat;height:100%;width:100%;}

/** header styles **/
h1,h2,h3,h4,h5,h6 {color:#8B298C;font-family:Arial, Helvetica, Sans-Serif;margin-bottom:6px;margin-top:20px;}
h1 {font-size:200%;}
h2 {font-size:130%;}
h3 {font-size:110%;}
h4 {font-size:100%;}
h5 {font-size:100%;}
h6 {font-size:100%;}
h1 span, h2 span {display:none;}

input, textarea, select {font-family: Arial, Helvetica, sans-serif;font-size:90%;}
fieldset {border:none;}
a img { border:none;}
a {text-decoration:none;color:#8B298C;}
a:hover {text-decoration:underline;}
p {margin-bottom:10px; font-size:100%;line-height:1.6em;}
.hidden {display:none;}
.clear {clear:both;line-height:0px;height:0;}
ul {list-style-type:none;}
.imgFloatRight{float:right; padding:0 0 0 15px;}
.imgFloatLeft{float:left; padding:12px 15px 0 0 ;}
#imgHolder {float:right; padding:0 0 15px 20px; width: 420px}
#imgHolderStaff{padding:0 0 16px 0;}
#panelServices, #panelClients, #panelStaff {padding:0;margin: 6px 0 0 4px;width:259px;}


/** page structure **/
#container {width:974px;margin:10px auto 0 auto;background:url(images/bg_bottomFrame.png) bottom left #FFFFFF no-repeat;}
#header{width:974px;height:169px;text-align:left;background-color:#F5F5F7;}
#logo{width:282px;height:169px;float:left;}
#navspace{width:692px;height:169px;float:left;}
#navcontainer{width:692px;height:45px;background-color:transparent;}
#navLower{width:652px;height:39px;padding:20px 40px 0 0;background:url(images/bg_topRight.png) #ffffff top left no-repeat;text-align: right; }
#navLower span{color:#F05E24;font-weight:bold;text-align: left;}
#navUpper{width:680px;height:55px;;padding:10px 12px 0 0;text-align: right;color:#8c8c8c;}
#navUpper a{color:#8c8c8c;}


/** layout **/
#mainContent{width:934px;text-align:left;padding:0 20px 20px 20px; }
#mainMessage{padding-top:10px;}
#homepageLower{width:885px; height:203px;padding:10px 0 10px 25px;}



/** START MAIN NAV**/
#navcontainer a{text-decoration: none;cursor:hand;}
#navcontainer .menuText{display: none;}
#navcontainer ul{position: relative;margin: 0 0 0 0;padding: 0;}
#navcontainer li{float: left;display: inline;margin: 0;padding: 0;}

#navcontainer  #navAbout{width:116px;height:45px;position: relative;}
#navAbout a {background: url(images/nav/navAboutf.png) no-repeat;position:absolute;width:116px;height:45px;}
#navAbout a:hover, #navAbout a.selected {background-position: -116px 0;}

#navcontainer  #navServices{width:93px;height:45px;position: relative;}
#navServices a{background: url(images/nav/navServicesf.png) no-repeat;position:absolute;width:93px;height:45px;}
#navServices a:hover, #navServices a.selected{background-position:-93px 0;}

#navcontainer  #navNews{width:93px;height:45px;position: relative;}
#navNews a{background: url(images/nav/navNewsf.png) no-repeat;position: absolute;width:93px;height:45px}
#navNews a:hover, #navNews a.selected{background-position:-93px 0;}

#navcontainer  #navOurStaff{width:93px;height:45px;position: relative;}
#navOurStaff a{background: url(images/nav/navStafff.png) no-repeat;position: absolute;width:93px;height:45px;}
#navOurStaff a:hover, #navOurStaff a.selected{background-position:-93px 0;}

#navcontainer  #navJoinUs{width:94px;height:45px;position: relative;}
#navJoinUs a{background:url(images/nav/navJoinUsf.png) no-repeat;position: absolute;width:94px;height:45px;}
#navJoinUs a:hover, #navJoinUs a.selected{background-position:-94px 0;}

#navcontainer  #navClients{width:93px;height:45px;position: relative;}
#navClients a {background: url(images/nav/navClientsf.png) no-repeat;position: absolute;width:93px;height:45px;}
#navClients a:hover, #navClients a.selected{background-position:-93px 0;}

#navcontainer  #navShowcase{width:102px;height:45px;position: relative;}
#navShowcase a{background: url(images/nav/navShowcasef.png) no-repeat;position: absolute;width:102px;height:45px;}
#navShowcase a:hover, #navShowcase a.selected{background-position:-102px 0;}

#contentLower{padding:0px 0 0 40px;}
#contentLower ul{padding: 10px 0 0 0px;}	
#contentLower ul li{list-style:none;background:url(images/bullet2.gif) no-repeat 0px .3em;margin: 0 0 0 0; padding:0 0 12px 25px;}

#secondaryNav{color:#8c8c8c;padding:15px 0 0 40px;font-size:110%;}
#secondaryNav a{color:#8c8c8c;}

#footer{width:914px;margin:0 auto;color:#8c8c8c;padding:10px 0 100px 60px;text-align:left;}
#footer p{font-size:110%;line-height:1.3em;width: 350px;float:left;}
#footer a{color:#8c8c8c;}
#footerInfoRight {width:180px;text-align:right;float:right;padding:0px 6px 0 0;font-size:90%;}
.colGreen {color:#009900;}


/** styles used for producing boxes with rounded corners **/
.t {background-repeat:repeat-x;background-position: 0 0;min-height:0;}
.b {background-repeat:repeat-x;background-position: 0 100%;min-height:0;}
.l {background-repeat:repeat-y;background-position: 0 0;min-height:0;}
.r {background-repeat:repeat-y;background-position: 100% 0;min-height:0;}
.bl, .br, .tl, .tr {background-repeat:no-repeat;min-height:0;}
.bl {background-position: 0 100%;}
.br {background-position: 100% 100%;}
.tl {background-position: 0 0;}
.tr {background-position: 100% 0;}


/** style for the homepageBox homepage boxes **/
.homepageBox {margin-bottom:10px;text-align:left;width:287px;height:204px;color:#fff;}
.boxInner{height:194px;}
.homepageBox .boxInner p{color:#600060;font-size:110%;padding: 2px 10px 0 4px;margin:0;line-height: 1.3em;font-weight:bold} 
.homepageBox h2 {border:none;margin:0;}
.homepageBox .t {background-color:#E7D9EA;}
.boxImage{margin: 6px 0 0 4px;border: 1px solid #600060;}
.homepageBox .tl {background-image:url(images/boxes/homepage-tl.gif);}
.homepageBox .tr {background-image:url(images/boxes/homepage-tr.gif);padding:10px;}
.homepageBox .bl {background-image:url(images/boxes/homepage-bl.gif);}
.homepageBox .br {background-image:url(images/boxes/homepage-br.gif);}
.homepageBox label {margin-left:5px;}
.homepageBox br {margin-bottom:15px;}

#box1{float:left;margin-right:12px;}
#box2{float:left;margin-right:12px;}
#box3{float:left;}

#staffForm{background-color:#ffffff;padding:0 20px 10px 44px;width:830px}
#xxxxxstaffForm{background-color:#8D278F;padding: 10px 10px;}

.formRow {margin: 10px 0 0 0;padding: 0;display: block;}

label{width: 280px;float: left;text-align: left;margin: 0 8px 0 0;padding-top: 2px;clear: both;}
label.required {background:transparent url(images/required.gif) no-repeat center right;}
.inputBox{font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 90%;color:#656565;padding: 2px 0 3px 3px; 0 0;background: #ffffff;border: 1px solid #bbbbbb;width:220px;}
.chkBox {float: left;padding: 0 20px 6px 0;margin: 0;}
fieldset {padding:0px 20px 30px 80px;margin: 0px 0 40px 0;position:relative;border: 1px solid #D87AD8;background:transparent url(images/fieldsetbg.jpg) no-repeat bottom right;}
fieldset:hover{border-color:#8B298C;}
fieldset p {padding:20px 0px 0px 0px;margin: 0;font-weight: bold;}
.dropDownBox{font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 90%;color:#656565;height:20px;}
.addressBox {margin: 6px 0 0 0;font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 90%;width: 296px;color:#656565;}
.detailsBox {margin: 6px 0 0 0;font-family: Verdana, Tahoma, Arial, sans-serif;font-size: 90%;width: 360px;color:#656565;}
.section2 .formRow{margin: 20px 0 0 0;padding: 0;display: block;}
legend{font-size:120%;font-weight:bold;padding:5px;margin-left:-8px;color:#ffffff;background:#8B298C;position:relative;}
p span.required {display:inline-block;vertical-align:middle;line-height:3.4em;width:22px;line-height:3.4em;text-indent:-10000px;overflow:hidden;background:transparent url(images/required.gif) no-repeat center right;}
.formRowconfirm {margin: 10px 0 0 0;padding: 0;display: block;}
.formRowconfirm label{width: 440px;float:left;text-align:left;margin: 0 8px 0 0;font-size:90%;padding-top: 2px;clear: both;}

.experiencePanel{background-color:#F1E9F3;padding:4px 10px 10px 10px;margin: 10px 0 10px 0;}
.colorRed{color:#CC0000;}
.personelProfile{width:860px;display:block;padding: 0px 0 0 0;}

.showcase {padding:10px 20px 30px 15px;margin: 18px 0 10px 0; background-color:#F1E9F3;}
#contentLower .showcase  ul li{list-style:none;background:url(images/bullet3.gif) no-repeat 0px .3em;margin: 0 0 0 0; padding:0 0 12px 25px;}
#contentLower .showcase  ol {margin: 0 0 0 0; padding:10px 0 0 25px;}	
#contentLower .showcase  ol li{margin: 0 0 0 0; padding:0 0 12px 25px;}	
.firstPara{font-size:110%; padding:10px 0 0 0;}


#ContactleftCol{float:left; width:600px;}	
#ContactRightCol{float:left; width:260px;}
#ContactRight {width: 260px;padding: 0 0 0 10px;}
#ContactleftCol fieldset {padding:0px 20px 30px 80px;margin: 0px 30px 20px 0;}
#ContactleftCol .inputBox{width:190px;}
#ContactleftCol label{width: 160px;}
#subButton {margin: 25px 0 10px 0;}

#newsleftCol{float:left; width:640px;padding: 0 20px 0 0;border-right:1px #8B298C dotted;}	
#newsRightCol{float:left; width:210px;padding: 0 0 0 15px;}		
.endof{padding:20px 0 0 0;}	
.blogimg{float:right; margin: 36px 6px 0 15px;border: 1px #8B298C dotted }

.chk_box2{float:left;width:220px;margin:10px 0 4px 0;}

.clientList{float:left;width:350px;margin:0 0 4px 0;}
.clientList2{float:left;width:260px;margin:0 0 4px 0;}			
#agencyList{float:left;width:220px;margin:0 0 4px 0;}		
.redtext{color:#CC0000;}


