/* ------ Menu Relative ----- */


#menu {
	height:41px;
	width: 100%;
	background: url(../images/menu-backg.jpg) repeat-x;
}


#menu_header {
	height:5px;
}

#menu_content {
	color:#D3D3D3;
	font-size:	1em;
	height: 41px;
	width: 925px;
	margin: 0 auto;
}

#menu:after { /*Add margin between menu and rest of content in Firefox*/
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden;
}

#menu ul {
	width: 100%;
	margin: 0px;
	text-align: center; /*set value to "left", "center", or "right"*/
}

#menu ul li {
	display: inline;
}

#menu ul li a {
	color: #CCCCCC;
	padding:0;
	margin: 0;
	text-decoration: none;
}

#menu ul li a:hover {
 /*THEME CHANGE HERE*/
	color:#8C8C8C;

}

#menu_content ul li a[rel]:after { /*HTML to indicate drop down link*/
	content: "";

}












#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	display:block;
	line-height:2.2em;
	background: url(../images/drop-menu-bg.png) bottom left;

}

#nav a{
	text-align:left;
	display:block;
	padding:0px 0px;
	color:#FFFFFF !Important;
	font-weight:bold;
	font-size:.9em;
	text-decoration:none;
	height:44px; 
	

}

#nav a:link{
color:#FFFFFF !Important;

}


#nav a:hover{
color:#E8E8E8!Important;
background: url(../images/drop-menu-bg.png) top left;


}

#nav li{
	float:left;
	position:relative;
	z-index:40000; 

}

#nav ul {
	position:absolute;
	display:none;
	width:180px;
	padding:3px 5px 0px 1px;
	top:41px;
	left:0;
}

#nav li ul a{
	width:180px;
	height:auto;
	float:left; 
	padding:5px 5px 5px 10px;;
	text-indent:0px;

 
}

#nav ul ul{
top:auto;

}	

#nav li ul ul {
	left:177px;
	margin:0px 0 0 10px;
	position:absolute;
	z-index:90000; 
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}





/* ------ Menu Animatied Hover Relative ----- */

#menu1 a {
	float:left;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	width:133px;
	height:41px;
	
}




#menu1 a.linkClass { background:url(../images/menu-home.jpg) top left repeat-x;}
#menu1 a:hover {background-position:left bottom;}
#menu1 a.open {background-position:left bottom !important;}



#menu2 a {
	float:left;
	width:132px;
	height:41px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu2 a.linkClass { background:url(../images/menu-about.jpg) top left repeat-x; }
#menu2 a:hover {background-position:left bottom;}
#menu2 a.open {background-position:left bottom !important;}



#menu3 a {
	float:left;
	width:132px;
	height:41px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu3 a.linkClass { background:url(../images/menu-portfolio.jpg) top left repeat-x; }
#menu3 a:hover {background-position:left bottom;}
#menu3 a.open {background-position:left bottom !important;}




#menu4 a {
	float:left;
	width:132px;
	height:41px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu4 a.linkClass { background:url(../images/menu-store.jpg) top left repeat-x; }
#menu4 a:hover {background-position:left bottom;}
#menu4 a.open {background-position:left bottom !important;}



#menu5 a {
	float:left;
	width:132px;
	height:41px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu5 a.linkClass { background:url(../images/menu-press.jpg) top left repeat-x; }
#menu5 a:hover {background-position:left bottom;}
#menu5 a.open {background-position:left bottom !important;}





#menu6 a {
	float:left;
	width:132px;
	height:41px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu6 a.linkClass { background:url(../images/menu-contact.jpg) top left repeat-x; }
#menu6 a:hover {background-position:left bottom;}
#menu6 a.open {background-position:left bottom !important;}





#menu7 a {
	float:left;
	width:132px;
	height:41px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu7 a.linkClass { background:url(../images/menu-links.jpg) top left repeat-x; }
#menu7 a:hover {background-position:left bottom;}
#menu7 a.open {background-position:left bottom !important;}



#header-menu-3btns-wrap {
	width:395px; 
	float:right; 
	text-align:right;
}



#header-menu-3btns {
	width:395px; 
	height:116px; 
	background: url(../images/header-buttons-backg.png); 
	margin-top: 3px; 
	position:relative; 
	z-index:0

}


#menu-store a {
	float:left;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	height:83px; 
	width:106px; 
	margin-top:16px;
	margin-left: 15px; 
	margin-right:13px; 
	
}





#menu-store a.linkClass { background:url(../images/header-button-store.png) top left repeat-x;}
#menu-store a:hover {background-position:left bottom;}
#menu-store a.open {background-position:left bottom !important;}



#menu-currentprojects a {
	height:83px; 
	width:106px; 
	margin-top:16px; 
	margin-left: 10px;
	float:left; 
	margin-right: 10px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu-currentprojects a.linkClass { background:url(../images/header-button-currentprojects.png) top left repeat-x; }
