/* Wireless and Web http://www.wirelessandweb.co.uk
 ------------------------------------------------------------------------*/
* {
margin: 0px;
padding: 0px;
}

/*default version*/
@font-face {
	font-family: 'GalacialIndifference';
	
	src: 
		local('Galacial Indifference'),
		local('Galacial-Indifference'),
		url('fonts/glacial-indiference/GlacialIndifference-Regular.otf') 
		format('opentype');
}
/*bold version*/
@font-face {
	font-family: 'GlacialIndifference';
	
	src: 
		local('Glacial Indifference Bold'),
		local('Glacial-Indifference-Bold'),
		url('fonts/GlacialIndifference-Bold.otf') 
		format('opentype');
	font-weight: bold;
}

body {
font-family: 'GalacialIndifference', sans-serif; 
margin: 0px auto 15px auto;
font-size: 100%/0.8;
color:#272828;
background:#37b4a1;
}

{
 	-webkit-box-sizing:border-box;
		-moz-box-sizing:border-box;
			box-sizing:border-box;
}

#wrapper{
max-width: 1366px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
border: 0px solid #bcd2bf;
background: transparent;
}



h1 {
font-size:1.2em;
}

h2 {
font-size:1em;
text-align: left;
}

/* Header
------------------------------------------------------------------------------*/
#header {
margin-bottom:0px ;
padding: 0px 1px;
max-height: 130px;
}




#header-contact {
max-width: 1024px;
margin: 50px 0px;
padding: 0px 0px 0px 0px;
max-height: 200px;
background-color:#0e0a09;

}

.bbc {
max-width: 100%;
margin:0px 0px;
padding:0px;
float: left;
}


.image {
margin:0px;
padding:0px 0px 0px 0px;
float: left;
}

#headernav {

margin-top:0em;
padding: 0px;
clear: right;
}

.topline {
float: right;
font-size:1.2em;
font-style:italic;
color:#272828;
margin-top:10px;
margin-bottom:10px;

}

.aliicons {
max-width:100%;
display:inline-block;
font-size: 1em;

}


.task {
    max-width: 14em;
    display: inline-block;
    padding: 0em .3em;
    text-align: left;
    vertical-align: top;
}

/*sample widget styles*/

/*---------- navigation bar---------------*/
	#buttonBar {	
				margin-top: 2.5em;				
				padding-left: 1em; 
				max-width:100%;
				font-size:.8em;
				float: right;
				
		}
		
		.ui-default-state {
			padding: .5em .75em;
			cursor: pointer;
		}
		
		
		
		#buttonBar {
			
			padding: 0;
		}
		#buttonBar li, #buttonBar li a {
			float: right;
			margin: 0;
			padding: 0;
			list-style: none;
			text-decoration: none;
		}
		#buttonBar li a, #menu li a  {
			padding: .5em .75em;
			
			margin: 1px;
			text-decoration: none;
			display: block;
		}
		
		
/*  gallery
------------------------------------------------------------------------------*/

#tabs {
margin:1em 0em;
font-size:.8em;
display: block;
text-align: left;
}


#intro {
max-width:80%;
margin:2em 0em 0em 0em;
font-size:1em;
float:left;
}
 
.newsticker li {
max-height:120px;
padding: 5px;
}




h3 {
text-align:center;
margin:5px 0px;
padding:5px 0px;
}192.168.1.130


#intro ul li {
list-style:none;
}



.cright {
max-width:700px;
margin:30px 0px;
float:left;
max-height:600px;
}

.popin {
float:right;
margin:10px 5px;
}
 
.cleft {
max-width:200px;
float:left;
margin:10px 0px;
}

.tabular {
margin:5px;
}

/*  content
------------------------------------------------------------------------------*/

#content {
margin:2em;

}


p {
padding:5px 0px;
font-size:1em;
margin:10px 0px;
}

.matrix{
float: left;
margin:1em 1em 2em 3em;
max-width: 5em;

}

div.matrix img{

display: block;
margin-left:auto;
margin-right:auto;

}

div.matrix:hover {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}

div.matrix:visited {
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
}
    
div.desc {
    padding: 0px;
    text-align: center;
    max-width:5em;
}    
    
    
    
    

/*   Footer
------------------------------------------------------------------------------*/

#footer {

max-width: 100%;
text-align: center;
max-height:2em;
font-size:0.7em;
font-weight:bold;
}


#accordion {
max-width:auto;
margin:30px;
}

#accordion ul{
float:left;
}

.centraltop {
clear:left;
margin:0px 0px;
max-height:65px;
}
#central {
margin:10px 0px;
font-size:1em;
clear:both;
overflow:hidden;
text-align: center;

}

#central p {
display: inline-block;
text-align: left;
}

#central ul{
text-align: left;
list-style-type: circle;
padding:1em;
}

#central h1 {
text-align: left;
}

#central img {
text-align: center;
}

#central iframe {
margin: 0em auto;
}

.fuzzy {
float:right;
}

#preLoader {
background: url(../images/ajax-loader.gif) center no-repeat;
max-height:600px;
}




.demoHeaders {
margin-top: 2em;
}


#dialog-link {
padding: .4em 1em .4em 20px;
text-decoration: none;
position: relative;
}
	
#dialog-link span.ui-icon {
margin: 0 5px 0 0;
position: absolute;
left: .2em;
top: 50%;
margin-top: -8px;
}
	
#icons {
margin: 0;
padding: 0;
}
	
#icons li {
margin: 2px;
position: relative;
padding: 4px 0;
cursor: pointer;
float: left;
list-style: none;
}

#icons span.ui-icon {
float: left;
margin: 0 4px;
}
	
.fakewindowcontain .ui-widget-overlay {
position: absolute;
}
	
select {
max-width: 200px;
}