﻿*
{
	margin:0px;
	padding:0px;
}

body
{
	background:#000000 url(/images/background.png) no-repeat top center;
	margin:0px auto;
	width:981px; 
	font-family:Tahoma, Sans-Serif;
	font-size:12px;
/*	color:#424b4c; */
	height:100%;
	color:#0a3538; 
    
	
}

textarea
{
	font-family:Tahoma, Sans-Serif;
}

img
{
	border:none;
}

h1
{
	font-family: Times New Roman;
	font-size:22pt;
	font-weight: normal;
	padding: 20px 0px 0px 30px;
	color: #740a0b;
}

h2
{
	font-size:14pt;
	font-weight: normal;
	padding: 15px 0px 0px 30px;
}

ul li
{
	list-style:none;
}

a
{
	text-decoration: none;
	color:#5a6566;
	outline:none;	
}
a:hover
{
	border-bottom:1px dotted;
}

.subnav a:hover
{
	border-bottom:0px;
}

.foot ul li a:hover
{
	border-bottom:0px;
}

#h_rightcol a:hover
{
	border-bottom:0px;
}

	


.Methodology
{
	text-decoration: none;
	font-family:Times New Roman;
	font-size:20px;
	color:Maroon;
	outline:none;	
	/*border-bottom: dotted 1px #5a6566;*/
}




/* ------ Banner ---------- */




div.head
{
	height:202px;
	margin-top:10px;	
}

/*--------- Main Navigation -------------*/

#mainNav1
{
	
	margin-top:-25px;
	
}


/*--------- Sub Navigation---------- */



.subnav
{
	padding: 00px 0px 0px 0px;
	float:left;
	width:200px;
	border-right:1px solid #cac761;
	height:100%;
	background:#eeeb9a url(/images/dropshadow3.png) repeat-x;
	
}



.subnav ul li a
{
	padding-left:30px;
	display:block;
	padding-top:7px;
	padding-bottom:7px;
	color:#084348;
	font-weight:bold;
}



.subnav ul
{
	width:200px;
	border-top:1px solid #cac761;
	margin-top:30px;
}

.subnav ul li
{
	background:url(/images/subnavtile.png) repeat-x;
	border-bottom:1px solid #cac761;
	padding:0px;
}

.subnav ul li.on a
{
	color:#f8f6a9;
	
	font-size:12px;
}

.subnav ul li.on
{
	background:#11363a url(/images/subnavtileon.png) repeat-x;
}



/*------------- Content------------ */



#leftcol
{
	float:left;  width:558px; padding: 40px 25px 10px 50px;
}

#content
{
	background-color:#f8f6a9;
}




.content
{
	
	height:700px; 
	background:#f8f6a9 url(/images/dropshadow.png) repeat-x;
	
	
}

.min_margin
{
	margin-left:7px;
	float:left;
}

.min
{
	float:left;	
}

.content ul li a:hover, div.content ul li a:focus
{
	background:#e2e09a;
}

.content ul li.on a:hover, div.content ul li.on a:focus
{
	background:#11363a;
}

.rightborder
{
	width:30px;
	height:100%;
	background:#eeeb9a url(/images/dropshadow3.png) repeat-x;
	border-left:1px solid #cac761;
	float:left;
}

.leftborder
{
	width:30px;
	height:100%;
	background:#eeeb9a url(/images/dropshadow3.png) repeat-x;
	border-right:1px solid #cac761;
	float:left;
}

/*----- Sub Content -------*/


.subContent
{
	float:left;
	height:100%;
	width:745px;
}

.subContent p, .headerimage
{
	margin-left:30px;
	
}

.headerimage
{
	margin-top:30px;
}




.content p, body.Contact #content label, .content table
{
	line-height:24px;
	letter-spacing:.6px;
	font-size:12pt;
	padding: 20px 30px 0px 0px;
	
	
}

body.Design .content {
	height:1150px;
}

body.Development .content {
	height:1100px;
}

body.Design .subContent
{
	background:url(/images/desback.png) no-repeat bottom right;
}

body.Development .subContent
{
	background:url(/images/devback.png) no-repeat bottom right;
}




/*

#col_b1
{
	width:500;
	float:left;
}


*/

/*-------- About ---------*/

body.About .subnav, body.OurProcess .subnav
{

	border-right:1px solid #194347;
	background:#0d3438 url(/images/dropshadow2.png) repeat-x;
}



body.About .subnav ul li a, body.OurProcess .subnav ul li a
{
	color:#8ba3a5;
}


body.About .rightborder, body.OurProcess .rightborder
{
	background:#0d3438 url(/images/dropshadow2.png) repeat-x;
	border-left:1px solid #194347;
	margin-left:748px;
}

