/* ===================================================== 
"Brand Aid LLC" Style Sheet

CLIENT:		Brand Aid LLC
CREATED:	2/1/2010
FILE:		global.css - Primary CSS Style
AUTHOR:		Joe (joe@brandaidme.com)

===================================================== */

body{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;}

html{ margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
* { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }
.nopad { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;  }

	

/* Panels  =panel
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	.panelone {
		width:100%;
		background-image:url("/_img/panel1.jpg");
		background-position: top right;
		background-repeat: no-repeat;
		height:1200px;
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
	}
	
	.panel-testimonial { position: absolute; left: 600px; top: 1125px; width: 706px; height: 100px; background: url(../_img/panel-testimonial.png); }
	.panel-testimonial #ql { background: url(../_img/ql.png); position: absolute; left: 20px; top: 10px; height: 16px; width: 16px; }
	.panel-testimonial p { padding: 15px 30px 0px 45px; color: #B90707; font-size: 11px; font-weight: bold; line-height: 14px;  }
	
	.panel-testimonial_bottom { position: absolute; left: 600px; top: 0px; width: 706px; height: 25px; background: url(../_img/panel-testimonial_bottom.png); }
	.panel-testimonial_bottom #qr { background: url(../_img/qr.png); height: 16px; width: 16px; position: absolute; right: 20px; }

		/* Home */
	.paneltwo {
		border: 0px #0F0 solid;
		position:relative;
		width:100%;
		background-image: url("/_img/panel2.gif");
		background-position: top center;
		background-repeat: no-repeat;
		height:1200px;
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
	}
	
	.relocate_about { background:#333; position: absolute; top: 1025px; }
	
		/* About */
	.panelthree {
		border: 0px #F00 solid;
		position:relative;
		width:100%;
		background-image:url("/_img/panel3.gif");
		background-position: top center;
		background-repeat: no-repeat;
		height:1200px;
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
	}

		/* Process*/
	.panelfour {
		position:relative;
		width:100%;
		background-image:url("/_img/panel4.gif");
		background-position: top center;
		background-repeat: no-repeat;
		height:1200px;
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
	}


	.panelfive {
		position:relative;
		width:100%;
		background-image:url("/_img/panel5.gif");
		background-position: top center;
		background-repeat: no-repeat;
		height:1200px;
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
	}


	.panelsix {
		position:relative;
		width:100%;
		background-image:url("/_img/panel6.gif");
		background-position: top center;
		background-repeat: no-repeat;
		height:1200px;
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
	}

	/* Contact */
	.panelseven {
		position:relative;
		width:100%;
		background-image:url("/_img/panel7.gif");
		background-position: top center;
		background-repeat: no-repeat;
		height:1200px;
		margin:0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		
	}


 .pagecontainer {
     margin-left: auto;
     margin-right: auto;
	 margin-bottom: 0px;
	 margin-top: 0px;
	 padding: 115px 0px 0px 0px;
     width: 1000px;
	 height: 650px; }
	 


 
/* Nav  =nav
-----------------------------------------------------------------------------------------------
===============================================================================================*/

#bar{
	position:fixed;
	z-index: 100;
	left:0px;
	top:0px;
	width:100%;
	height: 51px;
	background-image: url("/_img/navbg.gif");
	background-repeat: repeat-x;
	background-position: top;
	padding:0px 0px 0px 0px;
	margin: 25px 0px 0px 0px;

}


* html #bar { /*\*/position: absolute; top: expression((0 + (ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop)) + 'px'); right: expression((0 + (ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft)) + 'px');/**/ }

#foo > #bar { position: fixed; top: 0px; right: 0px; } 


	 #navcontainer {
     margin-left: auto;
     margin-right: auto;
	 margin-bottom: 0px;
	 margin-top: 0px;
	 padding: 0px 0px 0px 0px;
     width: 1000px;
	 height: 50px; }
	 
	  #logo {
		 float:left;
		 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 0px 0px;
     width: 217px;
	 height: 51px; }
	 
	 
	 #nav-menu ul
{
float: right;
list-style: none;
padding: 0px 0px 0px 0px;
margin: 22px 0px 0px 0px;
}

