body {
	margin: 0; padding: 0;
	font: 12px/18px Arial, Helvetica, sans-serif;
	color: #000;
}
a:link, a:visited { color: #D50A27; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }

.emphasis { font-weight: bold; font-size: 14px; display: block; margin-top: -4px; color: #f00; }
.less{ margin: 0 0 -10px 0; }
.small-text { font-size: 10px; line-height: 14px; }

a img { border: none; }


/*   ---------------------------------------  personalized styles for each section --------------------------------------- */
body#home { background: #fff url(images/backgr-pattern-home.jpg) repeat-y left top; }
#wrapper-home { background: url(images/backgr-img-home.jpg) no-repeat left top; height: 852px; }

body#about { background: #fff url(images/backgr-pattern-about.jpg) repeat-y left top; }
#wrapper-about { background: url(images/backgr-img-about.jpg) no-repeat left top; height: 852px; }

body#services { background: #fff url(images/backgr-pattern-services.jpg) repeat-y left top; }
#wrapper-services { background: url(images/backgr-img-services.jpg) no-repeat left top; height: 852px; }

body#contact { background: #fff url(images/backgr-pattern-contact.jpg) repeat-y left top; }
#wrapper-contact { background: url(images/backgr-img-contact.jpg) no-repeat left top; height: 852px; }

body#news { background: #fff url(images/backgr-pattern-news.jpg) repeat-y left top; }
#wrapper-news { background: url(images/backgr-img-news.jpg) no-repeat left top; height: 852px; }

body#portfolio { background: #fff url(images/backgr-pattern-portfolio.jpg) repeat-y left top; }
#wrapper-portfolio { background: url(images/backgr-img-portfolio.jpg) no-repeat left top; height: 852px; }

body#store { background: #fff url(images/backgr-pattern-about.jpg) repeat-y left top; }
#wrapper-store { background: url(images/backgr-img-about.jpg) no-repeat left top; height: 852px; }

/*   ---------------------------------------  titles --------------------------------------- */
h1 { display: none; }
h2 { margin: -10px 0; padding: 0; 
	font: bold 12px/18px Arial, Helvetica, sans-serif; 
	color: #D50A27; 
}

/*   ---------------------------------------  fixed elements --------------------------------------- */
#logo-slogan { position: absolute; top: 0; left: 174px; }

#logo-home, #logo-about, #logo-services, #logo-news, #logo-portfolio, #logo-contact, #logo-store { position: absolute; top: 0; left: 611px; }

#logo-home a { display: block; width: 253px; height: 101px; background: url(images/logo-home.jpg) no-repeat left top; }
#logo-home a:hover, #logo-home a:active { background: url(images/logo-home.jpg) no-repeat left -101px; }

#logo-about a { display: block; width: 253px; height: 101px; background: url(images/logo-about.jpg) no-repeat left top; }
#logo-about a:hover, #logo-about a:active { background: url(images/logo-about.jpg) no-repeat left -101px; }

#logo-services a { display: block; width: 253px; height: 101px; background: url(images/logo-services.jpg) no-repeat left top; }
#logo-services a:hover, #logo-services a:active { background: url(images/logo-services.jpg) no-repeat left -101px; }

#logo-news a { display: block; width: 253px; height: 101px; background: url(images/logo-news.jpg) no-repeat left top; }
#logo-news a:hover, #logo-news a:active { background: url(images/logo-news.jpg) no-repeat left -101px; }

#logo-portfolio a { display: block; width: 253px; height: 101px; background: url(images/logo-portfolio.jpg) no-repeat left top; }
#logo-portfolio a:hover, #logo-portfolio a:active { background: url(images/logo-portfolio.jpg) no-repeat left -101px; }

#logo-contact a { display: block; width: 253px; height: 101px; background: url(images/logo-contact.jpg) no-repeat left top; }
#logo-contact a:hover, #logo-contact a:active { background: url(images/logo-contact.jpg) no-repeat left -101px; }

#logo-store a { display: block; width: 253px; height: 101px; background: url(images/logo-about.jpg) no-repeat left top; }
#logo-store a:hover, #logo-store a:active { background: url(images/logo-about.jpg) no-repeat left -101px; }

/*   ---------------------------------------  content elements --------------------------------------- */
#spacer { display: block; width: 1px; height: 1px; margin: 0; padding: 0; }
.spacer-dotted-line { width: 100%; height: 1px; margin: 10px 0; padding: 10px 0; background: url(images/spacer-dotted-line.gif) 0 50% repeat-x; clear: both; }


#content-wrapper { position: relative; top: 102px; left: 174px; width: 358px; padding-bottom: 50px; }
#wrapper-news #content-wrapper { position: relative; top: 102px; left: 110px; width: 500px; }

#content-wrapper #content { margin-top: 30px; width: 330px; }
#wrapper-news #content-wrapper #content { margin-top: 30px; width: 500px; }

#wrapper-store #content-wrapper { position: relative; top: 102px; left: 0; width: 610px; padding-bottom: 50px; }
#wrapper-store #content-wrapper #content { margin-top: 30px; width: 610px; }


#news-item { clear: right; }
#news-item p { width: 295px; }
#news-nav { margin: 35px 0 25px 0; width: 295px; text-align: right;
	font: bold 13px/18px Arial, Helvetica, sans-serif; color: #666; 
}
#news-nav a { padding: 0 10px;
	font: bold 15px/18px Arial, Helvetica, sans-serif; 
}
#news-nav a:link, #news-nav a:visited { color: #999; text-decoration: none; }
#news-nav a:hover, #news-nav a:active { color: #D50A27; }

