/*========================================================================
//	CSS Style created by Diego Mejias-Sanabria for Pixel Man++ Ltd
//========================================================================*/

@import url(/css/topnav.css);
@import url(/css/subnav.css);

/*===========================================================
//	general style layout
//=========================================================*/

body {
	margin: 0;
    padding: 0;
    background-color: #fff;
	color:#666;
}

*{font-family:Verdana, Arial, Helvetica, sans-serif;}

p{
	font-size: 0.75em;
	line-height:1.5em;
}

p.definition{
	border: 2px dotted #d9e9f3;
	font-size: 0.75em;
	line-height:1.5em;
	padding:10px;
}
 
p.definition:first-line{
	text-transform:capitalize;
	font-size: 1.125em;
	font-weight:bold;
	line-height:1.5em;
	color:#666;
}

form{
	margin:0px; 
	border:0px;
}

h1{
	font-size:1.5em;
	color:#000;
	text-transform:capitalize;
	}
h2{
	font-size:1em;
	text-transform:capitalize;
	line-height:1.8em;
	color:#666;
	border-bottom:1px solid #666;
}

h3{
	font-size:0.8em;
	color:#666;
	text-transform:capitalize;
}


h3 a, h3 a:link, h3 a:active, h3 a:visited{
	font-size:1em;
	text-transform:capitalize;
	line-height:1.8em;
	color:#666;
}
	
h3 a:hover, h3 a:focus{
	font-size:1em;
	text-transform:capitalize;
	line-height:1.8em;
	color:#000;
}


ul li{
	font-size:0.8em;
	line-height:1.5em;
	list-style:square;
	}
	
table th{
	font-size:0.75em;
	font-weight:bold;
	border:1px solid #ccc;
	}
	
table td{
	font-size:0.75em;
	vertical-align:top;
	line-height:1.75em;
	border-bottom:1px solid #ccc;
}

table td a, table td a:link, table td a:visited{
	font-size:1em;
	line-height:1.5em;
	text-decoration:none;
	text-transform:capitalize;
	color:#666;
}
table td a:hover, table td a:focus{
	font-size:1em;
	line-height:1.5em;
	text-decoration:underline;
	text-transform:capitalize;
	color:#000;
}


/* anchor links styles*/

a, a:link, a:visited, a:active{
	font-size:1em;
	text-decoration: none;
	font-weight:bold;
	color:#666;
}

a:hover,  a:focus{
	font-size:1em;
	text-decoration: underline;
	color:#000;
}

a.skip, a.skip:link, a.skip:visited, a.skip:active{
	color:#fff;
	font-size:9px;
}
	
a.skip:hover,a.skip:focus{
	color:#9db3d9;
	font-size:9px;
}

/* anchor list styles */

ul li a, ul li a:link, ul li a:visited{
	font-size:1.05em !important;
	line-height:1.8em;
	text-decoration:none;
	text-transform:capitalize;
	color:#666;
	}
	
ul li a:focus, ul li a:hover{
	font-size:1.05em !important;
	line-height:1.8em;
	text-decoration:none;
	text-transform:capitalize;
	color:#000;
	}

ul#project a:hover, ul#project a:focus{
	font-size:1.05em !important;
	line-height:1.8em;
	text-decoration:underline;
	text-transform:capitalize;
	color:#000;
	}
	

/*===========================================================
//	page style layout
//=========================================================*/

div#outer {
	position: relative;
	top:0px;
    width: 48.75em;
    margin: 0px auto;
    padding: 0;
	border:0;
}

div#top{
	position:relative;
	top:0px;
	left:0px;
	width:48.63em;
	height:40px;
	margin:10px 0px 0px 0px;
	padding:0;
	background-color:transparent;
	clear:both;
	
	}
	
div#inner{
	position:relative;
	top:0px;
	left:0px;
	width: 48.75em;
	margin:0px 0px 40px 0px;
	padding:0px 0px 40px 0px;
	border:1px solid #ccc;
	background-color:transparent;
	
}

div#search{
	position: absolute;
	top:0px;
	left:0px;
	width:20em;
	
}
div#translation{
	position: absolute;
	top:0px;
	left:550px;
	width:15em;
	
}

div#header{
	position:relative;
	left:0px;
	top:0px;
	margin:0;
	padding:0;
	width:100%;
	height:150px;
	background-color:transparent;
	border-bottom:1px solid #ccc;
	
}

div#body{
	position:relative;
	top:0px;
	width:48.63em;
	min-height:380px;
	left:0px;
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 0px;
	}
	
div#content{
	position:relative;
	top:10px;
	left:25px;
	width:45em;
	min-height:450px;
	margin:5px;	
	padding:5px;
}

div#content2{
	position:relative;
	top:10px;
	left:25px;
	width:30em;
	min-height:450px;
	margin:5px;	
	padding:5px;
}

div#content3{
	position:relative;
	top:10px;
	left:25px;
	width:28em;
	min-height:550px;
	margin:5px;	
	padding:5px;
}

div#content4{
	position:relative;
	top:10px;
	left:25px;
	width:28em;
	min-height:350px;
	margin:5px;	
	padding:5px;
}

div#images2{
	position: absolute;
	top:70px;
	left:500px;
	width:250px;
	height:450px;
	margin:0;
	padding:0;
	}
	
div#contentHome{
	position:relative;
	top:20px;
	left:50px;
	width:20em;
	min-height:340px;
	margin:5px;	
	padding:5px;
	text-align:center;
	border:2px solid #ccc;
}
div#pagenumber{
	position:relative;
	top:20px;
	left:50px;
	width:28em;;
	margin:0;	
	padding:0;
	font-size:0.75em;
	font-weight:bold;
	color:#000;
	}

