/* 
    Document   : styles
    Created on : March 18, 2010, 2:46 PM
    Author     : YELLOW7, LLC
    Description: Style Sheet for Paladin-inc.com 
	
	Colors:		Orange: #ff9900
				Blue:	#3366cc
*/

/* ---------- GLOBAL STYLES -------------- */

* 		{ padding: 0; margin: 0; }

html	{ background: #fff;}

root 	{ display: block;}


@font-face {
	font-family: 'CenturyGothicItalic';
	src: url('gothici.eot');
}

@font-face {
	font-family: 'CenturyGothicItalic';
	src: url(//:) format('no404'), url('gothici.woff') format('woff'), url('gothici.ttf') format('truetype');
}

@font-face {
	font-family: 'CenturyGothicBoldItalic';
	src: url('Gothicbi.eot');
}

@font-face {
	font-family: 'CenturyGothicBoldItalic';
	src: url(//:) format('no404'), url('gothicbi.woff') format('woff'), url('gothicbi.ttf') format('truetype');
}

@font-face {
	font-family: 'CenturyGothicBold';
	src: url('Gothicb.eot');
}

@font-face {
	font-family: 'CenturyGothicBold';
	src: url(//:) format('no404'), url('gothicb.woff') format('woff'), url('gothicb.ttf') format('truetype');
}

@font-face {
	font-family: 'CenturyGothicRegular';
	src: url('gothic.eot');
}

@font-face {
	font-family: 'CenturyGothicRegular';
	src: url(//:) format('no404'), url('gothic.woff') format('woff'), url('gothic.ttf') format('truetype');
}

h1 		{ font-size:28px; font-family: 'CenturyGothicBold', sans-serif; font-weight:normal; letter-spacing: 1px; color: #666666; padding: 0px; margin: 0px;}

h2 		{ font-size:14px; font-family: Verdana, Arial, sans-serif; color: #ff9900; padding: 10px 0 5px 0; margin: 0px; }

h2.blue { font-size:14px; font-family: Verdana, Arial, sans-serif; color: #0049ce; padding: 10px 0 5px 0; margin: 0px; }

h3 		{ font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #666; font-weight: normal; }

p		{ font-size:12px; font-family: Verdana, Arial, sans-serif; line-height:18px; color: #000000; padding: 0px;}

a 		{ font-family: Verdana, Arial, sans-serif; color: #ff9900; text-decoration: underline; }

a:hover { font-family: Verdana, Arial, sans-serif; color: #ff9900; text-decoration: underline; }

a img 	{ border: 0; }

.clear	{ clear: both;}
.left	{ float: left;}
.right	{ float: right;}

body 	{ background: #fff url(../images/bg-center.jpg) center top no-repeat;; font-family: "Tahoma",Verdana,Arial,Helvetica,sans-serif; font-size: 12px; }

#wrapper{ padding-top: 3px; overflow: hidden; }

#container{ width: 949px; margin: 0 auto;}

/* ---------- header -------------- */

#header{ width: 949px; height: 58px; background: url(../images/header-bg.jpg) bottom center no-repeat;}

#header ul{ float: right; }

#header ul li{ float: left; list-style-type: none; padding: 0 10px; font-family: "Tahoma",Verdana,Arial,Helvetica,sans-serif; font-size: 13px; line-height: 18px; color: #000; margin: 0;}

#header img { border: none; padding: 10px 20px 0 0;}

#header img.tagline { float: left;}

#header a{ color: #ff9900; text-decoration:none;}


/* ------------ nav --------------- */

#nav {
	width: 949px;
	height: 64px;
	position: relative;
	top: 0px;
	left: 0px;
	background: url(../images/nav-bg.jpg);
	margin: 0 auto;    
	padding: 0;
}
#nav li {
	float: left;
	list-style-type: none;
}
#nav li a {
	height: 64px;
	position: absolute;
	top: 0;
	margin: 0;
	padding: 0;
	display: block;
	background: url(../images/nav-bg.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
}

/* navigation position************************** */

li#nav_hom a {
  left: 0;
  width: 181px;
  background-position: 0 0;
}
li#nav_js a {
  left: 187px;
  width: 179px;
  background-position: -187px 0;
}
li#nav_emp a {
  left: 366px;
  width: 167px;
  background-position: -366px 0;
}
li#nav_abo a {
  left: 533px;
  width: 158px;
  background-position: -533px 0;
}
li#nav_con a {
  left: 691px;
  width: 259px;
  background-position: -691px 0;
}


li#nav_hom a:hover {
  background-position: 0 -64px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_js a:hover {
  background-position: -187px -64px;
  background-color: transparent;
  border-bottom: 0px;  
}
li#nav_emp a:hover {
  background-position: -366px -64px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_abo a:hover {
  background-position: -533px -64px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_con a:hover {
  background-position: -691px -64px;
  background-color: transparent;
  border-bottom: 0px;
}


#body_hom li#nav_hom  a {
  background-position: 0 -128px;
}
#body_abo li#nav_js a {
  background-position: -187px -114px;
}
#body_med li#nav_emp a {
  background-position: -366px -114px;
}
#body_mer li#nav_abo a {
  background-position: -533px -114px;
}
#body_pho li#nav_con a {
  background-position: -691px -114px;
}

/* ---------- FLASH-TEMP -------------- */

#flashContent{background: url(../images/flash-temp.jpg);}

/* ---------- content -------------- */

#content{ width: 949px; margin: 0 auto; }

#content #left{ width:462px; float: left; padding: 25px 5px;}
#content #right{ width:462px; float: right; padding: 25px 5px;}
#content #righto{ width:462px; float: right; padding: 25px 5px;}

#content-int{ width: 100%; overflow: hidden; margin: 0 auto; background:url(../images/bottom-people.jpg) bottom left no-repeat;}

#content-int #left{ width:162px; float: left; padding: 0 40px 0 0; }
#content-int #left ul{ width:162px; margin: 30px 0 20px 0;}
#content-int #left ul li{ font-family: 'CenturyGothicRegular', Helvetica, sans-serif; font-size:13px; font-weight:normal; letter-spacing: 1px; color: #666666; padding: 2px 0;}
#content-int #left ul li.selected{ font-family: 'CenturyGothicRegular', Helvetica, sans-serif; font-size:13px; font-weight:normal; letter-spacing: 1px; color: #ff9900; padding: 2px 0;}
#content-int #left #quote{ width:162px; margin: 80px 0 120px 0;}
#content-int #left #quote p{ font-weight:normal; color: #ff9900; line-height:17px; }
#content-int #left #quote-b{ width:162px; margin: 80px 0 120px 0;}
#content-int #left #quote-b p{ font-weight:normal; color: #064dcb; line-height:17px; }
#content-int #left a{ font-family: 'CenturyGothicRegular', Helvetica, sans-serif; font-size:13px; font-weight:normal; letter-spacing: 1px; color: #666666; text-decoration:none;}
#content-int #left a:hover{ font-family: 'CenturyGothicRegular', Helvetica, sans-serif; font-size:13px; font-weight:normal; letter-spacing: 1px; color: #666666; text-decoration:underline;}
	
#content-int #center{ width:461px; float: left; padding: 0 20px 30px 0	; }
#content-int #center h1{font-size:28px; font-family: 'CenturyGothicBold', sans-serif; font-weight:normal; letter-spacing: 1px; color: #666666; padding: 20px 0 0 0; margin: 0px;}
#content-int #center h2{font-size:14px; color: #ff9900; padding: 0 0 10px 0px; margin: 0px;}
#content-int #center h2.blue{font-size:14px; color: #0049ce; padding: 0 0 10px 0px; margin: 0px;}
#content-int #center p{font-size:12px; color: #000000; padding: 0 0 5px 0;}
#content-int #center ul{width: 350px; margin: 0 0 0 20px; padding: 0 0 15px 0;}
#content-int #center ul.sitemap {width: 350px; margin: 40px 0 0 20px; padding: 0 0 10px 0;}
#content-int #center ul li {margin: 5px 0 0 20px;}
#content-int #center #lrow {float: left; width: 200px;}
#content-int #center #rrow {float: right; width: 200px;}
#content-int #center #lrow ul {float: left; width: 200px;}
#content-int #center #rrow ul {float: right; width: 200px;}
#content-int #center #rrow press a {font-size:12px; font-weight:bold; font-family: Verdana, Arial, sans-serif; font-weight:normal; letter-spacing: 1px; color: #ff9900; padding: 0px; margin: 0px;}
#content-int #center #press a h3{ font-weight:bold; color:#000000; padding: 0 0 0 15px; margin: 10px 0 0 0; background:url(../images/arrow.png) top left no-repeat;}
#content-int #center #press a:hover h3{ font-weight:bold; color:#ff9900; padding: 0 0 0 15px; margin: 10px 0 0 0; background:url(../images/arrow.png) top left no-repeat;}
#content-int #center #press .release { border-bottom: #999999 solid 2px;}


#content-int #right{ width:233px; float: right; padding: 0px; background: #1c50c8 bottom left repeat-x; }
#content-int #right h1{ font-size:22px; font-family: CenturyGothicBold, Impact, sans-serif; font-weight:100; letter-spacing: 1px; color: #FFFFFF; padding: 0 0 0 10px; margin: 0px;}
#content-int #right p{font-size:12px; color: #FFFFFF; padding: 10px 10px 15px 10px;}
#content-int #right img.side { margin: 10px 0 0 -32px;}
#content-int #right #formcon{ width: 220px; margin: 0 0 0 15px;}

#content-int #righto{ width:233px; float: right; padding: 0px; background: #ff9914 url(../images/side-bg-orange.jpg) bottom left repeat-x; }
#content-int #righto h1{ font-size:22px; font-family: CenturyGothicBold, Impact, sans-serif; font-weight:100; letter-spacing: 1px; color: #FFFFFF; padding: 0 0 0 10px; margin: 0px;}
#content-int #righto p{font-size:12px; color: #FFFFFF; padding: 10px 10px 15px 10px;}
#content-int #righto img.side { margin: 10px 0 0 -32px;}
#content-int #righto #formcon{ width: 220px; margin: 0 0 0 15px;}



#accordion h3.toggler { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding: 5px 0px; cursor:pointer;}
#accordion.element { padding-bottom: 20px;}

/* ---------- FOOTER -------------- */

#footer{ width: 949px; margin: 0 auto; height: 235px; padding-top: 35px; background: url(../images/footer-bg.jpg) no-repeat;}

#search{float: left; width: 214px; margin-left: 4px; padding: 0px 10px 0px 10px;}
#search ul{ list-style:none; margin-top:5px;}
#search ul li{display:block; float:left; width:100%; height:1%;}
#search ul li label{float:left; padding:7px;}
#search ul li input, ul li textarea{ border:1px solid #ccc; padding:3px; font-family: Verdana,Arial,Helvetica,sans-serif; width:194px;}
#search li input:focus, li textarea:focus{ border:1px solid #666; }
#search select{width: 200px; padding: 3px;border:1px solid #ccc;}
#search fieldset{padding:0px; border:0px solid #ccc; width:214px; overflow:auto; margin:2px;}
#search legend{ color:#444; margin:0 10px 0 0; padding:0 5px; font-size:100%; }
#search label span{color:#f00;}
#search fieldset input#Reset, fieldset input#Submit{ background:#E5E5E5; color:f00; border:1px solid #ccc; padding:5px;}

#onlinepoll{float: left; width: 214px; margin-left: 4px; padding: 0px 10px 0px 10px;}
#onlinepoll h2 { font-size:14px; font-family: Verdana, Arial, sans-serif; color: #000; padding: 10px 0px; margin: 0px; }
#onlinepoll ul{list-style:none; margin: 10px 0px 10px 0px;}
#onlinepoll ul li{display:block; float:left; width:184px; height: 20px; line-height: 20px; margin: 0px 0px 5px 15px;}
#onlinepoll ul li input, ul li textarea{ border:1px solid #ccc; padding:3px; font-family: Verdana,Arial,Helvetica,sans-serif;}
#onlinepoll li input:focus, li textarea:focus{ border:1px solid #666; }

#expertise{float: left; width: 210px; padding: 10px 10px 10px 10px; margin-left: 4px;}
#expertise img{float: left; padding: 0 5px 5px 0;}

#locations{ float: right; width: 205px; margin: 10px 13px 0 0; font-size: 12px}
#locations ul.left{ list-style:none; float: left}
#locations ul.right{ list-style:none; float: right}
#locations ul li{ list-style:none; }
#locations ul li.selected{ font-weight:bold; }
#locations p{ font-weight:bold; padding: 0px 0px 20px 0px;}

#shadow{ margin: -17px -53px 25px -53px; padding: 0 53px; width: 949px; height: 20px;  background: url(../images/bottom-shadow.png) top center no-repeat; }


#footnav { width: 500px; padding: 20px  0 0 0; margin: 0 auto;}
#footnav p { color:#999999; text-align:center; }

#slideshow-container	{ width:200px; height:200px; position:relative; }
#slideshow-container img { display:block; position:absolute; top:0; left:0; z-index:1; }