@import "links_style.css";

html, body {
	margin:0;
	padding:14px 0;
	font-family:"Lucida Grande", Helvetica, "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
	color:#000000;
	background:#223a49;
	font-size:12px;
	background-image:url(images/backgr-innova.gif);
	background-repeat:repeat-x;
	background-position:left top;
	text-align:center;
}

img {border:none;}

a:link {color:#6699cc; text-decoration:underline}
a:visited {color:#6699cc; text-decoration:underline}
a:hover {color:#336699; text-decoration:underline}
a:active {color:#336699; text-decoration:underline}

a.plain {color:black; text-decoration:none;}
a:visited.plain {color:black; text-decoration:none;}
a:hover.plain {color:black; text-decoration:none;}

a.orange1 {color:#FF6600; text-decoration:none;border-bottom:1px dashed white;}
a:visited.orange1 {color: #FF6600; text-decoration:none}
a:hover.orange1 {color: #CC3300; text-decoration:none}


ul {list-style: disc outside}

a img {border:none;margin:0; padding:0; }
a:visited img {border:none;margin:0; padding:0; }
a:hover img {border:none;margin:0; padding:0; }

.bold {font-weight:bold}
.italic { font-style:italic;}
.underlined {text-decoration:underline}

h3 { font-size:14px; font-weight:bold}
h4 { font-size:12px; font-weight:bold;}
h4.p1 { font-size:12px; font-weight:bold; margin:0; padding-top:14px; padding-bottom:14px}
.footer_text {display:block; font-size:11px; padding:8px 0 0 0;}
.formtext1{color:#464a52; font-size:13px}
.required {font-size:14px; color:#ab0101;}
#webtitle1 {margin-top:0; padding-top:10px; font-size:15px; line-height:18px;}
#showroom_content #webtitle2{margin-top:20px; margin-bottom:0; padding-top:10px; padding-bottom:5px; font-size:15px}
.title1 {margin:0; padding:0; font-size:15px;}
.title2 {margin:0; padding-top:10px; font-size:15px;}
.title3 {margin:0; padding-top:10px; padding-bottom:10px; font-size:15px;}
.error1 {font-size:10px; color:red}
.error2 {font-size:13px; color:red}
h5.comment1 {margin-top:0; margin-bottom:3px; color:black; padding-left:5px; font-size:11px}

p {margin:10px 0}
p.mto {margin:0 0 10px 0}


hr#comment_delim {
	width:848px;
	*width:100%;
}

.clear {clear:both;}
.nomargin_top {margin-top:0}

input.headerlogin_field:focus{outline:none;}
input.headerlogin_field {
	display:block; 
	float:right; 
	width:94px; 
	height:18px; 
	background:url(images/input_middle.gif) repeat-x left top; 
	border:none; 
	padding:9px 0px; 
	text-align:center; 
	_padding:0px 0 0 0; 
	_margin:7px 0 0 0;  
	_background:url(images/input_middle.gif) repeat-x left -7px; 
	_padding-top:2px; 
	_height:20px
}

#main_container {
	position:relative;
	width:852px;
	margin:0 auto;
	padding:0;
	text-align:left;
	}

 /* ///////////////  HEADER \\\\\\\\\\\\\\\\\\\ */
 	
#main_container #header {
	_width:855px;
}

#header #tlc {
	float:left;
	width:20px;
	height:56px;
	background:url(images/tlc.gif) no-repeat top left;
	margin:0;
	padding:0;
	}

#header #menubar_content {
	float:left;
	width:812px;
	height:56px;
	background:url(images/backgr_menubar.gif) repeat-x left top;
	margin:0;
	padding:0;
	}
	
#menubar_content #baloon_top {
	float:left;
	margin: 17px 0 0 0px;
}

#menubar_content #logo_top {
	float:left;
	margin: 12px 0 0 14px;
}
	
#header #trc {
	float:left;
	width:20px;
	height:56px;
	background:url(images/trc.gif) no-repeat top left;
	margin:0;
	padding:0;
	}
	
#header .headimg {
	width:852px;
	height:107px;
	margin:0;
	padding:0;
}

.headimg.index {background:url(images/headimg_innova.jpg) no-repeat top left;}
.headimg.services {background:url(images/headimg_design_services.jpg) no-repeat top left;}
.headimg.showroom {background:url(images/headimg_showroom.jpg) no-repeat top left;}
.headimg.scrapyard {background:url(images/headimg_scrapyard.jpg) no-repeat top left;}
.headimg.downloads {background:url(images/headimg_downloads.jpg) no-repeat top left;}
.headimg.contact {background:url(images/headimg_contact.jpg) no-repeat top left;}
.headimg.accountadmin {background:url(images/headimg_accountadmin.jpg) no-repeat top left;}
.headimg.admin {background:url(images/headimg_admin.jpg) no-repeat top left;}
.headimg.myproj {background:url(images/headimg_myproj.jpg) no-repeat top left;}
.headimg.help {background:url(images/headimg_help.jpg) no-repeat top left;}

