html, body, ul, ol, h1, h2, h3, h4, h5, h6, p{ 
margin: 0;
padding: 0;
background: #039da0 url(../images/main-bg.gif);
font-family: Arial, Helvetica, san-serif;
}

#container{
margin: 0;
padding: 0;
background: #039da0 url(../images/main-bg.gif) repeat;
}

#page{
margin: 20px auto;
padding: 0;
width: 980px;
background: #039da0 url(../images/main-bg.gif) repeat;
}

/* HEADER */

#header{
width: 980px;
height: 90px;
}

#header h1{
width: 331px;
height: 64px;
background-image: url(../images/acs-logo.gif);
background-repeat: no-repeat;
background-position: top left;
background-color: transparent;
text-indent: -9999px;
}

#header .logo{
position: absolute;
z-index: 999;
border: 0;
}

/* SHOWCASE */

#showcase{
width: 980px;
height: 382px;
background: #55bdbf url(../images/main-bg-light.gif) repeat;
}

.cell{
width: 212px;
height: 292px;
color: #fff;
background: #373737 url(../images/stripe-bg.gif) repeat;
border-top: 1px solid #9b9b9b;
border-right: 1px solid #2f2f2f;
border-bottom: 1px solid #131313;
float: left;
margin: 60px 24px 0 0;
}

.first{
margin-left: 26px;
}

.title{
color: #f1f1f1;
font-size: 20px;
margin: 120px 22px 18px 22px;
}

.description{
margin: 0 22px;
font-size: 14px;
font-weight: bold;
line-height: 18px;

}

.plus{
float: right;
margin: 26px 20px 20px 0;
display: none;
}

.clock{
position: absolute;
z-index: 10;
margin: -50px 0 0 24px;
}

.paint{
position: absolute;
z-index: 10;
margin: -49px 0 0 21px;
}

.dice{
position: absolute;
z-index: 10;
margin: -52px 0 0 25px;
}

.speech{
position: absolute;
z-index: 10;
margin: -60px 0 0 60px;
}



/* NAVIGATION */
.nav-container{

height:49px;
margin:0 auto;
background: #282828 url(../images/nav-bg.gif) repeat-x;		
}

.nav{
	background: #282828 url(../images/nav-bg.gif) repeat-x;
	height:49px;
}
.nav ul{
	list-style:none;
	margin:0 0 0 18px;
}
.nav li{
	float:left;
	list-style:none;
	margin: 0;
}
.nav li a{
	float:left;
	display:block;
	color:#f1f1f1;
	text-decoration:none;
	font:16px Arial, sans-serif;
	font-weight: bold;
	padding:0 0 0 10px;
	height:49px;
	line-height:48px;
	text-align:center;
	cursor:pointer;	
	margin: 0 10px;
}
.nav li a span{
	float:left;
	display:block;
	padding:0 10px 0 0;
}
.nav li.current a{
	color:#fff;
	background: url(../images/nav-left.gif) no-repeat left 9px;
}
.nav li.current a span{
	color:#fff;
	background: url(../images/nav-right.gif) no-repeat right 9px;
}
.nav li a:hover{
	color:#fff;
	background: url(../images/nav-left-hover.gif) no-repeat left 9px;
}
.nav li a:hover span{
	color:#fff;
	background: url(../images/nav-right-hover.gif) no-repeat right 9px;
}

/* CONTENT */

.wrapper{
width: 980px;
background: #fff url(../images/wrapper-bg.gif) repeat-y;
margin: 0;
padding: 0;
}

#content{
width: 660px;
padding: 26px;
color: #555;
float: left;
}

#content h1{
color: #3f3f3f;
background: #fff;
padding: 0 0 14px 0;
}

#content h2{
color: #07a4a7;
background: #fff;
padding: 14px 0 0 0;
}


#content h3{
color: #07a4a7;
font-size: 18px;
font-weight: bold;
padding: 14px 0 0 0;
}

#content h4{
color: #07a4a7;
background: #fff;
padding: 14px 0 0 0;
}

#content h5{
color: #07a4a7;
background: #fff;
padding: 14px 0 0 0;
}

#content h6{
color: #07a4a7;
background: #fff;
padding: 14px 0 0 0;
}

#content ul{
	list-style-type: disc;
	margin: 10px 0 10px 18px;
        background: #fff;
}
#content li{
	list-style-type: disc;
	margin: 0;
        background: #fff;
}
#content li a{
	
}

#content p{
background: #fff;
line-height: 24px;
padding: 0 0 24px 0;
}

#content a:link {text-decoration: none; color: #3f3f3f; font-weight: bold;}
#content a:visited {text-decoration: none; color: #3f3f3f; font-weight: bold;}
#content a:active {text-decoration: none; color: #3f3f3f; font-weight: bold;}
#content a:hover {text-decoration: underline; color: #07a4a7; font-weight: bold;}

/* SIDEBAR */
#sidebar{
width: 266px;
height: 100px;
background: #caf2ec url(../images/sidebar-bg.gif) bottom left repeat-x;
border-left: 1px solid #aacbc6;
float: right;
min-height: 400px;
}

#tools { 
width: 266px; 
}

#tools ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
}

#tools a
{
display: block;
padding: 22px 0 22px 70px;
width: 196px;
background-color: #caf2ec;
border-top: 1px solid #defaf6;
border-bottom: 1px solid #b3dbd5;
color: #373737;
font-weight: bold;
font-size: 18px;
}

#tools a:link, #social-media a:visited
{
color: #373737;
text-decoration: none;
}

#tools a:hover
{
background-color: #d8fff9;
color: #373737;
}


li a#tools, li a#mail{
background-image: url(../images/mail-icon.gif);
background-repeat: no-repeat;
background-position: 5% 52%;
}

li a#tools, li a#linkedin{
background-image: url(../images/linkedin-icon.gif);
background-repeat: no-repeat;
background-position: 5% 52%;
}


/* FOOTER */


#footer{
width: 964px;
background: #373737 url(../images/stripe-bg.gif) repeat;
display: block;
text-align: right;
font-size: 12px;
color: #a4a1a1;
padding: 8px;
}


/* MISC */
.line{
display: block;
border-top: 4px solid #c0ccca;
}

.clear{
clear: both;
}


.left{
float: left; 
margin: 0 8px 8px 0;
}

.right{
float: right; 
margin: 0 0 8px 8px;
}