#menu-currentprojects a:hover {background-position:left bottom;}
#menu-currentprojects a.open {background-position:left bottom !important;}



#menu-portfolio a {
	height:83px; 
	width:106px; 
	margin-top:16px;
	margin-left: 13px;
	float:left;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu-portfolio a.linkClass { background:url(../images/header-button-portfolio.png) top left repeat-x; }
#menu-portfolio a:hover {background-position:left bottom;}
#menu-portfolio a.open {background-position:left bottom !important;}


/* ------ Menu Animatied Hover Relative ----- */



/* Main Home Relative */

.site_center {
	text-align:center;
	background:url(../images/header-top-slice.jpg) repeat-x; margin:0;
	
}


.top_menu {
	width:300px;
	height:30px;
	text-align:right;
	font-family:Arial, sans-serif;
	margin-top: 0px;
	float: right;
}

.top_menu_content {
	padding-right:20px; 
	padding-top:4px; 
	font-size:0.9em; 
	float:right;
	color:#5D5D5D;
	
}

.top_menu_content a {
	color:#e00000;
}

.top_menu_content a:link {
	color:#e00000;
}

.top_menu_content a:hover {
	color:#01b605;
}

#wrapper {
	text-align: left;
	padding: 20px;
}


#content, #content2 {
	width:990px;
	margin:0 auto;
	text-align:left;
}


#content {
	margin-top:25px;
}


#header_wrap {
	width:100%;
	height:auto;
	margin: 0;
	background:url(../images/home-page-header.jpg) top left;
	
	
}

#header_content {
	margin:0 auto;
	width:923px;
	height: 202px;
	position: relative;
}

#header_logo {
	height:144px;
	width:415px;
	float:left;
	padding-top: 40px;
}


#header_logo a {
	height:144px;
	width:415px;
	float:left;
	background-image:url(../images/main-logo.png);
	background-repeat:no-repeat;
	cursor: pointer;
}






/* Content Relative */

#content_wrap {
	width:100%;
	height:596px; 
	clear: both;
	color: #FEFEFE;
	background:url(../images/home-page-middle-back.jpg) center top no-repeat;
	
}


#content_wrap_miva {
	width:100%;
	height:auto; 
	clear: both;
	color: #FEFEFE;
background:url(http://www.upsurgefab.com/images/store-backg.jpg) center top no-repeat; height:auto;
	
	
}



#content_main {
	width:925px;
	margin: 0 auto;
}


#content_main_full {
	margin: 0 auto;
	height:auto; 
	width:960px; 
	padding-left:20px; 
	padding-right:20px; 
	border:none;  
	text-align:left ;
}

.content_middle {
	float:right;
	width: 393px;
	text-align: left;
	padding-right: 10px;
	line-height: 1.2em;
	min-height: 390px;
	padding-top: 70px;
}



.content_middle_miva {
	float:right;
	
	text-align: left;
	
	line-height: 1.2em;
	min-height: 390px;
	
	
	width:920px; float:none; margin:0 auto; padding:40px 0;
}






#content_middle_left {
	float:left;
	width: 666px;
	text-align: left;
	height: auto;
	border-top: 14px solid #E3E3E3;
	padding-top: 10px;
}


#content_middle_left_wrap {
	float:left;
	width: 686px;
	text-align: left;
	border-right: 1px solid #CCCCCC;
	padding-left: 30px;
	line-height: 1.2em;
	height: auto;
}
	

.content_middle_right {
	
}


#content_middle_txt {
	min-height:380px;
}




#content_shop {
	height:auto;
	width:940px;
	background-image: url(../images/shop-nav-bak.jpg);
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 30px 0px 12px 30px;
}






/* Left and Right Sidebar Relative */

.lt_sidebar_wrap {
	float: left;
	width: 210px;
	padding-right: 27px;
	padding-left: 25px;
}



.lt_sidebar_content {
	width:210px;
	text-align: left;
	float: left;
	line-height: 1.2em;
	min-height: 380px;
	height: 380px;
}


.rt_sidebar_wrap {
	float: right;
	width: 217px;
	height: auto;
	position: relative;
	padding-left: 30px;
	padding-right: 25px;
}

.rt_sidebar_content {
	width: 217px;
	text-align: left;
	color: #3b3a3a;
	height: 380px;
	min-height: 380px;
}



#newslinks {
	line-height:1.3em;
	height: auto;
	position: relative;
}

.newslinks-spacer {
	margin-bottom: 5px;
}


#newslinks a {
	color: #7a7a7d!important;
	font-style: normal !important;
	text-decoration: none !important;
}

#newslinks  a:link {
	color: #7a7a7d!important;
	font-style: normal !important;
	text-decoration: none!important;
}

#newslinks  a:hover {
	color: #01b605 !important;
	font-style: normal !important;
	text-decoration: none;
}

