/*----------------------------------------------------------------------------------------------------------------*\
    BASIC RESET - please use a better one in production
\*----------------------------------------------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}
a:focus { 
    outline: none; 
}
a img
{
  border:none;
}.clearer { clear: both;}
ul{list-style: none;}
h1, h2, h3{margin:0px;}




body{
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	background-color: #E4E5E7;
}


/*----------------------------------------------------------------------------------------------------------------*\
    osamna blue #0077b0
\*----------------------------------------------------------------------------------------------------------------*/
h1, h2{font-family: "league-gothic", sans-serif;
	text-transform: uppercase;}
	h1{
	font-size: 40px;
	font-weight: 400;
	color: #0079AC;
}

#header{
	width:100%;
	background-color: #F4F5F7;
}
.wtrim{
	background-image: url(http://www.osama-tech.com/sfiles/woodtrim.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	height: 7px;
}

#logo{
	height: 62px;
	width: 185px;
	margin-top: 30px;
	margin-right: 5px;
	margin-bottom: 25px;
	float: left;
	margin-left:15%;
	background-image: url(http://www.osama-tech.com/sfiles/osama_home.png);
	background-repeat: no-repeat;
	text-indent: -1000px;
	z-index: 10;
}#logom{
display: none;
}a#button1 {
display: block;
	height: 56px;
	width: 166px;
outline: none;}
.con { position:relative; }

#tab {
	position:absolute;
	top:0px;
	right:4px;
	padding: 6px;
	font-size: 16px;
	text-decoration: none;
	border-bottom-right-radius: 7px;
	border-bottom-left-radius: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
	cursor:pointer;
	color: #FFF;
	background-color: #0077B0;
	height: auto;
	width: auto;
	font-family: "league-gothic", sans-serif;
	text-transform: uppercase;
}

#close {
	font-size:22px;

	right: 2px;
	float: right;
	color: #FFF;
	height: auto;
	width: auto;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#panel {
	width:100%;
	cursor:pointer;
	background-color: #0077B0;
	padding-top: 10px;
}


#panel li{
	display: inline-block;
	width: 25px;
	height: 25px;
	border-radius: 25px;
	background-color: #F4F5F7;
	text-align: center;
	color: #999999;
	float: right;
	font-size: 18px;
	margin-left: 10px;
	font-family: "league-gothic", sans-serif;
	text-transform: uppercase;
	font-weight: 100;
	margin-bottom: 10px;
	line-height: 22px;
}  
#panel a:link, #panel a:active, #panel a:visited {
	color: #0077B2;
	text-decoration: none;
}
#panel a:hover {
	color: #D6D6D8;
	text-decoration: none;
}
.langsur{
	margin-right: 60px;
}.login{
	float: right;
	color: #333;
	font-size: 11px;
	height: auto;
	width: auto;
	padding-left: 20px;
	clear: right;
	margin-right: 60px;
	background-image: url(http://www.osama-tech.com/sfiles/lock.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-top: 10px;
}.login a {
	color: #666;
	text-decoration: none;
}.login a:hover {
	color:#9ED1CA;
}
.nav {
	margin-right: 40px;
	padding-top: 30px;
}

.nav .navControl {
	cursor: pointer;
	color: #FFF;
}



.nav li {
	display: inline-block;
	float: right;
	text-align: right;
	}
	

	.nav .dropDown {
	    display: none;
	    
	    background: #333;
	    
        position: absolute;
        top: 100%;
        left: 0;
    }
    
    .nav .dropDown li {
        display: block;
    }
    
    .nav .dropDown a {
        padding: 10px;
        margin-right: 0;
        
        white-space: nowrap;
        text-align: left;
    }
    
    .nav span {
        display: inline;
        
        position: relative;
        left: 5px;
    }
    
    .nav a:hover + .dropDown,
    .nav .dropDown:hover {
        display: block;
    }

.nav a {
	display: block;
	font-family: "league-gothic", sans-serif;
	
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 400;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

.nav a {
  color:#0077b0;

  -o-transition:color .5s ease-out ;
  -ms-transition:color .5s ease-out ;
  -moz-transition:color .5s ease-out ;
  -webkit-transition:color .5s ease-out ;
  transition:color .5s ease-out;
}
.nav a:hover {
	color:#9ED1CA;
}.nav a.ready{
	color: #9ED1CA;
}
.nav span {
    display: none;
}

#mainholder{
	background-image: url(http://www.osama-tech.com/sfiles/bktrim2.jpg);
	background-repeat: repeat-x;
	height: 590px;
	width: 100%;
}#mainholder2{
	background-image: url(http://www.osama-tech.com/sfiles/bktrim2.jpg);
	background-repeat: repeat-x;
	height: auto;
	width: 100%;
	background-position: bottom;
}

#slideshow {

	background-image: url(http://www.osama-tech.com/sfiles/main_bk.jpg);

	width: 100%;
 height: 590px;

	background-repeat: no-repeat;
	background-position: center top;
	
	


}#slideshow > div {
	width: 100%;
	height: 590px;
	margin-right: auto;
	margin-left: auto;overflow: hidden;
}

#slideshow .desc {
	font-family: 'Francois One', sans-serif;
	font-weight: 400;
	font-size: 44px;
	padding: 0px;
	line-height: 1.3em;
	letter-spacing: -3px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	position: absolute;
	top: 570px;
	right: 20%;
}

.spaced {
	background-color: #D2D3D5;
	box-shadow: 0.5em 0 0 #D2D3D5,-.5em 0 0 #D2D3D5;
	margin: 0px;
	padding: 0px;
	color: #FFF;
}


#slideshow .desc a:link, #slideshow .desc a:active, #slideshow .desc a:visited{
	font-size: 26px;
	color: rgba(0,121,172,1);
	text-decoration: none;
}#slideshow .desc a:hover{
	font-size: 26px;
	color: rgba(51,51,51,1);
	text-decoration: none;
}#slideshow img{
	margin-top: 110px;
	margin-left: 30%;
}
.titletext{
	font-family: "league-gothic", sans-serif;
	font-size: 64px;
	line-height: 64px;
	font-weight: 400;
	text-transform: uppercase;
	color: #FFF;
	margin-left:15%;
	padding-top: 45px;
	position: absolute;
}





.loader{
	background-image: url(http://www.osama-tech.com/sfiles/loader.png);
	background-repeat: no-repeat;
	height: 40px;
	width: 40px;
	position: absolute;
	top: 30%;
	right: 49%;
	z-index: 1200;
}
































.homespot{
	border: 2px solid #c7b89e;
	height: auto;
	width: 25%;
}

div.footer {
	width: 100%;
	height:auto;
	z-index: 10;
	padding-top: 20px;
	bottom: 0px;
	color: #9ED1CA;
	background-color: #0077B0;
	
}
.foothold{Max-width:1100px; margin:auto;}
ul.menu a:link,ul.menu a:active,ul.menu a:visited{
	font-size: 12px;
	text-transform: none;
	color: rgba(255,255,255,1);
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	text-decoration: none;
}
ul.menu a:hover{
	color: rgba(158,209,202,1);
	text-decoration: none;
} ul.menu{
	font-family: "league-gothic", sans-serif;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 400;
	float: left;
	height: auto;
	width: 22%;
	margin-bottom: 30px;
	padding-right: 10px;
	padding-left: 20px;
}ul.menu li{
	line-height: 13px;
}.smedia{
	
}.ml{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #9ED1CA;
}.footsub{
	background-color: #00699B;
	padding-top: 10px;
}
.legal{
	font-size: 9px;
	color: #9ED1CA;
	height: auto;
	width: 100%;
	text-align: center;
}.l1{
	height: 41px;
	width: 118px;
	opacity:0.5;
	display:inline-block;
	margin-top: 10px;
}
.don{
	height: 41px;
	width: 118px;
	opacity:0.5;
	display:inline-block;
	line-height: 45px;
	margin-top: 10px;
	padding-bottom: 10px;
}
.homeboxes{
	max-width:1100px;min-height:390px;
	margin-right: auto;
	margin-left: auto;

}
.homebox{
	width:22%;
	height: auto;
	margin-right: 3%;
	float: left;
	background-image: url(http://www.osama-tech.com/sfiles/homebk.png);
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;
	font-family: "league-gothic", sans-serif;
	font-size: 22px;
	text-transform: uppercase;

	font-weight: 200;
	line-height: 20px;
	margin-bottom: 20px;
}.homebox a:link, .homebox a:active,.homebox a:visited{
	color: #A6AEBF;
	text-decoration: none;
}
.homebox a:visited{}
	
	.homebox img{
	width:100%;
	padding-bottom: 10px;
}.homebox:hover{
	background-image: url(http://www.osama-tech.com/sfiles/homebk_h.png);
	background-position: center top;
	background-size: 100% auto;
	background-repeat: no-repeat;	color: #CACFD9;

	cursor:pointer;
}.homeboxtext{
	padding-right: 20px;
	padding-left: 20px;
	text-align: center;
padding-top: 10px;
}.suptext{
	font-size: 12px;
	color: #000;
	text-align: center;
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	font-variant: normal;
	text-transform: none;
	line-height: 10px;
	border-top-width: 80%;
	border-top-style: solid;
	border-top-color: #FFF;
	padding-top: 7px;
	margin-top: 10px;
}#submap{
	height: 355px;
	width: 100%;
}
#maincontent{
	height: auto;
	width: 100%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	box-shadow: 0 7px 7px rgba(0, 0, 0, 0.4);
	margin-top: 25px;
	margin-bottom: 25px;

}.contentleft{
	float: left;
	height: auto;
	width: 20%;
	padding-top: 25px;
	padding-right: 25px;	padding-left: 15px;
	padding-bottom: 25px;
	font-family: "league-gothic", sans-serif;
	text-transform: uppercase;
	font-weight: 300;
	font-size: 22px;

	color: #999;	margin-left: 1%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #DAE5E7;
}.contentleft span{
	color: #0077B0;
	padding-bottom: 12px;
	display: block;
	font-size: 12px;
	font-family: 'PT Sans', Helvetica, Arial, sans-serif;
	text-transform: none;
}.contentright{
	float: left;
	height: auto;
	width: 64%;

	padding: 25px;
	color: #999;
}

.macb{visibility:hidden;}
#slideshow{visibility:hidden;}
.titletext{visibility:hidden;}
.homebox{visibility:hidden;}
.innercont{
	padding: 25px;
}

.fifty{
	float: left;
	height: auto;
	width: 47%;
	margin-right: 1%;
}
.fifty img{
	width: 100%;
	height: auto;
}
.ftext{
	padding-top: 50px;
}

	.input{
	font-size: 15px;
	padding: 10px;
	border: 1px solid #F4F4F4;
	width: 70%;
	color: #999999;
	background: #F4F4F4;
    }#signup2 label {
	display: block;
	font: 400 16px/40px 'Francois One', sans-serif;
	text-transform: uppercase;
	float: left;
	text-align: right;
	width: 20%;
	color: #666;
	margin-right: 1%;
    }
	#signup2{
	margin-bottom: 20px;
margin-top: 20px;

}	.field{
	margin-bottom:7px;
	width: 100%;
}	textarea {
	font-size: 15px;
	padding: 10px;
	border: 1px solid #F4F4F4;
	width: 70%;
	color: #999999;
	background: #F4F4F4;
	border: 1px solid #F4F4F4;font-family: Tahoma, sans-serif;

}select{
	width: 40%;
	padding: 5px;
	font-size: 15px;
	color: #666;
}.sub{

	
	
	
	
	
	
	
	font-weight: bold;
	line-height: 1;
	cursor:pointer;
	color: #fff;
	text-align: center;
	/* Border style */
  
	background-color: #B8B8BA;
	width: 72%;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 6px;
	padding-right: 10px;
	padding-bottom: 6px;
	padding-left: 10px; 
    }.sub:hover {
	cursor: pointer;
	background-color: #0077B0;
	color: #FFF;
	}
.machold{
	max-width:1100px;
	height:auto;
	margin-right: auto;
	margin-left: auto;
}


.cbullet{
	width:100%;
	
	height: auto;
	margin-right: 1%;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	box-shadow: 0 7px 7px rgba(0, 0, 0, 0.4);
	background-color: #0079AC;
	padding: 15px;
	font-size: 14px;
	color: #FFF;
	margin-top: 30px;font-family: "league-gothic", sans-serif;font-size: 30px;
font-weight: 400;
text-transform: uppercase;
color: #FFF;
}






.macbullet{
	width:20%;
	float: left;
	height: auto;
	margin-right: 1%;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	box-shadow: 0 7px 7px rgba(0, 0, 0, 0.4);
	background-color: #0079AC;
	padding: 15px;
	font-size: 14px;
	color: #FFF;
	margin-top: 100px;
}
.macimage{
	float: left;
	height: auto;
	width: 70%;
	max-width:709px;
}
.macimage img{
	width:100%;
}

.maclinks{
	width:20%;
	float: left;
	height: auto;
margin-left:10px;
	margin-top: 25px;
	margin-bottom: 25px;
	
}
.machcontent{
	float: left;
	height: auto;
	width: 72%;
	margin-top: 25px;
margin-left:10px;
	margin-bottom: 25px;
}
.machcontent p{
	margin-bottom: 30px;
}


.macbullet h1{
	font-family: "league-gothic", sans-serif;
	font-size: 40px;
	font-weight: 400;
	text-transform: uppercase;
	color: #FFF;
}
.machcontent h1, h2{font-family: "league-gothic", sans-serif;
	text-transform: uppercase;}

	.machcontent h2{
	font-size: 20px;
	font-weight: 200;
	color: #9ED1CA;
}






.timage {
	height: 80px;
	width: 80px;
	display: block;
	border-radius: 40px;
	margin-right: 25px;
	font-size: 10px;
	text-transform: uppercase;
	color: rgba(158,209,202,1);
	text-align: center;
	float:left;
	margin-bottom: 25px;
}


