*{margin:0;padding:0;text-shadow:#000 0 0 0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
a img{border:none;}
h1,h2,h5{text-transform:uppercase;}
h1{font-size:150%;}
h2{font-size:110%;}
h3{font-size:115%;}
h4{font-size:100%;font-weight:normal;}
h5{font-size:150%;}


body {
font-size:75%;
line-height:160%;
font-weight:normal;
background:url(../images/fadeStripe.jpg) repeat-x #585858;
font-family:arial, sans-serif;
text-shadow: #000 0 0 0;
}
#dropShadow{
width:740px;
margin:0 auto;
background:url(../images/dropShadow.png) repeat-y !important;
background:none;
}
#wrap{
color:#cccccc;
margin:0 auto;
width:720px;
background:#454545;
padding-bottom:50px;
}

#header{
width:720px;
height:190px;
}

/*--------------NAVIGATION------------------- */
#navContainer {width: 720px;height: 24px;}
ul#nav {
	position: relative;
	top:0;left:0;
	width:349px;
	margin: 0;
	height: 24px;
	list-style-type: none;
	overflow:hidden;
	display:block;
	margin-left:30px;
}

ul#nav li a {
position: absolute;
top: 0;
text-indent: -9000px;
text-decoration: none;
padding: 24px 0 0 0;
overflow: hidden;
height: 0px !important; 
height /**/:24px; /* IE5/Win */
background: url("../images/menu.gif") no-repeat;
}
/*Navigation background*/
body#home ul#nav  { background: url("../images/menu.gif") no-repeat 0 0; }
body#ourservices ul#nav { background: transparent url("../images/menu.gif") no-repeat 0 -24px; }
body#ourportfolio ul#nav  { background: transparent url("../images/menu.gif") no-repeat 0 -48px; }
body#contactus ul#nav  { background: transparent url("../images/menu.gif") no-repeat 0 -72px; }

/*Button sizes and position*/
#nav li#menu-home a		{ width: 57px; left: 0;}
#nav li#menu-ourservices a	{ width:113px; left: 57px;}
#nav li#menu-ourwork a		{ width:91px; left: 170px;}
#nav li#menu-contactus a	{ width:88px;left: 261px;}

/*Button hover effects*/
#nav li#menu-home a:hover			{ background-position: 0 -96px; }
#nav li#menu-ourservices a:hover	{ background-position: -57px -96px; }
#nav li#menu-ourwork a:hover		{ background-position: -170px -96px; }
#nav li#menu-contactus a:hover		{ background-position: -261px -96px; }


/* ----------------CONTENT----------------------*/
#content{
width:660px;
margin:0 auto;
padding:0 30px;
}

/* ----------------FEATURE----------------------*/
#feature{
background:url("../images/top.gif") top no-repeat;
width:660px;
margin:15px 0 30px 0;
background-color:#323232;
padding-top:14px;
}

	#feature div.image{
	float:left;
	width:200px;
	text-align:center;
	padding:4px 0 10px 0;
	}
	#feature div.text{
	width:420px;
	float:left;
	margin: 0 0 20px 10PX;
	}
	#feature h2{padding:0 0 10px 15px;}
	#feature h3{padding:0;}
	#feature p{padding-top:10px;}
	#feature .links{font-size:90%;}
	#feature .rounded{float:left;clear:both;height:5px;}
	#feature .links a{background:none;padding:0;}

/*-------------SIDEBAR--------------------*/

#sidebar ul{
font-size:85%;
line-height:120%;
background:url("../images/dot.gif") top repeat-x;
margin-top:8px;
padding-top:1px;
cursor:pointer;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#sidebar li{background:url("../images/dot.gif") bottom repeat-x #454545;}


#sidebar li a {
color:#ccc;
display:block;
padding:0px 0pt 0px 10px;
text-decoration:none;
}


/*------------sidebar.slim------------------*/
#sidebar.slim{
width:140px;
float:left;
}

#sidebar li{padding:5px 0;}

#sidebar.slim p{
font-size:90%;
line-height:150%;
padding-bottom:5px;
margin-bottom:5px;
}

/*-----------sidebar.wide------------------*/
#sidebar.wide{
width:200px;
float:left;
}
#sidebar.wide ul,
#sidebar.wide li{width:200px;}
#sidebar.wide h4{
background:url("../images/arrow.gif") 1px 12px no-repeat;
padding:8px 0 1px 9px;
text-transform:uppercase;
float:left;
}


/* ----------------COLUMNS----------------------*/
#column p{margin:0 0 10px 0;padding:0 0 0 3px}

/*----------------column.slim----------------------*/
#column.slim{
line-height:175%;
width:405px;
float:right;
}

/*----------------column.wide----------------------*/
#column.wide{
line-height:175%;
width:480px;
float:right;
}
/*----------------column-full----------------------*/
#column.full{
line-height:175%;
width:100%;
}


/* ----------------FOOTER----------------------*/
#footer{
font-size:90%;
width:720px;
height:20px;
background:none;
margin:0 auto;
color:#999;
}
#footer p{padding:0 0 20px 30px;}

/* ----------------GENERAL CLASSES----------------------*/
.y{color:#ccc;}
.strike{text-decoration:line-through;}

	/*-----------------CLEARFIX---------------------------*/
	.clearfix:after {
	    content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}

	.clearfix {display: inline-block;}

	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */