/* --------------------- SB -------------------------------------------- */
/* --------------------- L7 -------------------------------------------- */
ul,ol { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }
a img,:link img,:visited img,fieldset { border:none; }
/* ------------------ global elements----------------------------------- */
body { 
	background:#b5121b url(../images/bg-body.jpg) top repeat-x;
	text-align:center; 
	font:14px/16px "Trebuchet MS", Trebuchet, Tahoma, Verdana, Arial, sans-serif;
	color:#fff;
	}

blockquote { margin-left:10px; margin-right:10px; }
h1	{ font-size:14px; color:#fff; }
h2	{ font-size:24px; color:#fff; }
h3	{ font-size:14px; color:#fff; }
h1 span,h2 span,h3 span	{ display:none; }
a:link,a:visited	{ color:#CCC; text-decoration:none; outline:none; }
a:hover,a:active	{ color:#fff; text-decoration:none; outline:none; }
div.clear	{ clear:both; height:0; overflow:hidden; }
img.img-left { float:left; margin:0px; }
img.img-right { float:right; margin:0px; }
.pad {height:30px;width:640px;}

/* -------- wraps-containers ------------------------------------------------------------ */
#top-wrap {
	height:279px;
	width:1000px;
	margin:0 auto;
	text-align:left;
	}

#bottom-wrap {
	width:1000px;
	margin:0 auto;
	}

#portfolio-container { width:702px;height:155px;float:left; padding-top:30px; overflow:hidden;}

#logo-container {width:360px; height:94px; float:left;}
#logo { background:url(../images/btn-logo.jpg) no-repeat; width:219px; height:68px; float:left;	}
	#logo span {display:none;}
	#logo a {display:block;width:219px;height:68px;}
	#logo a:hover { background:url(../images/btn-logo.jpg) -0px -68px no-repeat;}

.container-ul {width:210px; float:left;}

#contact-left {width:392px; float:left;}
#contact-right { width:248px; float:left;}

#contact-right-container {width:248px; height:341px; float:left; margin-top:10px; }
	#contact-right-container p {margin:31px 0 0 20px; font-size:12px; line-height:16px;}

/* -- JQuery ---------------------- */
.fade { position:relative;float:left;  }
.fade div { position:absolute; top: 0; left: 0; display: none; }	

/* ----- column-left -------------- */
#column-left { width:360px; float:left;	}
	#column-left p { padding:0px; }
	
/* ----- column-right ------------- */
#column-right { width:640px; float:left; text-align:justify; }
	#column-right p { line-height:30px; padding:0 5px 20px 3px; }
	#column-right h2 {padding:5px 0 18px 4px;}

body#results #column-right p { padding:0;margin:0; }
body#results #column-right h2 {padding:5px 0 18px 4px;}
	p.results {line-height:34px; padding:0 5px 20px 3px;}

body#random-acts #column-right p { padding:0;margin:0; }
body#random-acts #column-right h2 {padding:5px 0 18px 4px;}


body#can-do-that #column-right ul {padding:0 20px 20px 10px;}
	body#can-do-that #column-right ul li { margin:10px 0 10px 25px;  list-style-image: url(../images/bullet.gif); text-align:left;}

body#contact #column-right p { line-height:30px; padding:0 5px 20px 3px; }
body#contact #column-right p.address { line-height:14px; padding:0 5px 20px 3px; }
	
#client-container-left {width:316px; float:left;}
	#client-container-left div {
		background:url(../images/bg-client-container-left.jpg) no-repeat;
		height:76px;
		width:316px;
		float:left;
		}
	#client-container-left img {padding-right:10px;}
	#client-container-left p {padding-top:31px; text-align:left; line-height:14px;}
	#client-container-left a {color:#fff;}
	
#client-container-right {width:324px; float:left;}
	#client-container-right div {
		background:url(../images/bg-client-container-right.jpg) no-repeat;
		height:76px;
		width:324px;
		float:left;
		}
	#client-container-right img {padding-right:10px;}
	#client-container-right p {padding-top:31px; text-align:left; line-height:15px;}
	#client-container-right a {color:#fff;}
	
#award-icon {background:url(../images/w3award.png) no-repeat;
		height:62px;
		width:150px;
		margin-top: 109px;
		float:left;
}	
	