#newslinks  a:visited{

	font-style: normal !important;
	text-decoration: none !important;
}
	
	
#newslinks div {
	float: left;
	width:215px;
	height:41px;
	
	cursor:pointer;
	
}


#newslinks div:hover { background:url(../images/news-highlight-bak.jpg) bottom left ;}

#newslinks a strong { text-decoration:none !important; color:#232323 }	






/* Footer Relative */


#footer {
	text-align:left;
	height:111px;
	text-decoration: none !important;
	color:#A7A7A7;
	width: 100%;
	margin: 0 auto;
	margin-bottom:15px;
	background:url(../images/footer-backg.jpg) repeat-x;
	font-size: 82%;
}

#footer_notes_wrap {
	width:100%;
	height:auto;
}

#footer_notes_content { 
	font-size: .9em;
}


#footer a {
	color: #727272!important;
	text-decoration:none !important;
}

#footer a:link {
	color: #727272;
	text-decoration: none !important;
}

#footer a:hover {
	color: #BABABA!important;
	text-decoration: none !important;
}

#footer a:visited {
	text-decoration: none !important;
}


.sitemapHeader {
	margin-bottom:10px;
	height:70px;
	clear: both;
	width: 100%;
	text-indent:-10000px;
	position:relative;
	padding-top: 60px;
}

.sitemapHeader a {
	background:url(../images/site-map-header-txt.png) no-repeat;
	height:70px;
	clear: both;
	float: left;
	width: 712px;

}


.sitemapHeader2 {
	 
	margin-bottom:10px;
	height:70px;
	clear: both;
	width: 100%;
	margin-top: 2px;
	text-indent:-10000px;
	position:relative;
}

.sitemapHeader2 a {
	background:url(../images/site-map-header-txt2.png) no-repeat;
	height:70px;
	clear: both;
	float: left;
	width: 703px;

}

#footerContent {
	width:920px;
	height: auto;
	clear: both;
	margin: 0 auto;
	
}

#footerMenu {
	margin-top:15px;
	margin-left:0px; 
	padding:0; 
	text-align:left;
    float:left;
}

#footerMenu ul {
	list-style:none;
}

#footerMenu ul li {
	margin:0;
	padding:0;
}


#footer_btm_wrap {
	height: auto;
	clear: both;
}

#footer_pwrdby {
	padding-top:4px;
	font-size:0.95em;
	float:right;
}



#footer_notes_wrap {
	float:left;
	width:100%;
	padding-top: 5px;
	padding-bottom: 15px;
	clear: both;
}


#footer_notes_wrap a {
	color: #A7A7A7!important;
	text-decoration:none !important;
	font-weight:bold;
	font-size:1.1em;
	
}

#footer_notes_wrap a:link {
	color: #A7A7A7!important;
	text-decoration: none !important;
}

#footer_notes_wrap  a:hover {
	color: #757575 !important;
	text-decoration: underline !important;
}





.footer_pwrdby_a {
	color:#FFFFFF; 
	
}



.slickbox {
	padding-bottom: 25px;
	border-bottom: 1px solid #d7d7d7;
	display:none;
	clear: both;
	text-align: left;
	float: right;
}

.slickbox a.slick {
	color: #01B605 !important;
	text-decoration: underline !important;
	font-size:1.1em;
}

.slickbox a:link.slick {
	color: #01B605 !important;
	text-decoration: underline !important;
}

.slickbox a:hover.slick {
	color: #A0A0A0!important;
	text-decoration: none !important;
}

.slickbox a:visited.slick {
	
	
}



/* sitemap specific for footer */
.item {
	float:left;
	margin-bottom:20px;
	color: #6A6A6A;
	margin-right: 45px;
	padding-bottom: 10px;
	border-bottom: 1px solid #474747;
	 
	padding-top: 5px;
}	


.item div:hover { background-color:#B8B8B8; }


	

.item_desc {
	width: 260px;
	padding-left: 0px;
	margin-top: 3px;
	color:#474747;
	letter-spacing: normal;
	
	
}
	
.sitemapMargin { margin: 6px 0; }

.linkTop { margin-top: 5px; }

#sitemap_indent {
	padding: 25px 25px 25px 35px;
}



/* sitemap specific-end */




/* Footer Cont. - Animated hover block for footer logo*/


ul.hover_block { }
			
ul.hover_block li {
			height:20px;
			margin-top:10px;
			list-style:none;
			float:right;
		 	position: relative;
			background:none;
			
			 }
ul.hover_block li a {
			display: block;
			position: relative;
			overflow: hidden;
			width:243px;
			height:20px;
			color:#000000;
			line-height:0px;	
}

ul.hover_block li a { text-decoration: none; }

ul.hover_block li img {
			position: absolute;
			top: 0;
			left: 0;
			border: 0;
		}