/* ----------------------------------------- */
/*                                           */
/*      STYLES CREATED BY ELIGIO CORPUZ      */
/*      CREATED 2009 04 01                   */
/*      FOR LOOMIS-ISC.COM                   */
/*                                           */
/*                                           */
/*      COLORS ====                          */
/*		#def7d6; = light green /bg           */
/*		#579226; = green                     */
/*		#447819; = dark green/ hovers        */
/*		#005a91 = blue / h1,h2               */
/*                                           */
/*                                           */
/*                                           */
/*                                           */
/* ----------------------------------------- */





/* ----------------------------------- */
/* COMMON
/* ----------------------------------- */

body {background-color: #def7d6;color: #333;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;}

a:link {color: #579226;}
a:hover { color: #447819;}
a:visited {color: #579226;}
a:active {color: #579226;}

a:link, a:hover, a:visited, a:active {text-decoration: none;}


h1, h2, h3, h4 { color: #005a91;font-family: 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;}
h2 { font-size: 21px;}
h3 {font-size: 14px; font-weight: lighter; text-transform: uppercase;}
h4 {font-size: 12px;} 

img.float-left {float:left; margin: 2px 20px 130px 5px;}
 
p { line-height: 19px; font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Verdana, sans-serif;padding: 0 8px;margin: 9px 0; }



#mastheadhomewrapper h1.logo, #mastheadwrapper h1.logo {background: url(../imagesv2/logo-loomis-isc-v2.png) no-repeat 0 0;text-indent: -9000em;width: 197px;height: 37px;margin: 0 auto;}

#mastheadhomewrapper, h1.logo a, #mastheadwrapper h1.logo a {display:block; text-decoration: none;}




/* -------------------------------------
	MAIN TOP NAVIGATION
--------------------------------------- */
#index-navigation {  list-style: none;}

#index-navigation li { float: left;}

#index-navigation a * { display: none;}

#index-navigation a,
#index-navigation a .hover { height: 189px;position: relative;display: block;background: url(../imagesv2/index-topnavbtns-v3.jpg) 0 0 no-repeat;}

/* individual navigation items */
#index-navigation a.whoweare { background-position: 0 0; width: 192px;}

#index-navigation .highlight a.whoweare:hover,
#index-navigation a.whoweare .hover { background-position: 0 -189px; width: 192px;}

#index-navigation a.ourpeople { background-position: -192px 0px;width: 191px;}

#index-navigation .highlight a.ourpeople:hover,
#index-navigation a.ourpeople .hover { background: url(../imagesv2/btns-index-rotation-v4.gif) 0 0 no-repeat;}

#index-navigation a.clientsay { background-position: -383px 0;width: 192px;}

#index-navigation .highlight a.clientsay:hover,
#index-navigation a.clientsay .hover { background-position: -383px -189px;}

#index-navigation a.ourwork { background-position: -575px 0; width: 191px;}

#index-navigation .highlight a.ourwork:hover,
#index-navigation a.ourwork .hover { background-position: -575px -189px;}

#index-navigation a.contact { background-position: -767px 0; width: 191px;}

#index-navigation .highlight a.contact:hover,
#index-navigation a.contact .hover { background-position: -767px -190px;}



#topnavwrapper img {float:left; margin: 0 5px 0 0;padding: 0;}

#navigation { list-style: none; padding: 2px 0 0 0;}

#navigation li {float: left;}

#navigation a * { display: none;}

#navigation a, #navigation a .hover { height: 91px;position: relative;display: block;background: url(../imagesv2/topnavbtns-v3.jpg) 0 0 no-repeat;}

/* individual navigation items */
#navigation a.whoweare {background-position: 0 0;width: 94px;}

#navigation .highlight a.whoweare:hover, #navigation a.whoweare .hover { background-position: 0 -93px;width: 94px;}

#navigation a.meetourpeople {background-position: -94px 0; width: 96px;}

#navigation .highlight a.meetourpeople:hover, #navigation a.meetourpeople .hover { background: url(../imagesv2/btns-sm-rotation-v4.gif) 0 0 no-repeat;}

#navigation a.clientsay { background-position: -190px 0; width: 95px;}

#navigation .highlight a.clientsay:hover, #navigation a.clientsay .hover { background-position: -190px -93px;}

#navigation a.ourwork {background-position: -286px 0; width: 95px;}

#navigation .highlight a.ourwork:hover, #navigation a.ourwork .hover { background-position: -286px -93px;}

#navigation a.contact { background-position: -382px 0; width: 93px;}

#navigation .highlight a.contact:hover, #navigation a.contact .hover {  background-position: -382px -93px;}


/* -------------------------------------
	LEFT NAVIGATION
--------------------------------------- */


#leftnav h2.first { margin: 0 0 4px 0; padding: 2px;border: 1px solid #0065a4; text-align: center; text-transform: uppercase; font-weight: normal;}
#leftnav h2.first a {font-size: 11px; color: #4d4d4d; display: block;}

#leftnav h2 { margin: 4px 0; padding: 2px;border: 1px solid #0065a4; text-align: center; text-transform: uppercase; font-weight: normal;}
#leftnav h2 a {font-size: 11px; color: #4d4d4d; display: block;}

#leftnav h2.selected { color: #fff; margin: 4px 0; padding: 4px 0;border: 1px solid #105294; text-align: center; background-color: #105294; font-weight: normal;}
#leftnav h2.selected a {font-size: 11px; color:#fff; display: block;}

#leftnav h2 a:link, #leftnav h2 a:visited,
#leftnav h2 a:hover, #leftnav h2 a:active {text-decoration: none;}


div#first ul li, div#second ul li, div#third ul li, 
div#fourth ul li, div#fifth ul li, div#sixth ul li { margin: 0 0 3px 0;padding: 2px;text-align: center;white-space: nowrap;}

div#first ul li a, div#second ul li a, div#third ul li a, 
div#fourth ul li a, div#fifth ul li a, div#sixth ul li a {display: block;padding: 2px 0; }

div#first ul li a:link, div#first ul li a:visited,
div#first ul li a:hover, div#first ul li a:active,

div#second ul li a:link, div#second ul li a:visited,
div#second ul li a:hover, div#second ul li a:active,

div#third ul li a:link, div#third ul li a:visited,
div#third ul li a:hover, div#third ul li a:active,

div#fourth ul li a:link, div#fourth ul li a:visited,
div#fourth ul li a:hover, div#fourth ul li a:active,

div#fifth ul li a:link, div#fifth ul li a:visited,
div#fifth ul li a:hover, div#fifth ul li a:active,

div#sixth ul li a:link, div#sixth ul li a:visited,
div#sixth ul li a:hover, div#sixth ul li a:active

{
	text-decoration: none;
	font-size: 11px;
}

#leftnav ul li.current
{
	margin: 0 0 3px 0;
	padding: 0;
	padding: 2px 0 3px 0;
	background-color: #eefbe9;
}
#leftnav ul li.current a {
	display: block;
	color: #5da125;
	padding: 3px 0;
}
#leftnav ul li.current a:link, #leftnav ul li.current a:visited,
#leftnav ul li.current a:hover, #leftnav ul li.current a:active {
	color: #5da125;
	text-decoration: none;
}

/* -------------------------------------
	SUBCONTENT
--------------------------------------- */

#subcontent h2 {margin: 0;padding: 0;}

#subcontent p.biotitle {padding: 0;margin:0;}
p.breadcrumb {padding: 0 0 10px 0;margin:0;}
#copy-center {width: 870px; margin: 0 auto; padding: 10px 0 0 0;}



div.departmentbox {margin: 0 20px 20px 10px;}
div.departmentbox-first { margin: 0 20px 20px 60px;}
div.departmentbox, div.departmentbox-first {float:left; width: 135px; border: 1px solid #C2C2C2; padding: 3px;text-align: center;}

div.departmentbox p a, div.departmentbox-first p a {color: #165294;}

div.departmentbox h2, div.departmentbox-first h2 {font-weight: normal;font-size: 16px; color: #333; margin: 5px 0 15px 0;}
div.departmentbox p, div.departmentbox-first p {font-size: 14px; color: #165294;margin: 0;padding: 2px 0 10px 0;line-height: 15px;}
div.departmentbox p em, div.departmentbox-first p em {color: #666;font-size: 11px;}

div.departmentbox-special {float:left;}


#thumbnailcontainer {margin: 20px 0 0 60px;}
#thumbnailcontainer div.thumbnailbox { margin: 0 30px 40px 0; float: left;}
#thumbnailcontainer div.thumbnailbox a img.logo {border: 1px solid #C2C2C2; margin: 0 2px 0 0;}



#subcontent div.clientthumbcontainerfirst {float: left; margin: 40px 0 0 0;}

#subcontent div.clientthumbcontainerfirst h3, #subcontent div.clientthumbcontainer h3 {float:left; margin: 0 10px 0 0;}

#subcontent div.clientthumbcontainer {float: left; margin: 10px 0 0 0;}
#subcontent div.clientthumbcontainer p, #subcontent div.clientthumbcontainerfirst p {padding: 0;margin: 0;}
#subcontent div.clientthumbbox {float:left; width: 152px; text-align: center; display: block; padding: 0; margin: 10px 30px 25px 0;}
#subcontent div.clientthumbbox img {border: 1px solid #C2C2C2; padding: 0;margin: 0 0 5px 0; text-align: center;}
#subcontent div.clientthumbbox p { text-align: center;}



#img-rotation {width: 481px;margin: 20px 0 0 10px; float:left;}
#img-rotation img {margin: 0 2px 0 0; border: 1px solid #C2C2C2;}
#subwhowearecontent {float:left; width: 450px; margin: 20px 0 0 10px;}
#subwhowearecontent p {padding: 0 0 15px 0;margin: 0; line-height: 18px;}
#subwhowearecontent span {color: #165294;}



#blog {float:left; width: 400px; margin: 20px 0 0 10px;}
#blog p {color: #165294;font-size: 8px;padding: 0;margin: 0;}


/* -------------------------------------
	SPECIAL STYLES
--------------------------------------- */
p.bluecopy, p.bluecopyuppercase {color: #165294;}
p.bluecopyuppercase {text-transform: uppercase;}

a.zoomin {cursor: -moz-zoom-in;}



div.quotesfirst {border:none;margin: 0 0 10px 0; padding: 0;}
div.quotes {border-top: 1px solid #efefef; margin: 0 0 10px 0; padding: 10px 0 0 0;}

div.quotes blockquote, div.quotesfirst blockquote {width: 700px;background: transparent url("../imagesv2/quotes-left.jpg") no-repeat 20px 15px;}
div.quotesfirst blockquote p.first {padding: 10px 50px 25px 60px;color: #333;font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif;font-size: 13px;line-height: 18px;
background: transparent url("../imagesv2/quotes-right.jpg") no-repeat 650px 35px;}


div.quotes blockquote  p {padding: 10px 50px 10px 60px;color: #333;font-family: Georgia,Utopia,Palatino,'Palatino Linotype',serif;font-size: 13px;line-height: 19px;}
div.quotes blockquote  p.last, div.quotesfirst blockquote p.last {padding: 0 50px 25px 60px;background: transparent url("../imagesv2/quotes-right.jpg") no-repeat 650px 10px;}
div.quotes p, div.quotesfirst p {font-size: 12px;}
div.quotes p  a, div.quotesfirst p a {text-decoration: underline;color: #66004F;}
div.quotes p strong, div.quotesfirst p strong {color:#69ae2f;}
div.quotes p span, div.quotesfirst p span {color:#0066a4;}
div.quotes p img, div.quotesfirst p img {float:left; margin: 0 10px 10px 0;border: 1px solid #efefef; }


/* -------------------------------------
	SUBCONTENT CONTACT US
--------------------------------------- */

#copy-contact p.first {color: #165294;font-size: 13px;padding: 0;margin: 0;}
#copy-contact p {padding: 0 0 5px 0;}
#copy-contact p em {color: #579226;}
#copy-contact p a {color: #333;}
#copy-contact img.float-rightcoupon {float:right;margin: 10px 40px 0 0;}


/* -------------------------------------
	FOOTER 
--------------------------------------- */
#footercontainer {margin: 10px 0 20px 0; padding: 6px 12px;background-color: #7dc242;}
#footercontainer p {font-size: 11px;padding: 0;margin:0; color: #fff;}
#footercontainer .footernav {float: left;}
#footercontainer .footercopyright {float: right;}


/* -------------------------------------
	etc copy styles 
--------------------------------------- */
.blogtitle {
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	line-height: normal;
}
.blogcontent {
	font-size:14px;
	color:#333333;
	line-height: 21px;
}
.maintext {font-family:"arial", sans serif; font-size:14px; color:#333; line-height: 25px;}
.maintext02 {font-family:"Times New Roman", Times, serif; font-size:16px; color:#165294; line-height: 30px;}

.newstext {font-family:"Times New Roman", Times, serif; font-size:16px; color:#165294; line-height: 20px; padding: 10px;}

.inthenewstext {font-family:"arial", sans serif; font-size:13px; color:#fff; padding: 10px;}
.inthenewsitalic {font-family:"arial", sans serif; font-size:12px; color:#000; padding: 10px;}


.inthenewstext02 {font-family:"arial", sans serif; font-size:11px; color:#000; padding: 0px;}
.inthenewsitalic02 {font-family:"arial", sans serif; font-size:10px; color:#000; padding: 0px;}