#nav-menu li
{
font-family:  "Lucida Sans Unicode", "Lucida Grande", Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
float: left;
line-height: 0.8em;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 20px;
}

#nav-menu li a
{

background: url("_img/navgrey.gif");
background-repeat: repeat-y;
background-position: left;
float: left;
display: block;
color:#666666;
text-decoration: none;
padding: 1px 0px 0px 10px;
margin: 0px 0px 0px 0px;
}


#nav-menu li a:hover
{
background: url("_img/navred.gif");
background-repeat: repeat-y;
background-position: left;
float: left;
display: block;
color:#666666;
text-decoration: none;
}

/* Global Elements  =global
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/*H TAGS*/

h1{  padding: 0; margin: 0;}
h2{  padding: 0; margin: 0;}
h3{  padding: 0; margin: 0;}
h4{  padding: 0; margin: 0;}
h5{  padding: 0; margin: 0;}

/*H TAGS STYLES*/

.homeredh{
float: left;
font-size: 17px;
width: 100%;
color: #b90707;
text-decoration: none;
font-weight: bold;
padding: 0px 0px 5px 0px;
margin: 0;
}

a:hover.homeredh{
color: #b90707;
text-decoration: underline;

}

.homegreyh{
float: left;
font-size: 14px;
width: 100%;
color: #666666;
text-decoration: none;
font-weight: bold;
padding: 0px 0px 10px 0px;
margin: 0;
}

a:hover.homegreyh{
color: #666666;
text-decoration: underline;

}


.aboutwhiteh{
float: left;
font-size: 15px;
width: 100%;
color: #ffffff;
text-decoration: none;
font-weight: bold;
padding: 0px 0px 10px 0px;
margin: 0;
}


.processblackh{
float: left;
font-size: 15px;
width: 220px;
color: #000000;
text-decoration: none;
font-weight: bold;
padding: 0px 0px 10px 0px;
margin: 0;
}


.serviceswhiteh{
float: left;
font-size: 17px;
width: 100%;
color: #ffffff;
text-decoration: none;
font-weight: bold;
padding: 0px 0px 10px 0px;
margin: 0;
}

a:hover.serviceswhiteh{
color: #ffffff;
text-decoration: underline;

}

.newsblackh{
float: left;
font-size: 22px;
width: 500px;
color: #000000;
text-decoration: none;
font-weight: bold;
padding: 0px 0px 10px 0px;
margin: 0;
}

.newswhiteh{
float: left;
font-size: 22px;
width: 500px;
color: #FFF;
text-decoration: none;
font-weight: bold;
padding: 0px 0px 10px 0px;
margin: 0;
}

.special {
display:none;
}


/*GENERIC*/

.titleholderhome{
float: left;
width: 1000px;
height: 340px;
margin: 0;
padding: 0;
z-index: 5;}	

.titleholder{
float: left;
width: 500px;
margin: 0;
padding: 0;}	

.footrow{
border: 0px solid #00C;
float: left;
width: 1000px;
padding: 20px 0px 0px 0px;
margin: 0;
}

.shareholder{
float: right;
padding:0;
margin:0;
width: 220px;}

 .sharethis{
width: 130px;
float: right;}	

 .wc{
width: 70px;
padding: 0px 0px 0px 0px;
margin: 0;
float: right;}	

.subs{
width: 100%;
padding: 0px 0px 12px 0px;
margin: 0px 0px 0px 0px;}	

.redlink{
color: #b90707;
text-decoration: underline;
padding: 0px 5px 0px 0px;
margin: 0;
}

.blackink{
color: #000;
text-decoration: underline;
padding: 0px 5px 0px 0px;
margin: 0;
}

a:hover.redlink{
color: #000000;
text-decoration: underline;
}


/* Connect Page  =connect
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/*CONTACT PAGE*/
#contactdetails{
float: left;
width: 500px;
margin: 0;
padding: 50px 0px 0px 0px;}