div#pagenumber a, div#pagenumber a:link, div#pagenumber a:visited{
	font-size:1em;
	text-decoration:none ;
	color:#666 !important;
	}
div#pagenumber a:hover, div#pagenumber a:focus{
	font-size:1em;
	text-decoration:underline;
	color:#000 !important;
	}
	
div#footer{
	position:relative;
	top:0px;
	left:0px;
	width:48.63em;
	border-top:1px solid #000;
	}

div#footer a, div#footer a:link, div#footer a:visited {
	color:#666;
	text-decoration:none;
	font-size:0.75em;
	padding: 0;
	margin:0;
	}
	
div#footer a:hover, div#footer a:focus {
	color:#000;
	text-decoration:underline;
	font-size:0.75em;
	padding: 0;
	margin:0;
	}
		
div#logo{
	position:absolute;
	top:20px;
	left:520px;
	width:250px;
	height:108px;
	}
	
div#images{
	position: absolute;
	top:100px;
	left:550px;
	width:200px;
	height:450px;
	margin:0;
	padding:0;
	}
	

	
div#images p{
	text-align:center;
	font-size:0.7em;
	color:#666;
	}

div#features{
	position: absolute;
	top:22px;
	left:455px;
	width:250px;
	height:auto;
	margin:0;
	padding:5px;
	border:1px solid #ccc;
	}
	
div#features a, div#features a:link, div#features a:visited{
	font-size:0.8em;
	font-weight:bold;
	text-transform:capitalize;
	color:#666;
	background-color:#fff;
	text-decoration:none;
	text-align:center;
}

div#features a:hover, div#features a:focus {
	font-size:0.8em;
	font-weight:bold;
	text-transform:capitalize;
	color:#000;
	background-color:#fff;
	text-decoration:none;
	text-align:center;
}

div#feature01{
	position:absolute;
	top:0px;
	left:0px;
	width:110px;
	height:360px;
	margin:0;
	padding:0;
	border:0;
	}

div#featuretext01{
	position:absolute;
	top:10px;
	left:0px;
	width:100%;
	margin:0;
	padding:0;
	border:0;
	background-color:#fff;
	z-index:5;
}	

div#feature02{
	position:absolute;
	top:0px;
	left:160px;
	width:110px;
	height:360px;
	margin:0;
	padding:0;
	border:0;
	}
div#featuretext02{
	position:absolute;
	top:10px;
	left:0px;
	width:100%;
	margin:0;
	padding:0;
	border:0;
	background-color:#fff;
	z-index:5;
}

div#navcontainer { 
	position: absolute;
	top:100px;
	left:0px;
	width:33.13em;
	height:1.2em;
	color:#fff;
	}

div#copyright{
	position:absolute;
	top:5px;
	left:5px;
	width:40em;
	font-size:0.75em;

	}
div#copyright:first-line{font-weight: bold;	}

div#accessibility{
	position:absolute;
	top:0px;
	right:0px;
	width:12em;
	}

div#breadcrumb{
	width:80%;
	height:30px;
	margin:0;
	padding:0;
	font-size:0.75em;
	}
	
div#breadcrumb a, div#breadcrumb a:link, div#breadcrumb a:visited{
	width:80%;
	height:30px;
	margin:0;
	padding:0;
	font-size:1em;
	text-decoration:none;
	color:#666;
	text-transform:capitalize;
	}

div#breadcrumb a:hover, div#breadcrumb a:focus{
	width:80%;
	height:30px;
	margin:0;
	padding:0;
	font-size:1em;
	text-decoration:underline;
	color:#000;
	text-transform:capitalize;
	}


.samplebox{ background-color:#fff; padding:5px; width:400px;}
/*===========================================================
//	custom style layoutmission_subsection
//=========================================================*/

.clear{
	margin:0;
	padding:0;
	clear:both;
	}
	
.shaded{
	background-color:#afb6c8;
	}


.required{
	color:#ff0000;
	font-weight:bold;
	}

.form_btn{
	background-color:#085799; 
	font-size:0.75em; 
	color:#fff;
	border:0;
	margin:0;
	padding:0;
	}
.section{
	background-color:#809bb7;
	font-size:0.75em;
	list-style: none;
	line-height:1.5em;
	margin:2px;
	text-transform:capitalize;
	}
.subsection{
	font-size:0.75em;
	line-height:1.5em;
	margin:2px;
	text-transform:capitalize;
	}

	
.search_btn{
	background-color:#fff;
	border:1px solid #ccc;
	margin:0;
	padding:0;
	color:#666;
	cursor:pointer;
	font-size:0.8em;
	font-weight:bold;
	}
	
.case{
	border:1px solid #9db3d0;
	}

.bold_emph{
	text-transform:capitalize;
	font-weight:bold;
	}
	
.gallery{
	visibility:hidden;
	display:none;
	}

.mission_subsection{
	width:width:40em;
	padding:5px 0px 5px 0px;
	margin:0;
	clear:both;
	border-bottom:1px solid #ccc;
}
	
.mission_text{
	width:31em;
	height:auto;
	text-align:left;
	float:left;
	padding:0;
	margin:0;
}

.mission_img{
	width:200px;
	float:right;
	text-align:right;
	padding:15px 0px 10px 0px;
	margin:0;
}
.lightbox{border-bottom:1px solid #ccc;}


/*===========================================================
//	portfolio list style 
//=========================================================*/

ul.caseslist li
{
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	font-size:.85em;
}

ul.caseslist li a{
	font-size:.85em;
	text-decoration: none;
	text-transform:capitalize;
	}
	
ul.caseslist li a:hover{
	font-size:.85em;
	text-decoration: underline;
	text-transform:capitalize;
	}