/* ------ subhead framework ------------------------------------------------- */
#subhead { height:59px;margin:67px 0 0 0; } 
	body#index #subhead { background:url(../images/subhead-index.jpg) no-repeat; }
	body#square #subhead { background:url(../images/subhead-square.jpg) no-repeat; }
	body#can-do-that #subhead { background:url(../images/subhead-can-do-that.jpg) no-repeat; }
	body#results #subhead { background:url(../images/subhead-results.jpg) no-repeat; }
	body#random-acts #subhead { background:url(../images/subhead-random-acts.jpg) no-repeat; }
	body#contact #subhead { background:url(../images/subhead-contact.jpg) no-repeat; }
	body#thankyou #subhead { background:url(../images/subhead-thankyou.jpg) no-repeat; }

/* ------ navigation framework ------------------------------------------------- */
#nav { 
	background:url(../images/nav.jpg) no-repeat; 
	width:640px; 
	height:68px; 
	margin:0;
	padding:0; 
	float:left;
	}
	#nav span { display: none; }
	#nav li, #nav a { height:68px; display:block; } 
	#nav li { float:left; list-style:none; display:inline; }
	#nav-01 { width: 132px;}
	#nav-02 { width: 131px;}
	#nav-03 { width: 130px;}
	#nav-04 { width: 130px;}
	#nav-05 { width: 81px;}
	#nav-01 a:hover { background:url(../images/nav.jpg)  -0px -68px no-repeat; }
		body#square #nav-01 a:hover { background:url(../images/nav.jpg)  -0px -136px no-repeat; }
	#nav-02 a:hover { background:url(../images/nav.jpg) -132px -68px no-repeat; }
		body#can-do-that #nav-02 a:hover { background:url(../images/nav.jpg) -132px -136px no-repeat; }
	#nav-03 a:hover { background:url(../images/nav.jpg) -263px -68px no-repeat; }
		body#results  #nav-03 a:hover { background:url(../images/nav.jpg) -263px -136px no-repeat; }
	#nav-04 a:hover { background:url(../images/nav.jpg) -393px -68px no-repeat; }
		body#random-acts #nav-04 a:hover { background:url(../images/nav.jpg) -393px -136px no-repeat; }
	#nav-05 a:hover { background:url(../images/nav.jpg) -523px -68px no-repeat; }
		body#contact  #nav-05 a:hover { background:url(../images/nav.jpg) -523px -136px no-repeat; }
	#nav-01 a:hover { background:url(../images/nav.jpg)  -0px -68px no-repeat; }
	#nav-02 a:hover { background:url(../images/nav.jpg) -132px -68px no-repeat; }
	#nav-03 a:hover { background:url(../images/nav.jpg) -263px -68px no-repeat; }
	#nav-04 a:hover { background:url(../images/nav.jpg) -393px -68px no-repeat; }
	#nav-05 a:hover { background:url(../images/nav.jpg) -523px -68px no-repeat; }
	body#square #nav-01 { background:url(../images/nav.jpg)  -0px -136px no-repeat; }
	body#can-do-that #nav-02 { background:url(../images/nav.jpg) -132px -136px no-repeat; }
	body#results  #nav-03 { background:url(../images/nav.jpg) -263px -136px no-repeat; }
	body#random-acts #nav-04 { background:url(../images/nav.jpg) -393px -136px no-repeat; }
	body#contact  #nav-05 { background:url(../images/nav.jpg) -523px -136px no-repeat; }