#contactdetailsleft{
float: left;
width: 200px;
margin: 0;
padding: 0px 0px 0px 0px;}

#contactdetailsmap{
float: left;
width: 250px;
margin: 0;
padding: 0px 0px 0px 0px;}

#formouter{
float: left;
background-color: #101010;
width: 468px;
margin: 0px 0px 30px 0px;
padding: 15px 15px 15px 15px;
border-width: 1px;
border-style: solid;
border-color: #8f8f8f;}

#door{
float: left;
padding: 0px 0px 0px 0px;
margin: 0px 20px 40px 0px;}



#contactformleft{
float: left;
width: 228px;
padding: 10px 0px 0px 0px;
margin: 0;}

#contactformright{
float: left;
width: 240px;
padding: 10px 0px 0px 0px;
margin: 0;}

.formrowblack {
	float: left;
	width: 228px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	color: #ffffff;
	font-size: 10px;
}

.formrowenquiry {
	float: left;
	width: 240px;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 8px 0px;
	color: #ffffff;
	font-size: 10px;
}

form label {
	display: block;  /* block float the labels to left column, set a width */
	float: left;
	width: 40px;
	padding: 0;
	margin: 5px 10px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
}

.buttonrowenquiry {
	float: right;
	text-align: right;
	width: 202px;
	padding:0px 20px 0px 0px;
	margin: 0px 0px 8px 0px;
	color: #ffffff;
	font-size: 10px;
}

/*CONTACT PAGE TEXT*/

.contacttext{
font-weight: normal;
font-size: 9pt;
color: #ffffff;
padding: 0px 0px 8px 0px;
margin: 0;}

.contacttextlink{
font-weight: normal;
text-decoration: underline;
font-size: 9pt;
color: #ffffff;
padding: 0px 0px 8px 0px;
margin: 0;}

.maplink{
float: right;
font-weight: normal;
text-decoration: underline;
font-size: 8pt;
color: #ffffff;
padding: 4px 0px 0px 0px;
margin: 0;}

.contacttextnumber{
font-weight: bold;
font-size: 10pt;
color: #ffffff;
padding: 0px 0px 8px 0px;
margin: 0;}


.contacttextintro{
font-weight: normal;
font-size: 11pt;
color: #ffffff;
padding: 0px 0px 12px 0px;
margin: 0;}

.contacttextbig{
font-weight: normal;
font-size: 8pt;
color: #ffffff;
padding: 0px 0px 12px 0px;
margin: 0;}

.contacttextbiglink{
font-weight: normal;
text-decoration: underline;
font-size: 10pt;
color: #ffffff;
padding: 0px 0px 8px 0px;
margin: 0;}

/* Home Page  =home
-----------------------------------------------------------------------------------------------
===============================================================================================*/


#hometop{
float: left;
width: 1000px;
height: 340px;
margin: 0;
padding: 0px 0px 0px 0px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
border-bottom-width: 1px;}

#homecontent{
float: left;
width: 1000px;
height: 235px;
margin: 0;
padding: 10px 0px 0px 0px;
background-image: url(resource/bg/homecol.jpg);
background-position: bottom;
background-repeat: no-repeat;
}

	#ant{
	float: left;
	width: 128px;
	margin: 0;
	padding: 35px 0px 0px 0px;}



#homeflash{
float: left;
border: #F00 0px solid;
z-index:1;
width: 420px;
height: 340px;
margin: 0;
padding: 0px 0px 0px 70px;}

/* CU3ER  =cu3er */
#TheCu3er	{ width:430px; height: 300px; outline:0; }

/*
#Slideshow-cu3er {
	width:430px; 
	height: 340px; 
 
	background:transparent url("../_img/pageBg-repeat.png") repeat-y 0 0;}
#cu3erShadow {
	width:430px; 
	height:340px; 
	padding:15px 0 25px; 
	background:transparent url("../_img/cu3er-shadow.png") no-repeat 0 0;}
*/


