/*
Theme Name: Multiaccess Wordpress Theme
Theme URI: http://www.multiaccess.com/
Description: Multiaccess is a theme made for Multiacces.
Version: 1
Author: Sergiomasellis, LLC
Author URI: http://www.sergiomasellis.com
*/

/* html elements */
body {
	float: left;
	background-color: #e9e8e9;
	color: #fffeff;
	font: 15px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

a{
	color: #424242;
	text-decoration: none;
}

body {
	width: 100%;
	height:100%;
	
}
/* Classes */
.corner{
	position: absolute;
}
.button{
	background-image: url(images/button.png);
	width: 136px;
	color: #fffeff;
}
.active{
	float: left;
	width: 255px;
	height: 59px;
	background-color: silver;
	background-image: url(images/slider-active.jpg);
	margin-bottom: 2px;
	padding: 17px;
}



.inactive{
	float: left;
	width: 255px;
	height: 59px;	
	padding: 17px;
	background-color: silver;
	background-image: url(images/slider-inactive.jpg);
	margin-bottom: 2px;
}

/* Specific Id's */

#container{
	width: 960px;
	height: 100%;
	margin: 0 auto;
	

}

#top{
	background-repeat: repeat-x;
	background-image: url(images/top.jpg);
	height: 25px;
	background-color: #c7c7c7;

	float:left;
	width: 1000%;
	position: fixed;
	z-index: 1;
}
#header-cont{
	float:left;
	height: 139px;
	width: 960px;	
}

#logo{
	float: left;
}

#links{
float: left;
margin-top: 44px;
	margin-left: 41px;
	width: 558px;
}

#links li{
	float: left;
	background: url(images/button.png) no-repeat;
	padding-top: 8px;
	padding-bottom: 9px;
	padding-left: 25px;
	margin-right: 23px;
}

#cont{
	background-color: white;
	width: 960px;
	float:left;
	height: 709px;
}

#content{
	margin: 10px;
	float:left;
	color: #424242;
	font-size: small;
}

#nav{
	float: left;
	height: 27px;
	width: 960px;
	background-image: url(images/nav-bar.jpg);
	background-repeat: repeat-x;
}

#nav ul li{
	float: left;
	margin-right: 12px;
	margin-top: 4px;
	margin-left: 28px;
	border-right: 1px solid #d6d6d6;
	padding-right: 34px;
}

#slider ul li span img {
	margin-top: 17px;
	margin-left: 21px;
}

#banner{
	width: 700px;
	height: 245px;
	background-color: silver;
	margin-bottom: 16px;
	float: left;
}


#direction{
	float: left;
	width: 201px;
	height: 226px;
	background-color: gray;
	margin-left: 20px;
	background-image: url(images/top-right-sidbar.jpg);
	padding: 9px;
}

#slider {
	width: 940px;
	height: 185px;
	margin-bottom: 16px;
	overflow: hidden;
	float: left;
	z-index: 30;
	background: #3f3f3f url(images/bg.jpg) repeat-x;
}

#slider-pic{
	height: 184px;
	width: 1000%;
}

#sidebar-left{
	padding-right: 38px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(images/bottom-left-sidbar.jpg);
	height: 215px;
	width: 290px;
	margin-left: 10px;
}

#sidebar-right{
	float: left;
	background-repeat: no-repeat;
	background-image: url(images/bottom-right-sidbar.jpg);
	height: 215px;
	width: 612px;
}
#footer{
	float: left;
	height: 20px;
	width: 960px;
	background: #262626 url(images/bottom-right-sidbar.jpg) no-repeat;
	margin: 0 auto;
}

 
		div#header a img { opacity: .5; }
		div#header a:hover img { opacity: 1; }
			
		ul.show { margin-left: -20px; }
		ul.show li { position: relative; width: 200px; height: 190px; float: left; margin-left: 20px; }
		ul.show li div.brand { margin: 0 0 48px 0; display: inline; background: #; width: 200px; height: 120px; position: absolute; text-decoration: none; -webkit-transition: all .15s linear; color: #333; left: 0px; top: 0px; }
		ul.show img { width: 120px; position: relative; z-index: 30; float: left; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -webkit-border-radius: 2px; }
		
		ul.show li div.brand div { display: block; opacity: .95; text-align: center; -webkit-transition: all .25s linear; clear: left; width: 120px;  }
		ul.show li div.brand div h5 { text-align: center; }
		ul.show li div.brand:hover div { opacity: 1; }
		
		ul.show li div.brand span.product { width: 116px; height: 116px; z-index: 1; display: block; -webkit-transition: all .25s linear;  position: absolute; top: 2px; left: 2px; margin-left: 16px;
	margin-top: 8px;
}
		ul.show li div.brand span.product div { top: 2px; left: 2px; display: block; z-index: 10; width: 141px; height: 95px;   -webkit-transition: all .25s linear; overflow: hidden;
	border-style: none;
	border-color: #000;
	position: absolute;
}
		#p1 { 
			background: url(images/prod.png) no-repeat;
		}
		
		#p2 { 
			background: url(images/prod2.png) no-repeat;
		}
		
		#p3 { 
			background: url(images/prod3.png) no-repeat;
		}
		
		#p4 { 
			background: url(images/prod4.png) no-repeat;
		}
		
		#p5 { 
			background: url(images/prod5.png) no-repeat;
		}
		
		#p6 { 
			background: url(images/prod6.png) no-repeat;
		}
		
		#p7 { 
			background: url(images/prod7.png) no-repeat;
		}
		
		#p8 { 
			background: url(images/prod8.png) no-repeat;
		}


		ul.show li div.brand:hover span.product { -webkit-transform: translateX(60px); }
			
		ul.show li span.gloss { display: block; position: absolute; top: 0; left: 0; width: 120px; height: 120px; background: url(images/gloss.png) no-repeat; z-index: 100; }
 
 
		ul.show li { text-shadow: 0 2px 3px rgba(0,0,0,.75); }
		
		ul.show h5 { padding-top: 8px; color: #fff; }
		ul.show small { color: #fff; opacity: .75; }

#cont-bottom {
	width: 182px;
	padding-left: 62px;
}

body.home.blog {
	
}