body.About .subnav ul, body.OurProcess .subnav ul
{
	border-top:1px solid #194347;
}

body.About .subnav ul li, body.OurProcess .subnav ul li
{
	background:url(/images/subnavback2.png) repeat-x;
	border-bottom:1px solid #194347;
}

body.About .subnav ul li.on a, body.OurProcess .subnav ul li.on a
{
	color:#f8f6a9;
}

body.About .subnav ul li.on, body.OurProcess .subnav ul li.on
{
	background:#0d3438 url(/images/aboutnavtileon.png) repeat-x;
}

body.About .content ul li a:hover, div.content ul li a:focus, body.OurProcess .content ul li a:hover
{
	
	background:#0d3438;
}

body.About .content ul li.on a:hover, div.content ul li.on a:focus, body.OurProcess .content ul li.on a:hover
{
	background:#0d3438;
}


body.About #aboutcompany, body.About #aboutemployees, body.About #aboutservices, body.About #aboutmethodology
{
	
	margin-left:30px;
	float:left;
	position:absolute;
}

body.OurProcess #aboutcompany, body.OurProcess #aboutemployees, body.OurProcess #aboutservices, body.OurProcess #aboutmethodology
{
	
	margin-left:30px;
	float:left;
	position:absolute;
}

body.About img.headerimage, body.OurProcess img.headerimage
{
	margin-left:0px;
}



body.About #content, body.Contact #content, body.OurProcess #content
{
	background-color:#082f33;
	background-image:url(/images/dropshadow2.png);
	background:#082f33 url(/images/dropshadow2.png) repeat-x;
}

body.About h1
{
	font-family: Times New Roman;
	font-size:22pt;
	font-weight: normal;
	padding: 20px 0px 0px 0px;
	color: #6aadb4;
}

body.About h2
{
	font-size:14pt;
	font-weight: normal;
	padding: 20px 0px 0px 0px;
	color: #6aadb4;
}


body.Contact h1
{
	font-family: Times New Roman;
	font-size:22pt;
	font-weight: normal;
	padding: 20px 0px 0px 50px;
	color: #6aadb4;
}

body.OurProcess h1
{
	font-family: Times New Roman;
	font-size:22pt;
	font-weight: normal;
	padding: 20px 0px 0px 0px;
	color: #6aadb4;
}

body.OurProcess h2
{
	font-size:14pt;
	font-weight: normal;
	padding: 20px 0px 0px 0px;
	color: #6aadb4;
}

.hide
{
	visibility:hidden;
	
}

.show
{
	visibility:visible;
}

.submit
{
	margin-top:20px;
	margin-left:322px;
}

body.About #aboutcompany p, body.About #aboutemployees p, body.About #aboutservices p, body.About #aboutmethodology p
{
	width:650px;
}

body.OurProcess #aboutcompany p, body.OurProcess #aboutemployees p, body.OurProcess #aboutservices p, body.OurProcess #aboutmethodology p
{
	width:650px;
}

body.About p, body.OurProcess p, body.OurProcess td
{
	color:#8ba3a5;
}

body.About .subcontent, body.OurProcess .subcontent
{
	float:left;
}

/*--------- Contact ------------*/

#contact
{
	float:left;
	width:675px;
	
}


body.Contact #content
{
	background-color:#082f33;
	height: 400px;
}

body.About #content
{
	height: 300px;
}

body.OurProcess #content
{
	height: 2425px;
}

body.Contact #content input, body.Contact #content textarea
{
	background:#0d3438;
	border:1px solid #194347;
	color:#8ba3a5;
	padding:3px;
	
	
}

body.Contact #content textarea
{
	overflow:auto;
	
	
}

textarea
{
	
	width:380px;
	height:210px;
}

body.Contact #content ul
{
	
	margin-right:20px;
	
	
}



body.Contact #content ul li
{

	
	width:170px;
}

body.Contact #content label
{
	color:#8ba3a5;
	font-size:12px;
	font-weight:bold;
}

body.Contact #content #contactinfo p span
{
	margin-left:30px;
	margin-top:65px;
	display:block;
    color:#8ba3a5;
}

body.Contact #content #contactform
{
	margin-left:50px;
	
}

#contact .headerimage
{
	margin-left:50px;
	margin-top:40px;
}


#contactform, #contactinfo, #notes
{
	margin-top:30px;
	float:left;
	
}

body.Contact .rightborder
{
	background:#0d3438 url(/images/dropshadow2.png) repeat-x;
	border-left:1px solid #194347;
	
	width:305px;
	
}