#main_container #logobar {
	border-left: 1px solid #334651;
	border-right: 1px solid #334651;
	height:36px;
	background:url(images/backgr_logobar.gif) repeat-x top left;
}

#main_container #whitebar {
	border-left: 1px solid #334651;
	border-right: 1px solid #334651;
	height:19px;
	background:url(images/backgr_logobar_small.gif) repeat-x top left;
}

#logobar #innova_logo {
	float:left;
	margin:0 0 0 33px;
	}

#header_form #login_btn {
	float:right;
	width:49px;
	height:36px;
	background: #fcfcfc;
	background-image:url(images/login_btn.jpg);
	outline:none;
	border:none;
}

#header_form #login_btn:hover {
background-image:url(images/login_btn_on.jpg);
}

#header_form #logout_btn {
	float:right;
	width:49px;
	height:36px;
	background: #fcfcfc;
	background-image:url(images/logout_btn.jpg);
	outline:none;
	border:none;
}

#header_form #logout_btn:hover {
background-image:url(images/logout_btn_on.jpg);
}

#header_form .right_img{
	float:right; 
	margin:0px 10px 0 0
}

#header_form .left_img{
	float:right; 
	margin:0;
	_margin:0 -3px;
}

a.forgotpass {
	float:right;
	margin:10px 5px 0 5px;
}

 /* ///////////////  CONTENT \\\\\\\\\\\\\\\\\\\ */
 
#main_container #content{
	border-left: 1px solid #334651;
	border-right: 1px solid #334651;
	text-align:left;
	min-height:647px;
	height:auto !important;
	height:647px; /* for IE6 */
	background-color:#fcfdfd;
}


/* /// Homepage /// */
#content #home_cont1 {
	height:35px;
	background:url(images/wooden_tiled_1.jpg) no-repeat;
}

#content #home_cont2 {
	height:204px;
	background: url(images/bigbar.jpg) no-repeat;
}

#home_cont2 a#porthole1 {
	float:left;
	display:block;
	_display:inline; /* for IE6 */
	width: 148px;
	height:204px;
	margin-left:100px;
	background:url(images/porthole_icon.jpg) no-repeat;
}

#home_cont2 a#porthole2 {
	float:left;
	display:block;
	_display:inline; /* for IE6 */
	width: 148px;
	height:204px;
	margin-left:102px;
	background:url(images/porthole_web.jpg) no-repeat;
}

#home_cont2 a#porthole3 {
	float:left;
	display:block;
	_display:inline; /* for IE6 */
	width: 155px;
	height:204px;
	margin-left:99px;
	background:url(images/porthole_identity.jpg) no-repeat;
}

#home_cont2 a#projhole {
	display:block;
	_display:inline; /* for IE6 */
	width: 155px;
	height:204px;
	margin-left:auto;
	margin-right:auto;
	background:url(images/porthole_identity.jpg) no-repeat;
}

#content #home_cont3 {
	height:178px;
	background: url(images/wooden_tiled_2.jpg) no-repeat top right;
}

#home_cont3 a.home_freeq{
	display:block;
	height:178px;
	width:176px;
	background:url(images/postit.jpg) no-repeat top left;
}

#home_cont3 #wood3 {
	height:178px;
	width:176px;
	background:url(images/wood3.jpg) no-repeat top left;
}

#content #home_cont4 {
	height:200px;
	background: url(images/page_gradient.gif) repeat-x;
	background-color:white;
	padding:15px 19px;
}

/* /// Services /// */

#content #orangebox {
	position:relative;
	width:806px;
	margin:0 0 0 22px;
	border:none;
	
}

#orangebox #top {
	height:20px;
	background:url(images/orangebox_top.gif) no-repeat left top;
}

#orangebox #middle {
	position:relative;
	height:127px;
	background:url(images/orangebox_bottom.gif) no-repeat left bottom;
	background-color:#e95629;
}

#services_text {
	position:absolute;
	width:700px;
	left:115px;
	top:195px;
	height:130px;
	color:white;
}

#orangebox #pencilbox {
	position:relative;
	float:left;
	margin:33px 0 0 13px;
}

.serv_left{float:left;  }
.serv_right{float:right;}

#content #webbox {
	float:right;
	margin:20px 42px 0 0px;
	height:111px;
	width:563px;
}

