* { margin:0; padding:0; }
body {
	font: 62.5%/160% Verdana, Geneva, sans-serif; 
	text-align: left;
	color: #444;
	padding: 0;
	margin: 0;
	background-color:#282828;
	background-image:url(../img/bgX.jpg);
	background-position:top left;
	background-repeat:repeat;
	voice-family:female; 
}
.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }
.clearfix { 
	min-height: 1px; 
	height: auto !important; 
	height: 1px; 
}

h1, h2, h3, h4, h5, h6 { font-size: 100%; }
ol, ul { list-style: none; }
fieldset, img { border: 0; }
blockquote, body, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, html, img, input, label, legend, li, ol, p, pre, th, td, ul { padding: 0; margin: 0; }
textarea, input { font: 100%/160% arial, sans-serif; color:#000; resize: none; /*Safari disable resize*/ }

a { color: #000; text-decoration: none; outline:none; font-family: Verdana, Geneva, sans-serif; }
a:hover { color: #000; text-decoration: none; -moz-user-focus:none; }
a.more { display:block; color:#e2b20d; margin-bottom:10px; }

.hid { display: none; }
.vhid { visibility:hidden; }
.nobg { background:none !important; }
.floatrgt { float: right; }
.floatleft { float: left; }
.pointer { cursor: pointer; }

/*Site CSS*/
.mainWrapper {
	position:relative;
	margin: 10px auto;
	width:100%; height:100%;
	background:#262626;
	border-bottom:1px solid #2d2d2d;
	border-top:1px solid #2d2d2d;
}

.banner{ margin:0 auto 26px; width:800px; }
.banner .logo { float:left; }
.banner .nav { float: right; /*background-color:red;*/ }

h1 { border-bottom:1px solid #2d2d2d; margin-bottom:5px; }

/*** ESSENTIAL STYLES ***/
#menu, #menu * { margin: 0; padding: 0; list-style: none; }
#menu {	line-height: 15px; width:400px; }
#menu ul { position: absolute; top: -999em; width: 140px; padding:4px; background-color:#000; opacity:0.65; filter:alpha(opacity=65); }
#menu ul li { width: 100%; margin-bottom:3px; }
#menu li:hover { visibility: inherit; }
#menu li { float: left; position: relative; font-size:12px; }
#menu li li { font-size:10px; color:#fff; }
#menu a { display: block; color:#fff; position: relative; }
#menu li:hover ul, #menu li.sfHover ul { left: 0; top:30px; /* match top ul list item height */ z-index: 99; }
ul#menu li:hover li ul, ul#menu li.sfHover li ul { top: -999em; }
ul#menu li li:hover ul, ul#menu li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }
ul#menu li li:hover li ul, ul#menu li li.sfHover li ul { top: -999em; }
ul#menu li li li:hover ul, ul#menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0; }

/*** DEMO SKIN ***/
.nav { float: left; margin-bottom: 1em; }
.nav a { padding: .75em 1em; text-decoration:none; }
.nav a, .nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color: #fff;
}
.nav li { background: transparent; width: 100px; margin:0 3px 0 0; }
.nav li a { height: 40px; line-height:40px; }
.nav li li { background: #000; }
.nav li li a { height:auto; line-height:normal; }
.nav li li li { background: #000; }
.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active { color: #E2B20D; outline: 0; }
/*end*/

.bottomContainer{
	margin:0 auto 10px auto;
	width:678px;
	padding:23px 11px;
	background:#191716;
}

.colums { }
.colums .profolio_col { float:left; width:345px; margin-right:50px; } 
.colums .ourvision_col, .colums .links_col, .colums .samples_col { float:left; width:270px; margin:0; }
.colums .ourvision_col p, .colums .links_col p, .colums .samples_col p { margin-bottom:10px; }
.colums .ourvision_col p { color:#ddd; }
.colums .links_col a, .colums .samples_col a { color:#e2B20D; }
.colums .samples_col a { display:block; margin-bottom:10px; }

.scroll-pane { width: 345px; overflow: auto; }
/*#portfolio_pane { height:150px; }*/

.portfolio_sm{ height:255px; }
.portfolio_sm a { display:block; }
.portfolio_sm img { float:left; width:100px; border:1px solid #ccc; margin:0 5px 5px 0; }

.footer{
	width:690px;
	margin:0 auto;
	/*border-top:1px solid #2d2d2d; */
	padding:5px 0; 
}
.footer p.copy a{ color:#444; }
.footer a{ color:#666; }