body
{
	background: black;
	font-family: Helvetica, Arial, sans-serif;
}

p,li
{
	color: #666;
	font-size: 80%;
/*	letter-spacing: 1px;*/
	line-height: 110%;
	word-spacing: 1px;	
}
p,ul
{
	padding-bottom: 1em;
}

li
{
/*	margin-left: 1em;*/
/*	list-style: disc;*/
}

h1, h2, h3, h4
{
	font-weight: lighter;
}

h1
{
	font-size: 160%;
}
h2
{
	font-size: 120%;
}
a
{
	text-decoration: none;
}
textarea 
{
	overflow: auto;
}


/* ---------------------- Framework ---------------- */

.wrapper
{
	width: 1048px;
	margin:  0 auto;
	overflow: hidden;
}

#header
{
	background: black url('images/bg-repeat.jpg') repeat-x;
}

#upperBody
{
	background: #ded8cb url('images/middle-bg.jpg') repeat-y scroll;
}

#lowerBody
{
	background: black url('images/lower-bg-repeat.jpg') repeat-x scroll;
}

#footer
{
	background: black url('images/footer-bg-repeat.jpg') scroll repeat-x;
}



#header .wrapper
{
	background: black url('images/header-bg.jpg') no-repeat scroll;
	height: 391px;
}

#upperBody .wrapper
{
	background: #ded8cb url('images/middle-bg.jpg') no-repeat scroll;
}

#lowerBody .wrapper
{
	background: black url('images/lower-bg.jpg') no-repeat scroll;
}

#extraWhiteStrip
{
	background: #ded8cb url('images/middle-bg.jpg') no-repeat scroll;
	height: 20px;
}

#footer .wrapper
{
	background: black url('images/footer-bg.jpg') no-repeat scroll;
/*	height: 78px;*/
}

#footer .socialMedia
{
/*	margin-left: 30px;*/
	margin-bottom: 10px;
/*	margin-top: 10px;*/
}

/* ------------ menu ----------- */

#topHeader
{
	overflow: hidden;
}

#logo
{
/*	border: 1px solid red;*/
	width: 400px;
	height: 105px;
	float: left;
}
#logo img
{
	margin-top: 16px;
	margin-left: 29px;
}


#menu ul
{
	margin-top: 52px;
}
#menu ul li
{
	float: left;
	height: 49px;
/*	border: 1px solid green;*/
}
#menu ul li a
{
	display: block;
	height: 49px;
/*	border: 1px solid red;*/
}
#menu ul li a span
{
	display: none;
	height: 49px;
}

#menu ul li.home a
{
	width: 92px;
	background:  transparent url('images/home.png');
}
#menu ul li.services a
{
	width: 127px;
	background:  transparent url('images/what-we-do.png');
}
#menu ul li.about a
{
	width: 130px;
	background:  transparent url('images/who-we-are.png');
}
#menu ul li.portfolio a
{
	width: 107px;
	background:  transparent url('images/our-work.png');
}
#menu ul li.blog a
{
	width: 58px;
	background:  transparent url('images/blog.png');
}
#menu ul li.contact a
{
	width: 108px;
	background:  transparent url('images/contact-us.png');
}

/* Menu hover */
#menu ul li a:hover,
#menu ul li.selected a
{
	background-position: 0 -49px;
}


/* Menu DD */



#servicesDD
/*#productDD a*/
{
	padding-top: 10px;
	z-index: 9999;
	width: 130px;
	background: transparent url('images/trans-75.png') repeat scroll !important;
	position: absolute;
}

#servicesDD a
{
	color: #FFF;
/*	font-weight: bold;*/
	text-align: center;
	height: 1em !important;
	margin-bottom: 10px !important;
	padding-bottom: 10px !important;
	background: none !important;
/*	padding-bottom: 10px;*/
}
#servicesDD a.yellow
{
	border-bottom: 3px solid #ffe019;
}
#servicesDD a.yellow:hover
{
	color:  #ffe019;;
}
#servicesDD a.green
{
	border-bottom: 3px solid #b9d835;
}
#servicesDD a.orange
{
	border-bottom: 3px solid #fd6b00;
}
#servicesDD a.orange:hover
{
	color: #fd6b00;
}
#servicesDD a.blue
{
	border-bottom: 3px solid #1f8b71;
}
#servicesDD a.blue:hover
{
	color: #1f8b71;
}
#servicesDD a.pink
{
	border-bottom: 3px solid #f72d62;
}
#servicesDD a.pink:hover
{
	color: #f72d62;
}
#servicesDD a.first
{
	margin-top: 10px;
}
#servicesDD a.last
{
	height: 1em !important;
	margin-bottom: 0;
}
#servicesDD a:hover
{
	background: transparent !important;
}






/* -------------  frames and arrows -------------- */

#arrows .left,
#arrows .right
{
	position: relative;
	top: 135px;	
}
#arrows .left
{
	left: 38px;
}
#arrows .right
{
	left: 888px;
}


#threePics
{
	position: absolute;
	top: 160px;
}

#threePics a
{
  float: left;
	top: 1px;
	display: block;
/*	display: inline-block;*/

/*	border: 1px solid red;*/
}
#threePics a.left
{
	margin-left: 60px;
	width: 272px;
	height: 210px;
	margin-right: 20px;
}
#threePics a.mid
{
	width: 335px;
	height: 220px;
	margin-right: 19px;
}
#threePics a.right
{
	width: 272px;
	height: 210px;
}
#threePics a span
{
	display: none;
}




.padTop
{
	padding-top: 10px;
}
.serviceList .padTop
{
	padding-top: 20px;
}
.noMargin
{
	margin: 0 !important;
}
.clear
{
	clear: both;
}