#content #iconbox {
	float:right;
	margin-right:42px;
	padding:5px 0 0 0px;
	height:111px;
	width:563px;
}

#content #identitybox {
	float:right;
	margin-right:42px;
	padding:5px 0 0 0px;
	height:111px;
	width:563px;
}

#content #otherbox {
	float:right;
	margin-right:42px;
	padding:5px 0 0 0px;
	height:111px;
	width:563px;
}

#content #services_linkbox {
	float:left;
	margin:30px 0 0 50px;
	height:100px;
	width:155px;
	text-align:right;
}

#services_linkbox ul {
	list-style-type:none;
	padding: 0;
	margin: 0;
}

#services_linkbox ul li {
	margin-bottom:8px;
	float:right;
	clear:right;
	width:155px;
}

#services_linkbox a.serviceslink {
	font-family: Calibri, Helvetica, Verdana, Tahoma, sans-serif;
	font-size:17px;
	color:#26373c;
	text-decoration:none;
	font-weight:bold;
}

#services_linkbox a.serviceslink.on {
	color:#e95629;
}

#services_linkbox a:hover.serviceslink {
	color:#26373c;
	text-decoration:none;
}

#webbox_text, #iconbox_text, #identitybox_text, #otherbox_text  {
	float:left;
	height:111px;
	width:452px;
	background:url(images/services_greybox_middle.gif) top left repeat-x;
}

#webbox_text  a#webbox_link, #webbox_text  a:hover#webbox_link, #iconbox_text  a#iconbox_link, #iconbox_text  a:hover#iconbox_link, #identitybox_text  a#identitybox_link, #identitybox_text  a:hover#identitybox_link, #otherbox_text  a#otherbox_link, #otherbox_text  a:hover#otherbox_link {
	display:block;
	height:103px;
	width:444px;
	color: #ddd;
	text-decoration:none;
	padding:8px 0 0 8px;
}

#webbox_text  a#webbox_link.on, #webbox_text  a:hover#webbox_link.on, #iconbox_text  a#iconbox_link.on, #iconbox_text  a:hover#iconbox_link.on, #identitybox_text  a#identitybox_link.on, #identitybox_text  a:hover#identitybox_link.on, #otherbox_text  a#otherbox_link.on, #otherbox_text  a:hover#otherbox_link.on {
	color:#fff;
}


/* /// Showroom /// */

#content #showroom_toplinks {
	position:absolute;
	width:187px;
	height:29px;
	top:141px;
	left:58px;
}

#showroom_toplinks ul {
	list-style-type:none;
	padding: 0;
	margin: 0;
}

#showroom_toplinks ul li{
	float:left;
	margin-left:2px;
	display:inline;
}

#showroom_toplinks ul a {
	display:block;
	height:29px;
}

#showroom_toplinks #web {
	width:49px;
	background: url(images/showroom_link_web_off.gif);
}

#showroom_toplinks #web_selected {
	width:49px;
	background: url(images/showroom_link_web_on.gif);
}

#showroom_toplinks #web:hover {
	background: url(images/showroom_link_web_on.gif);
}


#showroom_toplinks #icon {
	width:57px;
	background:url(images/showroom_link_icons_off.gif);
}

#showroom_toplinks #icon_selected {
	width:57px;
	background:url(images/showroom_link_icons_on.gif);
}

#showroom_toplinks #icon:hover {
	background:url(images/showroom_link_icons_on.gif);
}

#showroom_toplinks #identity {
	width:75px;
	background:url(images/showroom_link_identity_off.gif);
}

#showroom_toplinks #identity_selected {
	width:75px;
	background:url(images/showroom_link_identity_on.gif);
}

#showroom_toplinks #identity:hover {
	background:url(images/showroom_link_identity_on.gif);
}

#showroom_content {
	margin:0 0 0 30px;
}

#showroom_content .webfolio_left {float:left; margin-bottom:10px}
#showroom_content .webfolio_right{float:left; margin-left:10px; margin-bottom:10px}
#showroom_content #prelungitor {margin-top:50px; margin-bottom:0}
#showroom_content #prelungitor2 {margin-top:750px; margin-bottom:0}

#showroom_content .portoico {
	display:block;
	float:left;
	width:107px;
	height:107px;
	margin:15px 22px 15px 28px;
	
}

#showroom_content #webWrapper {
	float:left; 
}

#webWrapper a {
	text-decoration:none; 
	display:block; 
	width:390px; 
	height:160px; 
	float:left;
}

