/* Style002-SID 
	Ver: 2.0
	by: Marcel E. Mercado
	client: Shadows in Darkness*/

body, h1, h2, h3, h4, h5, h6, blockquote, p, img, fieldset, input, textarea, select 
{
	margin:0;
	padding:0;
	border:0;
}
ul, li
{
	list-style-type: none;
	margin:0;
	padding:0;
}
body
{
	
	/*font-size:12px;*/
	/*font-family:Arial;*/
	/*line-height:18px;*/
	
	/*background-image:url(images/BG_style002.jpg);*/
	/*background-repeat: repeat-x;*/	
	/*background-attachment: fixed;*/
	/*overflow:visible;*/	
}
a:link, a:visited {font-weight:bold;}
a:hover{text-decoration:none;color:#eca727;}
h2
{
	/*margin:9px 0 9px 10px;*/
	
}
h3
{
	/*font-size:20px;*/
	/*line-height:24px;*/
	
}

#characterOverlay1
{
	background-image:url(images/tree_line.jpg);
	background-repeat:repeat-x;
	width:100%;
	height:256px;
	z-index:1;
	position:fixed;
	left:0px;
	bottom:0px;
}

#wrapper
{
	width:960px;
	margin: 0 auto;
	background-image:url(images/project_BG.png);
	border-left:1px solid #735f5f;
	border-right:1px solid #735f5f;
	border-bottom:1px solid #735f5f;
	z-index:2;
	position:relative;
	min-height:1000px; 
	height:100%;
}

#SIDlogo
{
	position:fixed;
	background-image:url(images/shadows_Logo.png);
	margin-left:20px;
	width:223px;
	height:92px;
	z-index:5;
	top:5px;
}
#menu
{
	position:fixed;
	width:942px;
	height:18px;
	padding:9px;
	border-bottom:1px solid #735f5f;
	border-top:1px solid #735f5f;
	background:#000;
	z-index:4;
}
#menu ul
{
	padding-left:245px;
}
#menu li
{
	display:inline;
	padding:0 35px 0 0;
	font-size:14px;
}
#menu a:link, #menu a:visited {border-bottom:1px solid #000;padding-bottom:9px;}
#menu a:hover{border-bottom:3px solid #fff;}
#BoundingBox
{
	padding:36px 10px 0 10px;
}
#MainContent
{
	width:720px;
	float:right;
	display:inline;
	margin-right:-20px;
	overflow:visible;	
}
#MainLogo
{
	height:36px;
	background-image:url(images/featured_pro_Logo.png);
	background-repeat:no-repeat;
}
#portLogo
{
	height:36px;
	background-image:url(images/port_Logo.png);
	background-repeat:no-repeat;
}
#servicesLogo
{
	height:36px;
	background-image:url(images/services_Logo.png);
	background-repeat:no-repeat;
}
#clientsLogo
{
	height:36px;
	background-image:url(images/clients_Logo.png);
	background-repeat:no-repeat;
}
.Projects
{
	width:339px;
	margin:0 20px 54px 0;
	padding:0px;
	float:left;
	display:inline;
	min-height:236px;
	height:236px;
}
.Projects img, .sample_project img
{
	float:left;
	display:inline;
	margin-right:10px;
	border:3px solid #000;
}
.headProject
{
	height:130px;
}
p.metadata, p.metadatablue
{
	font-size:10px;
	font-style:italic;
	text-align:left;
}
p.metadatablue
{
	font-weight:bold;
	font-size:12px;
}
p.metadata
{
	display:inline;
	float:left;
}
p.info
{
	padding-top:15px;
	text-align: justify;
	text-justify:newspaper;	
}
#leftbar
{	
	position:fixed;
	width:220px;
	top:90px;
	z-index:3;
}
.sidebar
{
	width:220px;
	margin-bottom:18px;
}
.sidebarinfo
{
	text-align:justify; 
	text-justify:distribute;
}
#about
{
	height:36px;
	background-image:url(images/about_us_Logo.png);
	background-repeat:no-repeat;
	text-align:justify;
}
#contact
{
	height:36px;
	background-image:url(images/contact_us_Logo.png);
	background-repeat:no-repeat;
}
.clr {clear:both;} 
#footer
{
	position:absolute;
	bottom:0;
	clear:both;
	right:10px;	
}
p.signature
{ 
	text-align: right;	
}
/*--------------------------------Clients Section---------------------------------------*/

.clients_projects
{
	width:158px;
	float:left;
	display:inline;
	margin:0 18px 18px 0;
	min-height:380px;
	height:380px;
}
.clients_projects img
{
	border:3px solid #000;
	margin-bottom:9px;
}
.clients_projects li
{
	padding-top:18px;
	margin-left:10px;
	
}
/*--------------------------------Services Section---------------------------------------*/

.services_content
{
	width:700px;
	margin-top:12px;
	clear:both;
}
.services_content h3
{
	margin-bottom:9px; 
}
.services_content h4
{
	margin:9px 0 9px 10px; 
}
.serv_content_sub
{
	width:213px;
	float:left;
	display:inline;
	margin:0 20px 18px 0;
	text-align: justify;	
}
/*--------------------------------Portfolio Section---------------------------------------*/

.gallery
{
	width:700px;
	padding:0 18px;
	margin-bottom:18px;
	float:left;
	display:inline;
}	
.hoverbox
{
	list-style: none;
	
}
.hoverbox a:hover
{
	z-index :1;
	position :relative ;
	 border: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -23px;
	left: -20px;
}
.hoverbox a .preview
{
	display: none;
}


.hoverbox img
{
	background:#fff;
	border:2px solid #f1a955;
	padding: 2px;
	vertical-align: top;
	width: 85px;
	height: 85px;
}
.hoverbox li
{
	
	
	display: inline;
	float:left;
	margin: 6px;
	padding:7px;
	position: relative;
}
.hoverbox .preview
{
	width: 125px;
	height: 125px;
}

/*--------------------------------Sample Project Section---------------------------------------*/	
	
.sample_project
{
	width:700px;
	margin-top:45px;
}
.gallery h4
{
	margin-top:18px;
}