#homecontentleft{
float: left;
width: 485px;
margin: 0;
padding: 0px 30px 0px 0px;}

#competancies{
position: relative;
border: 0px solid ;
width: 990px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 15px 0px;
border-bottom-style: solid;
border-bottom-color: #CCCCCC;
border-bottom-width: 1px;
}

	#comp_icons { position:relative;  padding-bottom: 5px; }
	#comp_icons img { margin: 0 35px; }

#homecontentmid{
float: left;
width: 225px;
margin: 0;
padding: 0;
padding: 0px 25px 0px 0px;}

#homecontentright{
float: left;
width: 225px;
margin: 0;
padding: 0px 10px 0px 0px;}

#viewfolio{
float: left;
margin: 0;
padding: 0px 20px 20px 0px;}



/*HOMEPAGETEXT*/

	.homeintro{
	font-weight: bold;
	font-size: 11pt;
	color: #000000;
	padding: 20px 0px 10px 0px;
	margin: 0;}
	
	.homenews{
	float: left;
	font-weight: normal;
	width: 205px;
	font-size: 8pt;
	color: #666666;
	padding: 0px 25px 0px 0px;}
	
	.homenewstitle{
	color: #000000;
	}
	.homedate{
	color: #999999;
	}
	
	.homenewslink{
	color: #b90707;
	text-decoration: underline;
	}
	
	a:hover.homenewslink{
	color: #000000;
	text-decoration: underline;
	}
	
	.homeservices{
	font-weight: normal;
	font-size: 8pt;
	color: #666666;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}
	
	.homeserviceslink{
	font-weight: normal;
	text-decoration: underline;
	color: #b90707;}
	
	a:hover.homeserviceslink{
	font-weight: normal;
	text-decoration: underline;
	color: #000000;}
	
	.competanciestext{
	clear: both;
	font-weight: normal;
	font-size: 7pt;
	color: #b90707;
	padding: 0px 10px 0px 0px}
	
	a.competanciestext{
	text-decoration: underline;
	color: #b90707;}
	
	a:hover.competanciestext{
	text-decoration: underline;
	font-weight: normal;
	color: #000000;}
	
	.homefoottext{
	float: left;
	width: 870px;
	font-weight: normal;
	font-size: 8pt;
	color: #666666;}
	
	.homefoottexttwo{
	float: left;
	width: 750px;
	font-weight: normal;
	font-size: 8pt;
	color: #666666;}
	
	
	a.homefootemail{
	text-decoration: underline;
	color: #666666;}
	
	a:hover.homefootemail{
	text-decoration: underline;
	font-weight: normal;
	color: #000000;}


/* About Page
-----------------------------------------------------------------------------------------------
===============================================================================================*/

#abouttop{
z-index: 1;
width: 1000px;
height: 350px;
margin: 0;
padding: 0;}

#aboutintro{
float: left;
width: 450px;
margin: 0;
padding: 0px 0px 0px 0px;}

#aboutintro a { color:#FFF;}

#aboutcontent{
float: left;
width: 1000px;
height: 225px;
margin: 0;
padding: 20px 0px 0px 0px;
}

#aboutbl{
float: left;
width: 415px;
margin: 0;
padding: 0px 40px 0px 45px;
}

#aboutbr{
float: left;
width: 430px;
margin: 0;
padding: 0px 40px 0px 30px;
}

.founderpic{
float: left;
width: 80px;
padding: 0px 10px 0px 0px;
height: 225px;
margin: 0;}

.founderinfo{
float: left;
padding: 0;
width: 310px;
margin: 0;}

.foundername{
font-weight: normal;
font-size: 9pt;
color: #ffffff;
padding: 0px 0px 8px 0px;
margin: 0;}

.foundercopy{
font-weight: normal;
font-size: 8pt;
color: #ffffff;
padding: 0px 0px 8px 0px;
margin: 0;}

/*ABOUT PAGE TEXT*/

.aboutintro{
font-weight: bold;
font-size: 10pt;
color: #ffffff;
padding: 0px 0px 10px 0px;
margin: 0;}

.aboutcopy{
font-weight: normal;
font-size: 10pt;
color: #ffffff;
padding: 0px 0px 10px 0px;
margin: 0;}

.aboutsub{
font-weight: bold;
font-size: 8pt;
color: #ffffff;
padding: 0px 0px 5px 0px;
margin: 0;}

.aboutlist {
padding: 0px 0px 0px 20px;
margin: 0;
color: #FFFFFF;}

.aboutlist li {
font-size: 8pt;
padding: 0px 0px 0px 0px;
margin: 0;
color: #FFFFFF;}


/* Portfolio Page
-----------------------------------------------------------------------------------------------
===============================================================================================*/


#foliotop{ float: left; width: 1000px; height: 200px; margin: 0; padding: 0; border: 0px #F00 dotted; }

#foliointro{ float: left; width: 460px; margin: 0; padding: 0px 0px 0px 0px;}
#foliointro a {color:#FFF;}

#foliocontent{
border: 0px #F00 solid;
float: left;
z-index:5;
height: 325px;
margin: 0;
padding: 0px 0px 0px 0px;
}

#client_list { float: right; margin-left: 25px; width: 100px; height: 400px; background: url(../_img/title-client_list.png) top center no-repeat; border: 1px #F00 solid;}

/*FOLIO PAGE TEXT*/

.foliocopy{
float: left;
width: 100%;
font-weight: normal;
font-size: 10pt;
color: #ffffff;
padding: 0px 0px 20px 0px;
margin: 0;}

.foliocopylink{
font-weight: normal;
text-decoration: underline;
color: #ffffff;
}



/* Process Page  =process
-----------------------------------------------------------------------------------------------
===============================================================================================*/

.processcol{
float: left;
width: 500px;
height: 595px;
margin: 0;
padding: 0px 0px 0px 0px;
}

#processleft{
float: left;
width: 220px;
margin: 0;
padding: 0px 55px 0px 0px;
}

#processright{
float: left;
width: 220px;
margin: 0;
padding: 0px 0px 0px 0px;
}

.processitem{
float: left;
width: 220px;
margin: 0px 0px 20px 0px;
padding: 0px 0px 10px 0px;
border-bottom-style: solid;
border-bottom-color: #999999;
border-bottom-width: 1px;
}

/*PROCESS TEXT*/
.processintro{
font-weight: normal;
font-size: 11pt;
color: #FFF;
padding: 0px 0px 20px 0px;
margin: 0;}

.processtext{
font-weight: normal;
font-size: 9pt;
color: #666666;}

/* Services Page  =services
-----------------------------------------------------------------------------------------------
===============================================================================================*/
#guarantee {  margin-top: 50px; width: 450px; height: 200px; border: 0px solid;}

#brandingouter{
float: left;
width: 470px;
margin: 0;
padding: 0px 0px 0px 0px;
}

#brandingleft{
float: left;
width: 260px;
margin: 0;
padding: 0px 30px 0px 0px;
}

#brandingright{
float: left;
width: 180px;
margin: 0;
padding: 0px 0px 0px 0px;
}

.serviceouter{
float: left;
width: 500px;
margin: 0px 0px 25px 0px;
padding: 0px 0px 10px 0px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
border-bottom-width: 1px;
}

.serviceouternoborder{
float: left;
width: 500px;
margin: 0px 0px 25px 0px;
padding: 0px 0px 10px 0px;
}

.serviceleft{
float: left;
width: 355px;
margin: 0;
padding: 0px 30px 0px 0px;

}

.servicepic{
float: left;
width: 115px;
margin: 0;
padding: 0;

}



/*SERVICESPAGETEXT*/
.servicesintro{
font-weight: bold;
font-size: 11pt;
color: #FFF;
width: 470px;
padding: 30px 0px 30px 0px;
margin: 0;}

.guarantee_title { font-weight: bold; font-size: 30px; color: #FFF; margin: 25px 0px 15px 0px; }
.guarantee_text {font-weight: bold; font-size: 11pt; color: #FFF; margin: 25px 0px;}

.servicesintrolink{
font-weight: bold;
text-decoration: underline;
color: #ffffff;
}


.servicestext{
font-weight: normal;
font-size: 9pt;
color: #ffffff;}

.servicesfoottext{
float: left;
width: 870px;
font-weight: normal;
font-size: 8pt;
color: #ffffff;}

.servicesfoottextlink{
text-decoration: underline;
font-weight: normal;
font-size: 8pt;
color: #ffffff;}

.whofoottext{
float: left;
width: 870px;
font-weight: normal;
font-size: 8pt;
color: #ffffff;}

.whofoottextlink{
text-decoration: underline;
font-weight: normal;
font-size: 8pt;
color: #ffffff;}


/* Community Page  =community
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/*COMMUNITY*/

.commcol{
float: left;
width: 630px;
margin: 0;
padding: 10px 0px 0px 0px;
}



.commouter{
float: left;
width: 630px;
margin: 0px 0px 25px 0px;
padding: 0px 0px 10px 0px;
border-bottom-style: solid;
border-bottom-color: #FFFFFF;
border-bottom-width: 1px;
}

.commouternoborder{
float: left;
width: 630px;
margin: 0px 0px 25px 0px;
padding: 0px 0px 10px 0px;
}

.commleft{
float: left;
width: 485px;
margin: 0;
padding: 0px 0px 0px 20px;

}

.commpic{
float: left;
width: 115px;
margin: 0;
padding: 0;

}

.commtitle{
text-decoration: none;
font-weight: bold;
font-size: 14pt;
padding: 0px 0px 8px 0px;
margin: 0;
color: #ffffff;}

.commtitlelink{
text-decoration: none;
color: #ffffff;}

a:hover.commtitlelink{
text-decoration: underline;
color: #ffffff;}

.commlink{
font-weight: bold;
text-decoration: underline;
padding: 5px 0px 0px 0px;
margin: 0;
font-size: 9pt;
color: #ffffff;}


/*TESTIMONIALS*/

.testcol{
float: left;
width: 630px;
margin: 0;
padding: 30px 0px 0px 0px;
}

.testleft{
float: left;
width: 585px;
margin: 0;
padding: 0px 0px 0px 0px;

}

.testname{
text-decoration: none;
font-weight: bold;
font-size: 8pt;
padding: 4px 0px 4px 0px;
margin: 0;
color: #ffffff;}

.testpos{
text-decoration: none;
font-weight: bold;
font-size: 8pt;
padding: 0px 0px 4px 0px;
margin: 0;
color: #ffffff;}

/*NEWSPAGE*/

#newstitle { float: left; color: #FFF; font-size: 22px; text-transform:uppercase; width: 470px; margin: 0; padding: 30px 0px 10px 10px; } 
#newsgrey{
float: left;
width: 444px;
margin: 0;
padding: 0px 13px 13px 13px;
}

.newsrow{
float: left;
width: 444px;
margin: 0;
padding: 0px 0px 0px 0px;
}


.newsitemleft{
float: left;
width: 190px;
margin: 0;
padding: 0px 30px 30px 0px;
}

.newsitemright{
float: left;
width: 190px;
margin: 0;
padding: 0px 0px 30px 0px;
}

.newsouter{
float: left;
width: 500px;
margin: 0px 0px 25px 0px;
padding: 0px 0px 10px 0px;
border-bottom-style: solid;
border-bottom-color: #999999;
border-bottom-width: 1px;
}

.newsouterplain{
float: left;
width: 500px;
margin: 0px 0px 25px 0px;
padding: 0px 0px 10px 0px;

}
.newsmug{
float: left;
width: 80px;
margin: 0;
padding: 0px 20px 0px 0px;

}

.newsarticle{
float: left;
width: 400px;
margin: 0;
padding: 0px 0px 0px 0px;

}


/*NEWSPAGETEXT*/
.newstext{
float: left;
font-weight: normal;
font-size: 8pt;
color: #FFF;
padding: 0;
margin: 0;}

.newstexttitle{
color: #FFF; font-size: 12px;  
text-decoration: none;
}

a:hover.newstexttitle{
color: #000000; 
text-decoration: underline;
}
.newstextdate{
color: #FFF; font-style:italic;
}

.newstextlink{ color: #000;text-decoration: underline; }

a:hover.newstextlink{
color: #000000;
text-decoration: underline;
}

.articletext{
float: left;
font-weight: normal;
font-size: 10pt;
color: #FFF;
padding: 0;
margin: 0;}

.articletexttitle{
color: #FFF;
text-decoration: none;
font-size: 11pt;
}

a:hover.articletexttitle{
color: #000000;
text-decoration: underline;
font-size: 11pt;
}
.articletextdate{
color: #FFF; padding-left: 10px; font-style: italic;
}

.articlename{
float: left;
color: #000;
font-size: 9pt;
width: 100%;
font-weight: bold;
text-decoration: none;
}

a:hover.articletextlink{
color: #000000;
text-decoration: underline;
}





/* Sub Page  =sub
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/*SUB PAGES*/

.pagecontainerinside {
     margin-left: auto;
     margin-right: auto;
	 margin-bottom: 0px;
	 margin-top: 0px;
	 padding: 115px 0px 10px 0px;
     width: 1000px; }
	 	 
	#insideleft{
	float: left;
	width: 640px;
	padding: 0px 35px 0px 0px;
	margin: 0;
	}
	
	#insideright{
	float: left;
	width: 325px;
	padding: 0;
	margin: 0;}	 
	
	.casefourup{
	float: left;
	padding: 10px 10px 0px 0px;
	margin: 0;}	 
	
	.caseh2{
	font-size: 20pt;
	font-weight: bold;
	padding: 30px 0px 0px 0px;
	margin: 0;
	color: #FFFFFF;}
	
	.caseh3{
	font-size: 14pt;
	font-weight: normal;
	padding: 20px 0px 20px 0px;
	margin: 0;
	color: #FFFFFF;}
	
	.casecopy{
	font-size: 9pt;
	font-weight: normal;
	padding: 0px 0px 10px 0px;
	margin: 0;
	color: #FFFFFF;}
	
	.download{
	font-size: 9pt;
	font-weight: normal;
	background-image: url(resource/images/pdf.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 20px 30px;
	line-height: 25px;
	margin: 0px 0px 0px 0px;
	color: #FFFFFF;}
	
		.downloadwhite{
	font-size: 9pt;
	font-weight: normal;
	background-image: url(resource/images/pdf2.gif);
	background-repeat: no-repeat;
	padding: 0px 0px 20px 30px;
	line-height: 25px;
	margin: 0px 0px 0px 0px;
	color: #000000;}
	
	
	.casepicscaption{
	clear: left;
	font-size: 8pt;
	font-weight: normal;
	padding: 5px 0px 20px 0px;
	margin: 0;
	color: #FFFFFF;}
	
	.newspicscaption{
	clear: left;
	font-size: 8pt;
	font-weight: normal;
	padding: 5px 0px 20px 0px;
	margin: 0;
	color: #000000;}
	
	#insideleftmenu{
	float: left;
	width: 640px;
	height: 40px;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	border-top: solid;
	border-top-width: 1px;
	border-top-color:#FFFFFF;
	}
	
		#insideleftmenunews{
	float: left;
	width: 640px;
	height: 40px;
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	border-top: solid;
	border-top-width: 1px;
	border-top-color: #999999;
	}
		.insideleftbutton{
	float: right;
	padding: 0px 0px 0px 10px;
	margin: 0;
	
	}
		.casebullets{
	font-size: 9pt;
	font-weight: normal;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
		padding: 0px 0px 15px 20px;}
		
			.casebullets li{
	margin: 0px 0px 0px 0px;
		padding: 0px 0px 4px 0px;}
		
		.casetwoup{
		float: left;
		width:300px;
		padding: 0px 15px 0px 0px;
		margin: 0;}
	
	
	.servicekey{
	height: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: #FFFFFF; padding: 0px 0px 0px 0px; margin: 10px 0px 0px 0px;}
	
	#casenavouter{
	float: left;
	width: 285px;
	background-image:url(resource/bg/casestudiesbg.gif);
	background-repeat: repeat;
	padding: 20px 20px 20px 20px;
	margin: 0;
	}
	
	.casenav{
	color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0;
	list-style: none;
	font-size: 8pt;
	
	
	}
	
		.casenav li{
	padding: 0px 0px 5px 0px;
	margin: 0;
	
	
	
	}
	
	.casenavlink
	{color:#FFFFFF;
	text-decoration: underline;}
		 


	a:hover.casenavlink
	{color:#000000;
	text-decoration: underline;}
	
	
	.casenavcomp{
	color:#FFFFFF;
	padding: 0px 0px 0px 0px;
	margin: 0;
	list-style: none;
	font-size: 8pt;
	
	
	}
	
	/*SERVICES WORK*/
		#workouter{
	float: left;
	width: 325px;
	padding: 20px 0px 0px 0px;
	margin: 0;
	}
	
	
		.webshot{
	float: left;
	width: 159px;
	padding: 0px 5px 10px 0px;
	margin: 0;
	}
	
		.webshotright{
	float: left;
	width: 159px;
	padding: 0px 0px 10px 0px;
	margin: 0;
	}
	
	.weblink{
	color:#FFFFFF;
	padding: 5px 0px 0px 0px;
	margin: 0;
	text-decoration: underline;
	font-size: 8pt;
	
	
	}
	
	/*NEWS SUBPAGE*/
	#newstitleinside{
float: left;
width: 325px;
margin: 0;
padding: 0px 0px 0px 0px;
}

#newsgreyinside{
float: left;
width: 299px;
background-color: #ebebeb;
margin: 0px 0px 20px 0px;
padding: 0px 13px 10px 13px;
}

.newsitemleftinside
{
float: left;
width: 299px;
margin: 0;
padding: 0px 0px 15px 0px;
}


.insidenewsouter{
float: left;
width: 325px;
margin: 0px 0px 25px 0px;
padding: 0px 0px 10px 0px;
border-bottom-style: solid;
border-bottom-color: #999999;
border-bottom-width: 1px;
}

.insidenewsouterplain{
float: left;
width: 325px;
margin: 0px 0px 25px 0px;
padding: 0px 0px 10px 0px;

}
.insidenewsmug{
float: left;
width: 60px;
margin: 0;
padding: 0px 10px 0px 0px;

}

.insidenewsarticle{
float: left;
width: 255px;
margin: 0;
padding: 0px 0px 0px 0px;

}


.articleh2{
	font-size: 20pt;
	font-weight: bold;
	padding: 30px 0px 0px 0px;
	margin: 0;
	color: #000000;}
	
	.articleh3{
	font-size: 12pt;
	font-weight: normal;
	padding: 20px 0px 20px 0px;
	margin: 0;
	color: #000000;}
	
	.articledate{
	font-size: 12pt;
	font-weight: bold;
	padding: 20px 10px 20px 0px;
	margin: 0;
	color: #CCCCCC;}
	
	.articlenameleft{
	font-size: 12pt;
	font-weight: bold;
	color: #990000;}
	
	
	.articlecopy{
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 0px 0px;
		padding: 0px 0px 15px 0px;}
		
		.articlebullets{
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	margin: 0px 0px 0px 0px;
		padding: 0px 0px 15px 20px;}
	
		.articlebullets li{
	margin: 0px 0px 0px 0px;
		padding: 0px 0px 8px 0px;}
	
		.articlemic{
		float: right;
		margin: 0px 0px 0px 0px;
		padding: 30px 0px 20px 20px;}
		
			.communitypic{
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px 20px 20px 0px;}