#webWrapper .p_folio {
	width:100px;
	height:121px;
	background: url(images/folio.png) repeat-x;
	display:none;
	margin-right:20px;
	margin-top:19px;
	float:right;
	padding:5px;
	color:white;
	text-align:right;

}

#webWrapper .p_folio.f1 {
	width:120px;
	height:121px;
}

#webWrapper .p_folio.f2 {
	width:140px;
	height:121px;
}

#webWrapper .p_folio.f3 {
	width:160px;
	height:121px;
}


#proj1 { background:url(images/portfolio_web2.jpg) no-repeat top left;}
#proj2 { background:url(images/portfolio_web9.jpg) no-repeat top left; }
#proj3 { background:url(images/portfolio_web13.jpg) no-repeat top left; }
#proj4 { background:url(images/portfolio_web14.jpg) no-repeat top left; }
#proj5 { background:url(images/portfolio_web4.jpg) no-repeat top left; }
#proj6 { background:url(images/portfolio_web5.jpg) no-repeat top left; }
#proj7 { background:url(images/portfolio_web6.jpg) no-repeat top left; }
#proj8 { background:url(images/portfolio_web7.jpg) no-repeat top left; }
#proj9 { background:url(images/portfolio_web15.jpg) no-repeat top left; }
#proj10 { background:url(images/portfolio_web16.jpg) no-repeat top left; }


#proj1:hover .p_folio, #proj2:hover .p_folio, #proj3:hover .p_folio, #proj4:hover .p_folio.f1, #proj4:hover .p_folio, #proj5:hover .p_folio, #proj6:hover .p_folio, #proj7:hover .p_folio.f2, #proj8:hover .p_folio.f1, #proj9:hover .p_folio.f3, #proj10:hover .p_folio {display:block;}


#showroom_content #iconWrapper {
	float:left;
}

#showroom_content .idWrapper {
	float:left; 
}

.idWrapper a {
	text-decoration:none; 
	display:block; 
	width:390px; 
	height:160px; 
	float:left;
}

.idWrapper .topoverlay {
	width:340px;
	height:15px;
	background: url(images/folio.png) repeat;
	display:none;
	margin-left:20px;
	margin-top:19px;
	float:left;
	padding:5px;
	color:white;
	text-align:left;
	font-size:11px;
}

#brochure1 { background:url(images/portfolio_identity6.jpg) no-repeat top left;}

#brochure1:hover .topoverlay {
	display:block;	
}


#showroom_content div.id_right {
	float:right;
	width:390px;
	margin:0 20px 0 0;
	padding:0 0 0px 0;
}

#showroom_content div.id_left {
	float:left;
	width:345px;
	margin:0px 0px 0 10px;
	padding:0 0 0px 0;
}

#showroom_content img.img_right {
	margin:0 0px 10px 0;
	padding:0;
	border:none;
}

#showroom_content img.img_left {
	margin:0 0px 10px 0;
	padding:0;
	border:none;
}

 /* ///////////////  The ScrapYard \\\\\\\\\\\\\\\\\\\ */
 
 #scraptitle1 {margin:0 0 0 25px; padding-top:160px; *padding-top:140px; font-size:15px; color:#26373c;}
 
 #content #bigraphitebox {
	position:relative;
	width:806px;
	margin:0 0 0 22px;
	border:none;
	color:white;
	float:left;
	display:inline;
}

#bigraphitebox #left {
	width:107px;
	height:131px;
	float:left;
	background:url(images/bigraphitebox_cabinet.jpg) no-repeat left top;
}

#bigraphitebox #middle {
	width:672px;
	height:131px;
	float:left;
	background:url(images/bigraphitebox_middle.gif) repeat-x left top;
}

#bigraphitebox #right {
	width:24px;
	height:131px;
	float:left;
	background:url(images/bigraphitebox_right.gif) repeat-x left top;
}

#content #scrap_www {
	float:left;
	margin:10px 10px 0 25px;
	width:390;
	height:160;
	background:url(images/scrapyard_www_pack.jpg) no-repeat;
}

#content #scrap_www2 {
	float:left;
	margin:10px 10px 0 10px;
	width:390;
	height:160;
	background:url(images/scrapyard_www_pack2.jpg) no-repeat;
}


 /* ///////////////  Contact Us \\\\\\\\\\\\\\\\\\\ */
 
 #content .inquiry_backgr{
 	float:right;
	margin:0 0 15px 40px;
	clear:right;
 }
 
 #content #inquiries {
	float:right;
	width:308px;
	height:363px;
	margin-left:15px;

 }
 
