@charset "utf-8";
/* CSS Document */

@font-face{		 
	font-family:OpenSans;
	src: url('../fonts/OpenSans-Light.ttf'),
    	 url('../fonts/OpenSans-Light.eot'); /* IE9+ */
}

body{
	font-family:OpenSans, sans-serif;
	font-weight:300;
}

.container-fluid{
	max-width:750px;
	margin:0px auto;
}

.site{
	background:#fff;
	padding:10px;
	margin-top:150px;
}

.holder{
	background:#f2f2f2;
	border:1px solid #c2c2c2;
	min-height:50px;
	padding:30px 20px;
}

.backgroundImg{
	min-height:100%;
	min-width:100%;
	z-index:-1;
	position:fixed;	
	overflow:hidden;
}

.backgroundImg li{
	min-width:100%;
	min-height:100%;
}

.backgroundImg img{
	min-width:100%;
	min-height:100%;
}

div#rotator ul 
{
	overflow:hidden;
	margin:0px;
	padding:0px;
}

div#rotator ul li{
	list-style: none;
	overflow:hidden;
	position:absolute;
}

div#rotator ul li.show{
	z-index:0
}

.logo{
	margin-bottom:20px;
}

.span3 a{
	display:block;
	background:#dddddd;
	border:1px solid #cccccc;
	box-shadow:0px 1px #fff;
	-moz-box-shadow:0px 1px #fff;
	-webkit-box-shadow:0px 1px #fff;
	text-align:center;
	font-size:23px;
	line-height:23px;
	margin:20px 0px;
	padding:15px 0px;
	color:#4b4b4b;
	text-shadow:0px 1px rgba(255,255,255,0.5);
	text-transform:lowercase;
}

.span3 a:hover{
	border:1px solid #4b4b4b;
	background:#646464;
	box-shadow:0px 1px #fff;
	color:#ddd;
	text-shadow:0px 1px rgba(75,75,75,0.5);
	text-decoration:none;
}
.blog{
	background:url(../images/blog.png) no-repeat center left;
	padding-left:30px;
}

a:hover .blog{
	background:url(../images/blogHover.png) no-repeat center left;
	padding-left:30px;
}

.linkedIn{
	background:url(../images/linkedIn.png) no-repeat center left;
	padding-left:30px;
}

a:hover .linkedIn{
	background:url(../images/linkedInHover.png) no-repeat center left;
	padding-left:30px;
}

.twitter{
	background:url(../images/twitter.png) no-repeat center left;
	padding-left:30px;
}

a:hover .twitter{
	background:url(../images/twitterHover.png) no-repeat center left;
	padding-left:30px;
}

.facebook{
	background:url(../images/facebook.png) no-repeat center left;
	padding-left:30px;
}

a:hover .facebook{
	background:url(../images/facebookHover.png) no-repeat center left;
	padding-left:30px;
}

.skype{
	background:url(../images/skype.png) no-repeat center left;
	padding-left:30px;
}

a:hover .skype{
	background:url(../images/skypeHover.png) no-repeat center left;
	padding-left:30px;
}

.gtalk{
	background:url(../images/gtalk.png) no-repeat center left;
	padding-left:30px;
}

a:hover .gtalk{
	background:url(../images/gtalkHover.png) no-repeat center left;
	padding-left:30px;
}

.yahoo{
	background:url(../images/yahoo.png) no-repeat center left;
	padding-left:30px;
}

a:hover .yahoo{
	background:url(../images/yahooHover.png) no-repeat center left;
	padding-left:30px;
}
.store{
	background:url(../images/store-icon.png) no-repeat center left;
	padding-left:30px;
}

a:hover .store{
	background:url(../images/store-iconHover.png) no-repeat center left;
	padding-left:30px;
}


@media(max-width:767px){
	body{
		padding-left:0px;
		padding-right:0px;
	}
	
	.span3{
		width:48% !important;
		float:left !important;
		margin-right:4%;
	}
	
	.span3:nth-child(2n-2){
		margin-right:0px !important;
	}
	
	.site{
		margin:0px;
	}
}

@media (max-width: 480px){
	
	.span3{
		width:100% !important;
		margin-right:0px;
	}
	
}