/*---------- footer ----------*/



.foot
{
	width:981px;
	height:452px;
	background:url(/images/bigfoot.png) no-repeat;
	float:left;
	padding-bottom:50px;
	padding-left:50px;
	padding-top:10px;
	
}

.footcolumn
{
	float:left;
	margin-top:30px;
	padding-left:12px;
	padding-right:00px;
	width:200px;
	
}

.footcolumn, .footcolumn a
{
	color:#6eadb3;
}

.footcolumn ul li:hover
{
	list-style-position:outside;
	list-style-image:url(/images/bullet.png);

}

.footcolumn ul
{
	padding-top:10px;
}


#address
{
	margin-top:30px;
	
}

#address, #phone
{
	width:175px;
	height:60px;
	margin-bottom:20px;

}

.btn_emailus
{
	margin-left:10px;
}

.addressinfo
{
	display:block;
	width:60px;
	height:75px;
}

#footcontactblock
{
	padding-left:60px;
}

.footcolumnheader
{
	margin-bottom:15px;
}

.foot ul 
{
	float:left;
	margin-top:3px;
}


.foot ul li
{
	height:21px;
	

}

.foot ul li img
{

}

.addressinfo
{
	float:left;
}

.footLink
{
	font-size: 16pt;
	font-family:Times New Roman;
	
}
/*--------- Portfolio -----------*/


body.Portfolio .content, body.Portfolio #content
{
	height:auto;
	float:left;
	
}

body.Portfolio h1
{
	font-family:Times New Roman;
	font-weight:normal;
	font-size:25pt;
	color:Maroon;
	padding-left:30px;
	padding-top:30px;
	
	
}



body.Portfolio a:hover
{
	border-bottom:1px dotted;
}

body.Portfolio h2
{
	font-size:18pt;
	padding-left:30px;
	font-weight:normal;
	position:relative;
	top:-30px;
	left:30px;
}

body.Portfolio p
{
	padding-top:10px;
}


body.Portfolio .s_content p
{
	padding-right:50px;
	padding-left:30px;
	padding-bottom:30px;
	margin-top:-10px;
}

body.Portfolio .subContent
{
	
	margin-left:42px;
	margin-right:42px;
	width:896px;
	
}



body.Portfolio .rightborder
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	height:100%;
	background:url('/images/s_margin.png') repeat-y right top;
		width:auto;
		float:left;
}

body.Portfolio .leftborder
{
	border-style: none;
	border-color: inherit;
	border-width: medium;
	height:100%;
	background:url('/images/s_margin.png') repeat-y left top;
		width:auto;
		float:left;
}

#dropright
{
	width:40px;
	height:100%;
	background:#eeeb9a url(/images/dropshadow3.png) repeat-x;
	border-left:1px solid #cac761;
	border-right:1px solid #cac761;
	margin-left:896px;
	float:left;
}

#dropleft
{
	width:40px;
	height:100%;
	background:#eeeb9a url(/images/dropshadow3.png) repeat-x;
	border-right:1px solid #cac761;
	border-left:1px solid #cac761;
	float:left;
}

#s_topleft
{
	float:left;
	width:400px;
	padding-left:20px;
}



.workimages
{
	margin-top:10px;
}

.s_content
{
	width:861px;
	background:url(/images/showcaseback.png) repeat-y;
	float:left;
	margin-top:0px;
	padding-top:0px;

}

.s_content a
{
	color:maroon;
}

.s_container
{
	float:left; 
} 

#s_vflex
{
	background-image:url(/images/vflex.png);
	height:372px;
	width:861px;
	
}

#s_iws
{
	background-image:url(/images/iws.png);
	height:372px;
	width:861px;
}

#s_sworks
{
	background-image:url(/images/sworks.png);
	height:372px;
	width:861px;
}

#s_bsplendor
{
	background-image:url(/images/bsplend.png);
	height:372px;
	width:861px;
}

.s_foot
{
	background-image:url(/images/showcasefoot-15.png);
	height:26px;
	width:861px;
	float:left;
}


.ShowcaseTitle
{
	font-size:14pt;
	font-weight: normal;
	padding: 15px 0px 0px 30px;
}




/*--------- End Portfolio -----------*/


/* ------------- DEFAULT PAGE ------------- */


#h_rightcol
{
	background:#eeeb9a url(/images/dropshadow3.png) repeat-x;
	border-left:1px solid #cac761;
	height:95%;
	width:310px;
	padding-top:30px;
	float:left;
}

h1.h_head
{
	padding:0px;
}


/* -- foot -- */

#footcontactblock a:hover
{
	border-bottom:0px;
}