#inquiries .box {
	margin-top:10px;
	background: url(images/inquiry_design.jpg) no-repeat left top;
	width:293px;
	height:111px;
	padding:5px 5px 5px 10px;
	color:white;
}
 
 #inquiries h3 {
 	font-size:13px;
	margin:0;
	font-weight:bold;
	padding:0;
	padding-bottom:10px;
 }
 
 #content .contactitle1 {
 	margin:0;
	padding:15px 0 15px 20px;
 }
 
 #content .contactitle2 {
 	margin:0;
	padding:0px 0 0 20px;
}
 
#content #form {
 	width:498px;
 	padding:20px 0 20px 20px;
	*padding-top:0px;
}
 
 #form .field1 {
 	width:400px; 
	margin-top:5px; 
	margin-bottom:10px;
 }
 
#form .txtarea {
 	width:498px;
	 height:300px; 
	 margin-top:5px; 
	 margin-bottom:0;
}
 
#content #info {
 	text-align:center; 
	font-size:15px; 
	padding-top:10px; 
	color:#ab0101;
}

#contact_form input, #contact_form textarea {
	padding:2px;
}

div#captcha {
	width:315px;
	margin:20px 0 0 0;
	padding-left:10px
}

div#sub_but {
	width:480px;
	margin:20px auto 0 auto;
	text-align:center;
}
 
 /* ///////////////  USEREDIT \\\\\\\\\\\\\\\\\\\ */
  
 #content #editbox1 {
	margin-top:20px;
  	background-color:#203f4c;
	color:white;
	padding:20px 0 20px 50px;
 }
  
#content #editbox2 {
	margin:0;
	color:black;
	padding:10px 0 20px 50px;
 }
 
   /* ///////////////  ADMIN \\\\\\\\\\\\\\\\\\\ */
 
#content #adminbox1 {
 	float:left;
	width:290px;
	margin:20px 0px 0 20px;
	padding:0;
	display:inline;
 }
 
#content #adminbox2 {
  	float:right;
 	margin-top:0px;
	margin-left:0px;
	margin-right:50px;
	padding:20px 0 20px 0px;
	width:450px;
	display:inline;
 }
 
  /* ///////////////  ADMIN PROJECTS \\\\\\\\\\\\\\\\\\\ */
 
 #content .adminprojbox {
 	float:left;
	margin-left:10px;
	margin-right:10px;
	line-height:20px;
	padding-top:15px;
	padding-bottom:15px;
	display:inline;
 }
 
   /* ///////////////  MY PROJECTS \\\\\\\\\\\\\\\\\\\ */
 
#content .commentbox1 {
 	background-color:#edf3fe; 
	color:black;
	padding:5px 10px;
 }
 
 #content .commentbox2 {
 	background-color:#ffffff; 
	color:black;
	padding:5px 10px;
}

.commentbox1 .user, .commentbox2 .user {
	color:#587fb4;
	float:left;
}

.commentbox1 .time, .commentbox2 .time {
	float:right;
	margin-right:20px; 
	margin-top:0;
	padding:0;
}
 
#content #proj {
	min-height:400px;
	height:auto !important;
	height:400px;
}

#content #comments {
	margin-bottom:0px;
	padding-bottom:30px;
}

  /* ///////////////  DOWNLOADS \\\\\\\\\\\\\\\\\\\ */
  
#content #downloadbox1{
	float:left;
	margin-left:50px;
	margin-top:30px;
	*margin-top:13px;
	background:url(images/downloads_cabinet.jpg) no-repeat left top;
	height:200px;
	width:345px;
	padding-top:185px;
	text-align:right;
	display:inline;
}

#content #downloadbox1 a {
	text-decoration:none;
}

#content #downloadbox1_text {
	float:right;
	margin-right:50px;
	color:black;
	margin-top:65px;
	*margin-top:48px;
	width:370px;	
	height:150px;
	display:inline;
}

 /* ///////////////  TERMS of USE \\\\\\\\\\\\\\\\\\\ */
 
 #content #terms {
 	margin:0;
	padding:30px 20px 50px 20px;
 }
 

 /* ///////////////  FOOTER \\\\\\\\\\\\\\\\\\\ */
 
#main_container #footer {
	height:30px;
	background:url(images/footimg.gif) no-repeat;
}

#home_cont4 #home_scrap_www {
	float:left;
	display:block;
	_display:inline; /* for IE6 */
	width: 352px;
	height:146px;
	margin:29px 0 0 0;
	background: url(images/scrap_WWW_1.jpg) no-repeat;
	margin-right:30px;
}

#footer .left {
	float:left;
	padding-left:20px;
}

#footer .right {
	float:right;
	padding-right:20px;
}

#content #cont1 {
	margin:0;
	padding:15px 20px;
	color:#1d3843;
	
}