/* ------ navigation framework ------------------------------------------------- */
#nav-socialnet1 { 
	background:url(../images/nav-socialnet1.jpg) no-repeat; 
	width:107px; 
	height:33px; 
	margin:0;
	padding:0; 
	float:left;
	}
	#nav-socialnet1 span { display: none; }
	#nav-socialnet1 li, #nav-socialnet1 a { height:33px; display:block; } 
	#nav-socialnet1 li { float:left; list-style:none; display:inline; }
	#nav-socialnet1-01 { width: 27px;}
	#nav-socialnet1-02 { width: 27px;}
	#nav-socialnet1-03 { width: 27px;}
	#nav-socialnet1-04 { width: 26px;}
	#nav-socialnet1-01 a:hover { background:url(../images/nav-socialnet1.jpg)  -0px -33px no-repeat; }
	#nav-socialnet1-02 a:hover { background:url(../images/nav-socialnet1.jpg) -27px -33px no-repeat; }
	#nav-socialnet1-03 a:hover { background:url(../images/nav-socialnet1.jpg) -54px -33px no-repeat; }
	#nav-socialnet1-04 a:hover { background:url(../images/nav-socialnet1.jpg) -81px -33px no-repeat; }

#nav-socialnet2{ 
	background:url(../images/nav-socialnet2.jpg) no-repeat; 
	width:107px; 
	height:33px; 
	margin:0;
	padding:0; 
	float:left;
	}
	#nav-socialnet2 span { display: none; }
	#nav-socialnet2 li, #nav-socialnet2 a { height:33px; display:block; } 
	#nav-socialnet2 li { float:left; list-style:none; display:inline; }
	#nav-socialnet2-01 { width: 27px;}
	#nav-socialnet2-02 { width: 27px;}
	#nav-socialnet2-03 { width: 27px;}
	#nav-socialnet2-04 { width: 26px;}
	#nav-socialnet2-01 a:hover { background:url(../images/nav-socialnet2.jpg)  -0px -33px no-repeat; }
	#nav-socialnet2-02 a:hover { background:url(../images/nav-socialnet2.jpg) -27px -33px no-repeat; }
	#nav-socialnet2-03 a:hover { background:url(../images/nav-socialnet2.jpg) -54px -33px no-repeat; }
	#nav-socialnet2-04 a:hover { background:url(../images/nav-socialnet2.jpg) -81px -33px no-repeat; }

/* -------------- footer --------------------------------------------------- */

#footer-container { width:1000px; text-align:center; margin:0 auto;}

#footer { width:640px; padding:0 0 40px 0; height:100%; float:right;}
	#footer p { color:#f3f3f3; font-size:11px;text-align:center;  padding-bottom:5px;  }
	#footer a:link, #footer a:visited { color:#f3f3f3; }
	#footer a:hover, #footer a:active { color:#fff; }

#footer span {background:url(../images/img-rss-logo.jpg) no-repeat; width:15px; height:15px;}
#footer span {padding:0 0 5px 20px; }
#footer-divide {background:url(../images/img-divider-footer.jpg) no-repeat; width:640px; height:35px; float:left;}

#container-soc-net {float:left; width:360px;}
#container-soc-nav {float:left; width:107px; height:66px;}

#btn-luis-logo {
	background:url(../images/btn-luis-logo.jpg) no-repeat;
	width:144px;
	height:66px;
	float:left;
	}
	#btn-luis-logo span {display:none;}
	#btn-luis-logo a {display:block; width:144px; height:66px;float:left;}
	#btn-luis-logo a:hover {background:url(../images/btn-luis-logo.jpg) -0px -66px no-repeat;}
	
/* -------------- Sitemap --------------------------------------------------- */	
#subhead-sitemap { height:59px;margin:67px 0 0 0;background:url(../images/subhead-sitemap.png) no-repeat; } 
ul#sitemap {
	margin-bottom: -10px;
	margin-top: 10px;
}

#sitemap li {
	font-weight: bold;
	margin-bottom: 25px;
}

#sitemap a {
	color: #FFFFFF;
}

#sitemap a:hover {
	color: #CCCCCC;
}

#sitemap img {
	margin-bottom: -1px;
}