#content .accent { font: 26px/26px Arial, Helvetica, sans-serif; color: #D50A27; }
#content .accent-smaller { font: 18px/26px Arial, Helvetica, sans-serif; color: #D50A27; }

#content-left-side { position: absolute; left: 40px; top: 136px; width: 100px;
	font: 11px/12px Arial, Helvetica, sans-serif; 
}
#content-left-side img { margin-bottom: 5px; }
#content-left-side p { margin: 0 0 10px 0; }

#services-list { margin-left: 0; padding-left: 0; list-style: none; }
#services-list li { padding-left: 10px; margin-bottom: 18px; background: url(images/red-bullet.gif) 0 .5em no-repeat; }

#resume-list { margin: 0; padding: 0; list-style: none; }
#resume-list li { padding-left: 10px; margin-bottom: 3px; background: url(images/red-bullet.gif) 0 .5em no-repeat; }

.cv-image { margin: 5px 0 0 10px; }

.store-item { width: 480px; margin: 0 0 0 42px; clear: both; }
.store-item .store-item-left { width: 180px; float: left; }
.store-item .store-item-right { width: 280px; float: right; }
.store-item ul { margin: 0; padding: 0; list-style: none; }
.store-item li { padding-left: 10px; margin-bottom: 18px; background: url(images/red-bullet.gif) 0 .5em no-repeat; }


.store-item-right form, .store-item-left form  { margin: 15px 0 0 -13px; }


/*   ---------------------------------------  portfolio elements --------------------------------------- */
#portfolio-image { width: 358px; height: 271px; text-align: center; }
#portfolio-image img { margin: 0 auto; }

#content-portfolio { position: relative; top: 130px; /*margin-top: 125px;*/ width: 322px; }
#content-portfolio h2 { margin: 0 0 -15px 0; }

#project-thumbnails { position: absolute; top: 102px; left: 84px; width: 60px; height: 270px; }
#project-thumbnails ul { list-style: none; margin: 0; padding: 0; }
#project-thumbnails li { height: 60px; margin: 0 0 7px 0; }

#projects-list { position: absolute; top: 400px; left: 175px; width: 651px; height: 75px; }
#projects-list ul { list-style: none; margin: 0; padding: 0;}
#projects-list  li { float: left; margin: 0; /*margin: 0 9px 0 0;*/ padding: 0; }

#projects-list li a { display: block; width: 89px; height: 85px; }


#projects-list li a.p1:hover, #projects-list li a.p1:active { background: url(images/p1-on-backgr.gif) no-repeat top left; }
#projects-list li a.p2:hover, #projects-list li a.p2:active { background: url(images/p2-on-backgr.gif) no-repeat top left; }
#projects-list li a.p3:hover, #projects-list li a.p3:active { background: url(images/p3-on-backgr.gif) no-repeat top left; }
#projects-list li a.p4:hover, #projects-list li a.p4:active { background: url(images/p4-on-backgr.gif) no-repeat top left; }
#projects-list li a.p5:hover, #projects-list li a.p5:active { background: url(images/p5-on-backgr.gif) no-repeat top left; }
#projects-list li a.p6:hover, #projects-list li a.p6:active { background: url(images/p6-on-backgr.gif) no-repeat top left; }
#projects-list li a.p7:hover, #projects-list li a.p7:active { background: url(images/p7-on-backgr.gif) no-repeat top left; }


/*#project-list a:link { display: block; background: #ff0; width: 90px; height: 85px; filter:shadow(color=#9BAD71, direction=225); }*/

#project-names { position: absolute; left: 25px; top: 506px; width: 117px; margin: 0; padding: 0; 
	font: bold 11px/131% Arial, Helvetica, Verdana, sans-serif; color: #000; 
}


/*   ---------------------------------------  MAIN MENU --------------------------------------- */
#menu { position: absolute; top: 124px; left: 622px;
	width: 180px;
}
#menu ul { list-style: none; padding: 0; margin: 0; }
#menu ul a { 
	display: block; width: 70px; height: 25px; 
	padding-left: 7px;
	font: bold 13px/25px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#menu ul a:link, #menu ul a:visited { color: #000; }
#menu ul a:hover, #menu ul a:active { color: #D50A27; }
#menu ul a.active { color: #D50A27 !important; }


/*   ---------------------------------------  SUB MENU --------------------------------------- */
#sub-menu { position: relative; top: -150px; left: 73px;
	width: 100px; padding: 0 0 0 20px; 
	background: url(images/sub-menu-backgr.gif) 0 8px no-repeat;
}
#sub-menu ul { list-style: none; padding: 0; margin: 0; }
#sub-menu ul a { 
	display: block; width: 70px; height: 25px; 
	padding-left: 7px;
	font: bold 13px/25px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#sub-menu ul a:link, #sub-menu ul a:visited { color: #000; }
#sub-menu ul a:hover, #sub-menu ul a:active { color: #D50A27; }
#sub-menu ul a.active { color: #D50A27 !important; }