/* ------------------------------ */
/* main setup */


*
{
margin: 0;
padding: 0;
}



body, html
{
    text-align: left;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    background: #fff;

}

.offScreen 
{
	position: absolute;
	left: -5000px;
	padding: 0;
	margin: 0;
}

.clear
{
clear: both;
}

#frame 
{
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	background: #08aeb0 url("/a/img/welcome/strap.gif") 28px 60px no-repeat;


}

h1
{
	width: 102px;
	height: 26px;
	float: left;
	background: url("/a/img/welcome/logo.gif") 0 0 no-repeat;
	margin: 0 0 0 18px;
	_margin: 0 0 0 10px;

}

h1 a
{
	width: 102px;
	height: 26px;
	display: block;
}

#contentArea
{
	height: 543px;
	padding: 30px 0 0 10px;
	width: 900px;
}



#content
{
	float: left;
	margin: 160px 0 0 15px;
	width: 512px;
}

#news
{
	height: 30px;
	background: url("/a/img/welcome/dot.gif") 0 -2px;
	font-size: .8em;
	
}

#news #newsMask
{
width: 800px;
height: 30px;
margin-left: 25px;
}

#news #newsMask .bullet
{
	background: url("/a/img/workingWith/bullet.gif") 0 1px;
height: 10px;
}

#news .title
{
font-weight: bold;
margin-left: 100px;
}

.firstSpacer
{
margin-left: 700px;
}

#content p, #content li {
font-size: .8em;
margin: 0 0 16px 0;

}

a
{
  outline: none;
}

#content a {
color: #000;
}

#content ul
{
margin-left: 15px;
}

.getInTouch
{
margin-top: 47px;
}

#content img
{
float: left;
margin: 0 30px 250px 0;
}

h2
{
font-size: .9em;
margin-bottom: 16px;
}

/* ------------------------------ */
/* navigation */


ul#topNavigation
{
float: left;
margin: 8px 0 0 147px;

}

ul#topNavigation li,
ul#topNavigation li a
{
float: left;
display: block;
height: 20px;
}

ul#topNavigation li#whoAre,
ul#topNavigation li#whoAre a 
{
	width: 130px;
	background: url("/a/img/welcome/whoAreWriters.gif") no-repeat 0 0;
}

ul#topNavigation li#whoAre a:hover,
ul#topNavigation li#whoAre .current
{
	width: 130px;
	background: url("/a/img/welcome/whoAreWriters.gif") no-repeat 0 -19px;
}

ul#topNavigation li#workingWith,
ul#topNavigation li#workingWith a 
{
	width: 163px;
	background: url("/a/img/welcome/workingWithWriters.gif") no-repeat 0 0;
}

ul#topNavigation li#workingWith a:hover,
ul#topNavigation li#workingWith .current
{
	width: 163px;
	background: url("/a/img/welcome/workingWithWriters.gif") no-repeat 0 -19px;
}

ul#topNavigation li#writersWork,
ul#topNavigation li#writersWork a 
{
	width: 123px;
	background: url("/a/img/welcome/writersWork.gif") no-repeat 0 0;
}

ul#topNavigation li#writersWork a:hover,
ul#topNavigation li#writersWork .current
{
	width: 123px;
	background: url("/a/img/welcome/writersWork.gif") no-repeat 0 -19px;
}

ul#topNavigation li#contactWriters,
ul#topNavigation li#contactWriters a 
{
	width: 121px;
	background: url("/a/img/welcome/contactWriters.gif") no-repeat 0 0;
}

ul#topNavigation li#contactWriters a:hover,
ul#topNavigation li#contactWriters .current
{
	width: 121px;
	background: url("/a/img/welcome/contactWriters.gif") no-repeat 0 -19px;
}

ul#sideNavigation
{
margin: 160px 75px 0 0;
float: left;
}

ul#sideNavigation li,
ul#sideNavigation li a
{
display: block;
height: 27px;
width: 190px;
}

ul#sideNavigation li#copywriting,
ul#sideNavigation li#copywriting a 
{
	background: url("/a/img/welcome/copywriting.gif") no-repeat 0 0;
}

ul#sideNavigation li#copywriting a:hover
{
	background: url("/a/img/welcome/copywriting.gif") no-repeat -190px 0;
}

ul#sideNavigation li#copywriting .current
{
	background: url("/a/img/welcome/copywritingDown.gif") no-repeat 0 0;
}

ul#sideNavigation li#consultancy,
ul#sideNavigation li#consultancy a 
{
	background: url("/a/img/welcome/consultancy.gif") no-repeat 0 0;
}

ul#sideNavigation li#consultancy a:hover
{
	background: url("/a/img/welcome/consultancy.gif") no-repeat -190px 0;
}

ul#sideNavigation li#consultancy .current
{
	background: url("/a/img/welcome/consultancyDown.gif") no-repeat 0 0;
}

ul#sideNavigation li#training,
ul#sideNavigation li#training a 
{
	background: url("/a/img/welcome/training.gif") no-repeat 0 0;
}

ul#sideNavigation li#training a:hover
{
	background: url("/a/img/welcome/training.gif") no-repeat -190px 0;
}

ul#sideNavigation li#training .current
{
	background: url("/a/img/welcome/trainingDown.gif") no-repeat 0 0;
}

ul#sideNavigation li#managedService,
ul#sideNavigation li#managedService a 
{
	background: url("/a/img/welcome/managedService.gif") no-repeat 0 0;
}

ul#sideNavigation li#managedService a:hover
{
	background: url("/a/img/welcome/managedService.gif") no-repeat -190px 0;
}

ul#sideNavigation li#managedService .current
{
	background: url("/a/img/welcome/managedServiceDown.gif") no-repeat 0 0;
}





p.main
{
	background: url("/a/img/welcome/main.gif") 0 0 no-repeat;
	width: 507px;
	height: 105px;
	margin: 1px 0 20px 0 !important;

}

#flashContent

{
width: 770px;
height: 573px;

}

#flashContent object {

margin-top: -18px;

#flashContent>object {

margin-top: -18px;

}


