/* ############################################# */
/* #  Elettro.com                              # */
/* #  Elettro Interactive / R.Ellis - 04/08    # */
/* ############################################# */


/* ********************************************* */
/*                    GLOBAL                     */
/* ********************************************* */
@charset "utf-8";
body {	margin: 0px;	background-color: #000000;}
A:hover   {text-decoration:none}
a { text-decoration: none; }
a img {border: none; }
* html input.checkbox { margin: 0 -4px 0 -4px; }
html,body,p,div,img,h1,h2,h3,h4,li,ul,ol,dl,dd,dt,form{  margin:0px;  padding:0px;  border:0px;  border-collapse:separate;  border-spacing:0px;}
.float_left {	float: left;}
.float_right {	float: right;}


/* ******************************************* */
/*                   LAYOUT                    */
/* ******************************************* */

#main-container {	height: auto;	width: 1150px;	margin-right: auto;	margin-left: auto;}
#main-header-logo {	float: left;	height: 209px;	width: 1150px;}
#middle-container {	float: left;	height: auto;	width: 1150px;}
#middle-left-container {	background-image: url(../img/layout/middle-left.jpg);	float: left;	height: 331px;	width: 240px;}
#middle-right-container {	background-image: url(../img/layout/middle-right.jpg);	float: right;	height: 331px;	width: 267px;}
#middle-center-container {	float: right;	height: 331px;	width: 643px;	background-image: url(../img/layout/center-bg.jpg);}
#viewer-left-container {	float: left;	height: 331px;	width: 29px;}
#viewer-right-container {	float: right;	height: 331px;	width: 29px;}
#viewer-center-container {	float: right;	height: 331px;	width: 585px;}
#above-nav-spacer {	background-image: url(../img/layout/above-nav-spacer.jpg);	float: left;	height: 51px;	width: 1150px;}
#nav-container {	float: left;	height: 81px;	width: 1150px;	margin: 0px;	padding: 0px;}
#nav-list {	white-space: nowrap;	margin: 0px;	padding: 0px;	list-style-type: none;}
.nav-list-sub {	display: inline;	margin: 0px;	padding: 0px;	float: left;}
.nav-list-sub a {	display: inline;	margin: 0px;	padding: 0px;}
.nav-list-sub a:hover {	display: inline;	margin: 0px;	padding: 0px;}
#footer-container {	background-image: url(../img/layout/footer-bg.jpg);	float: left;	height: 272px;	width: 1150px;}
#footer-text-box {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #333333;	height: auto;	width: 500px;	margin-right: auto;	margin-left: auto;	margin-top: 50px;	text-align: center;}

/* ******************************************* */
/*              LAYOUT SUBS                    */
/* ******************************************* */

#subs-title-container {	float: left;	height: 176px;	width: 1150px;}
#subs-content-wrapper {
	background-image: url(../img/layout/subs/content-area-bg-1150x413.jpg);
	float: left;
	height: 413px;
	width: 1150px;
}
#subs-content-container {
	height: 400px;
	width: 602px;
	padding-top: 6px;
	margin-right: auto;
	margin-left: auto;
}
#subs-nav-container {	float: left;	height: 98px;	width: 1150px;}
#subs-content-title-box {	float: left;	height: 50px;	width: 602px;}
#subs-content-title-left {	float: left;	height: 30px;	width: 135px;	padding-top: 10px;}
#subs-content-title-right {	float: right;	height: 38px;	width: 440px;	padding-top: 12px;	text-align: right;}
#subs-content-white-bar {	height: 2px;	width: 602px;	background-color: #FFFFFF;	float: left;	font-size: 2px;	font-family: Arial, Helvetica, sans-serif;}
.subs-content-title-format {	font-family: Arial, Helvetica, sans-serif;	font-size: 28px;	color: #FFFFFF;	margin-top: 10px;}
.subs-content-title-format-2 {	font-family: Arial, Helvetica, sans-serif;	font-size: 20px;	color: #FFFFFF; margin-top: 5px;}
.subs-content-text-format {	font-family: Arial, Helvetica, sans-serif;	font-size: 14px;	color: #FFFFFF;}
#subs-content-main-container {	float: left;	height: auto;	width: 602px;}
#subs-footer-container {	background-image: url(../img/layout/subs/footer-bg-1150x392.jpg);	float: left;	height: 392px;	width: 1150px;}
.pink-text-format {	font-family: Arial, Helvetica, sans-serif;	font-size: 18px;	color: #E45C9E; text-decoration: none;}
a.subs-nav-link-format:link {	font-family: Arial, Helvetica, sans-serif;	font-size: 18px;	color: #FFFFFF;	text-decoration: none;}
a.subs-nav-link-format:visited {	font-family: Arial, Helvetica, sans-serif;	font-size: 18px;	color: #FFFFFF;	text-decoration: none;}
a.subs-nav-link-format:hover {	font-family: Arial, Helvetica, sans-serif;	font-size: 18px;	color: #E45C9E;	text-decoration: none;}

/* ===  Portfolio === */

a.portfolio-back-next-link-format:link {	font-family: Arial, Helvetica, sans-serif;	font-size: 16px;	color: #FFFFFF;	padding-top: 18px;	text-decoration: none;	float: right;
	padding-left: 40px;}
a.portfolio-back-next-link-format:visited {	font-family: Arial, Helvetica, sans-serif;	font-size: 16px;	color: #FFFFFF;	float: right;	padding-top: 18px;	text-decoration: none;
	padding-left: 40px;}
a.portfolio-back-next-link-format:hover {	font-family: Arial, Helvetica, sans-serif;	font-size: 16px;	color: #33CC66;	float: right;	padding-top: 18px;	text-decoration: underline;
	padding-left: 40px;}


/* ===  About Us === */

#about-right-nav-container {	float: right;	height: 15px;	width: 300px;	padding-top: 15px;}
.testimonials-main-text-format {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #CCCCCC;}
.testimonials-name-text-format {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #CCCCCC;	text-decoration: underline;}

/* ===  Services === */

a.services-nav-link-format:link {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #FFFFFF;	text-decoration: none;}
a.services-nav-link-format:visited {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #FFFFFF;	text-decoration: none;}
a.services-nav-link-format:hover {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #E45C9E;	text-decoration: none;}
.pink-text-format-services {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #E45C9E; text-decoration: none;}
#portfolio-left-column {
	float: left;
	height: auto;
	width: 197px;
	margin-top: 8px;
}
#portfolio-right-column {
	float: right;
	height: auto;
	width: 197px;
	margin-top: 8px;
}
#portfolio-center-column {
	float: left;
	height: auto;
	width: 197px;
	margin-left: 6px;
	margin-top: 8px;
}
.portfolio-container {
	float: left;
	height: 115px;
	width: 197px;
	text-align: left;
}
.portfolio-sub-text-format {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}
.portfolio-title-text-format {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
}
#portfolio-details-left {
	float: left;
	height: auto;
	width: 230px;
	margin-top: 10px;
}
#portfolio-details-right {
	float: right;
	height: auto;
	width: 350px;
	margin-top: 10px;
}
.portfolio-details-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 100;
	color: #FFFFFF;
	font-style: normal;
}
.portfolio-details-sub-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	color: #FFFFFF;
}
a.portfolio-details-view-site-format:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
	text-decoration: underline;
}
a.portfolio-details-view-site-format:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #FFFFFF;
	text-decoration: underline;
}
a.portfolio-details-view-site-format:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 600;
	color: #E45C9E;
	text-decoration: none;
}
.portfolio-details-main-text-format {	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	color: #FFFFFF;}
#footer-links-container {
	height: auto;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	text-align: center;
}
.footer-links-format {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
}