/*SQUAD DIGITAL WEBSITE*/
/*html reset*/
body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins,small, strong, sub,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent; }
html{background:#000}
body {line-height: 1; background:#000;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;font-size:11.3px;line-height:20px;color:#717171; overflow:hidden}
ol, ul {	list-style: none;}
/*GENERAL*/
a{text-decoration:none; display:block}
.clear{clear: both;	display: block;	overflow: hidden;	visibility: hidden;	width: 0;	height: 0;}
#site-container{overflow:hidden; position:relative;}
::selection {background:#D71A21; color:#fff;}
::-moz-selection {background:#D71A21;color:#fff;}
::-webkit-selection {background:#D71A21;color:#fff;}
h1{float:left; width:130px; height:61px}
/*FOR INTERNET EXPLORER*/
/*UNIVERSAL*/
#ie_user_page-container{width:100%; height:750px;text-align:left; position:relative; top:0; left:0; overflow:hidden; padding-top:50px; z-index:10;font-size:18px;line-height:40px;} 
/*HEADER*/
#ie_user_logo-wrapper{width:1020px; overflow:hidden; height:61px; margin:auto;}
/*CONTENT AREA*/
#ie_user_wrapper {width: 1020px; height:auto; overflow:hidden; margin:auto;}
#ie_user{background:#fff; padding:25;margin-left:130px;overflow:hidden; padding:30px; width:830px; text-align:center}
#ie_user a{display:inline; padding:0 5px; background:#D71A21; color:#fff;}
#ie_user a:hover{background:#fff; color:#D71A21;}
#ie_user_contacts{margin:20px 0 0 10px;line-height:20px; text-align:center; font-size:11px; text-align:left; border-top:1px #ccc dotted; padding-top:20px}
#ie_user_contacts li{float:left; width:270px}

/*FOR INTERNET EXPLORER ENDS*/
@media all and (max-width: 999px) {
	/*FOR SMALL SCREEN OR MOBILE SCREENS*/
#small-screen{width:100%; height:750px;text-align:left; position:relative; top:0; left:0; overflow:hidden; padding-top:30px; z-index:10}
/*HEADER*/
#logo-wrapper{width:auto; overflow:hidden; height:61px}
/*CONTENT AREA*/
.elements{display:none}
#mobile_wrapper {width:auto; height:auto; overflow:hidden; margin:auto;}
#mobile_wrapper a{color:#300607; text-decoration:underline;}
#mobile_wrapper a:hover{font-style:italic; color:#000;}
#mobile-title{font-size:30px;color:#d71921; margin-bottom:20px; font-weight:normal; height:auto; display:block;}
.mobile_sub_title{color:#9a1218; font-style:italic;}
#mobile_about-us{background:#fff; padding:20px;margin-left:130px;overflow:hidden;width:200px; text-align:left;}
#mobile_contacts{line-height:20px; text-align:center; font-size:11px; text-align:left; border-top:1px #ccc dotted; padding-top:10px; margin-top:10px;}
}
@media all and (min-width: 1000px) {
	/*FOR BIGGER SCREEN*/
#small-screen{display:none}
/*MAIN SITE*/
.elements{ height:auto; overflow:hidden; margin:0; padding:0;}
.elements li{position:relative; float:left; overflow:hidden; display:block}
.panel{height:auto; overflow:hidden}
/*SLIDE NAVIGATION*/
.slider-trigger{position:absolute; z-index:2000; height:125px; width:45px;top:200px; background:url(../images/icon.jpg) no-repeat; -moz-box-shadow: 0 0 4px #000; -webkit-box-shadow: 0 0 4px #000;box-shadow: 0 0 4px #000;}
#blog_link{right:0;}
#blog_link:hover{background-position:0 -125px}
#blog_link:active{background-position:-1px -250px}
#nyumbani_link{background-position:-45px 0; left:0}
#nyumbani_link:hover{background-position:-45px -125px}
#nyumbani_link:active{background-position:-44px -250px}
#content-wrapper{width:4000px; background:#000; overflow:hidden}
#Nyumbani,#Blog{position:relative;float:left;height:auto; overflow:hidden;}
}