.timage img {
        border-radius: 40px;
        width: 80px;
        height: 80px; box-shadow: 1px 1px 1px rgba(0,0,0, 0.7);
        margin: 1px; /* centers the image in the parent element */
}



.tcircle{
	width:auto;
	height: auto;
	margin-right:20px;
	margin-bottom:20px;
	float: left;
}.tcircle img{
	width: 140px;
	height: 140px;
	padding: 0;
	background-color: #CCCCCC;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow:hidden;
	border: 10px solid #999999;
	opacity:0.4;
	filter:alpha(opacity=40); /* For IE8 and earlier */
	
	filter: url(http://www.osama-tech.com/filters.svg#grayscale); /* Firefox 3.5+ */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */
}
.tcircle2{
	width:auto;
	height: auto;
	margin-right:20px;
	margin-bottom:20px;
	float: left;
}.tcircle2 img{
	width: 110px;
	height: 110px;
	padding: 0;
	background-color: #CCCCCC;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	overflow:hidden;
	border: 10px solid #999999;

	
}

.tcircle img:hover {
	filter: none;
	-webkit-filter: grayscale(0);
	border: 10px solid #9ED1CA;
	opacity:1;
	filter:alpha(opacity=100); /* For IE8 and earlier */
}.maccontent{
	min-height:600px;height:auto;
	max-width: 1250px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
}
.macb{
	background-color: #FFFFFF;
	height: auto;
	width: 47%;
	position: relative;
	float: left;
	margin-right: 1%;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	margin-bottom: 25px;
	box-shadow: 0 7px 7px rgba(0, 0, 0, 0.4);
}


.macimg{
	width:45%;
	height:auto;
	margin-top: 25px;
	float: left;
	margin-bottom: 20px;
}
	.macimg img{width:100%; height: auto;}
.macbt{
	left: 20px;
	top: 220px;
	height: auto;
	width: 45%;
	font-size: 14px;
	float: left;
	margin-top: 5%;
}

.macbt a:link, .macbt a:active, .macbt a:visited{
	color: #007aad;
	font-size:28px;
	text-decoration: none;
	font-family: "league-gothic", sans-serif;
	text-transform: uppercase;
}.othermt {	font-size:28px;}
.macbt a:hover{
	color: #9ED1CA;
	text-decoration: none;
}.brochure{
	width:auto;
	height:auto;
	border-radius: 7px;
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.4);
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #F5F5F5;
	display: inline-block;
	float: left;
	font-size: 16px;
	color: #000;font-family: "league-gothic",sans-serif;
    text-transform: uppercase;
}

.brochure a:link,.brochure a:active,.brochure a:visited{	text-decoration: none;color: #9ED1CA;}
.brochure a:hover{
	text-decoration: none;
	color: #999;
}


.galsur{height:auto;width:auto;}
/*----------------------------------------------------------------------------------------------------------------*\
    MEDIA QUERIES
\*----------------------------------------------------------------------------------------------------------------*/
@media all and (max-width: 620px) {
/*----------------------------------------------------------------------------------------------------------------*\
    NAV
\*----------------------------------------------------------------------------------------------------------------*/


ul.menu{width:90%;}.macimage{width:100%;}.macbullet{display:none;}#logo{display:none;}
#mainholder{display:none;}
#mainholder2{height:350px;}
#submap{height: 350px}
.homebox{width:48%;margin-right:1%}
.nav li {
	display: block;
	position: relative;
	z-index: 1;
	float: none;
}.machcontent{width:90%;}.maclinks{width:90%;}
#logom{
	display: block;
	background-image: url(http://www.osama-tech.com/sfiles/osama_technologies_logom.png);
	background-repeat: no-repeat;
	background-position: center;
	height: 40px;
	width: 100%;
	padding-top: 15px;
}
.contentleft, .contentright{
	width:100%;
	margin: 0px;
	padding: 0px;
}
#signup2 label {
	display: block;
	font: 400 10px/40px 'Francois One', sans-serif;
	text-transform: uppercase;
	float: left;
	text-align: right;
	width: 20%;
	color: #666;

    }

.nav {margin-right: 0px;}


.macb{width: 100%;}
.nav .dropDown {
    text-align: center;
}

.nav .dropDown li {
	margin: 0;
	display: inline-block;
}

.nav .dropDown a {
    padding: 0;
    border-right: 0;
    margin-right: 10px;
    
    font-size: 0.8em;
}

.nav .dropDown li:last-child a {
    margin-right: 0;
}

.navControl{
	background-repeat: repeat;
	color: #FFF;
	background-color: #0077B0;
}
 .navControl a{
	color: #FFF;
} .navControl a:hover {
	color: #ccc;
}
}


@media all and (max-width: 320px) {
	.homebox{width:100%;margin:0px}
	}