/* ----------------------------------------- */
/*                                           */
/*      STYLES CREATED BY ELIGIO CORPUZ      */
/*      CREATED 2009 04 01                   */
/*      FOR LOOMIS-ISC.COM                   */
/*                                           */
/*                                           */
/* ----------------------------------------- */


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


* {padding: 0; margin: 0; border: 0;}


body {margin: 5px 0 0 0;}

/* -------------------------------------
	MAIN LAYOUT
--------------------------------------- */

#wrapper {margin: 0 auto;width:980px;}

/* -------------------------------------
	MASTHEAD
--------------------------------------- */
#contentwrapper {width: 980px;background-color: #fff;border: 1px solid #C2C2C2; padding: 10px 0;}
#mastheadwrapper, #mastheadhomewrapper {width: 960px; margin: 0 auto;}

#mastheadwrapper {background-color: #7cc242;}
#mastheadhomewrapper {background-color: #0066a4;}


#mastheadhomewrapper .mastheadhome {height: 350px;background: transparent url(../imagesv2/masthead_homepage_v3.jpg) no-repeat 50% 50%;text-align: center; padding: 15px 10px;}
#mastheadhomewrapper .mastheadhome h1.logo {color: #FFF;font-size: 25px;padding: 290px 0 0 0;word-spacing: 1px;letter-spacing: 1px;font-family: Arial, Helvetica;font-weight: bold;}


#mastheadwrapper .mastheadcommon, 
#mastheadwrapper .mastheadclientsay, #mastheadwrapper .mastheadviewwork, 
#mastheadwrapper .mastheadwhoweare, #mastheadwrapper .mastheadcontactus {
height: 192px; text-align: center; padding: 15px 10px;
}


#mastheadwrapper .mastheadcommon h1, #mastheadwrapper .mastheadclientsay h1,
#mastheadwrapper .mastheadviewwork h1, #mastheadwrapper .mastheadwhoweare h1 { 
color: #FFF;font-size: 25px;padding: 5px 0 0 0;word-spacing: 1px;letter-spacing: 1px;font-family: Arial, Helvetica;font-weight: bold;
}



#mastheadwrapper .mastheadcommon {height: 192px;background: transparent url(../imagesv2/masthead_meetourpeople.jpg) no-repeat 50% 50%;}
#mastheadwrapper .mastheadclientsay {background: transparent url(../imagesv2/masthead_whatclientssay.jpg) no-repeat 50% 50%;}
#mastheadwrapper .mastheadviewwork {background: transparent url(../imagesv2/masthead_news.jpg) no-repeat 50% 50%;}
#mastheadwrapper .mastheadwhoweare {background: transparent url(../imagesv2/masthead_whoweare.jpg) no-repeat 50% 50%;}
#mastheadwrapper .mastheadcontactus {background: transparent url(../imagesv2/masthead_contactus.jpg) no-repeat 50% 50%;}


#mastheadwrapper .mastheadcontactus h1, #mastheadwrapper .mastheadclientsay h1 {color: #000;font-size: 23px;padding: 25px 0 0 0;margin: 0 0 60px 0;
word-spacing: 0px;letter-spacing: 1px;line-height: 25px;font-family: GalenaSmallCaps, Times New Roman, Times, serif;
font-weight: normal; }


/* -------------------------------------
	TOPNAV
--------------------------------------- */

#homepagenav {margin: 10px 10px 20px 10px;background: transparent url(../imagesv2/ajax-loader.gif) no-repeat 50% 50%;}

#topnavwrapper {margin: 10px 0 0 10px; padding:0;}


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

#leftnav {float:left; width: 141px; margin: 20px 20px 0 20px;}


div#first, div#second, div#third, div#fourth, div#fifth, div#sixth {position:relative; left:0; top:0; width:auto;overflow: hidden;}

div#first ul, div#second ul, div#third ul, div#fourth ul, div#fifth ul, div#sixth ul {list-style-type: none;margin: 0;padding: 0;}



/* -------------------------------------
	TWITTER NAVIGATION
--------------------------------------- */

#twitternav {float:left; width: 250px; margin: 20px 20px 0 20px;}

#twitternav02 {float:left; width: 270px; margin: 20px 20px 0 20px; background-color:#ffde9a;}


div#first, div#second, div#third, div#fourth, div#fifth, div#sixth {position:relative; left:0; top:0; width:auto;overflow: hidden;}

div#first ul, div#second ul, div#third ul, div#fourth ul, div#fifth ul, div#sixth ul {list-style-type: none;margin: 0;padding: 0;}


/* -------------------------------------
	SUBCONTENT
--------------------------------------- */
#subcontent {float:left; width: 750px; margin-top: 20px;}
#copy-contact { margin: 20px 20px 20px 30px;}
#icom {position: relative; width: 980px;}

/* -------------------------------------
	BCONTENT
--------------------------------------- */
#bcontent {float:left; width: 600px; margin-top: 20px;}
#copy-contact { margin: 20px 20px 20px 30px;}
#icom {position: relative; width: 980px;}
#maincontent {
	position:relative;
	float:left;
	width: 600px;
	margin-top: 20px;}
	
#newscontent {
	position:relative;
	float:left;
	width: 550px;
	margin-top: 20px;
	background-color: #afda8b;
}


#newscontent02 {
	position:relative;
	float:left;
	width: 560px;
	background-color:#fbaf5d;

}



#newscontent03 {
	position:relative;
	float:left;
	width: 550px;
	margin-top: 20px;
	border-color:#666666;
}