/*
**
** Global Layout
**
*/

html, body
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	font-family: "Trebuchet MS", Tahoma, Helvetica, Sans-Serif;
	font-size: 96%;
	line-height: 20px;
	background-color: #ececec;
}

div#container
{
	position: relative;
	width:100%;
	height:auto !important;
	height:100%;
	min-height:100%;
	margin:0 auto;
	
	background-image: url('../images/back_content.png');
	background-position: center center;
	background-repeat: repeat-y;
}

div#header
{
	width: 100%;
	height: 60px;
	padding-top: 0px;
	margin-bottom: 0px;
	background-color: #ececec;
}

div#header-content
{
	width: 881px;
	height: 60px;
	margin-left: auto;
	margin-right: auto;
	
	background-image: url('../images/back_header.png');
	background-position: bottom center;
	background-repeat: no-repeat;
}

div#body 
{
	width: 830px;
	height: auto;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

div#logo
{
	width: 830px;
	height: 70px;
	
	background-image: url('../images/logo_dja.png');
	background-position: left center;
	background-repeat: no-repeat;
}

/*
**
** Menu
**
*/

div#menu
{
	width: 830px;
	height: 27px;
	margin-top: 20px;

	background-image: url('../images/back_menu.png');
}

div#menu a
{
	width: 100px;
	height: 27px;
	float: right;
	cursor: default;

	background-image: url('../images/back_menuoff.png');
}

div#menu a:hover
{
	width: 100px;
	height: 27px;
	float: right;
	cursor: pointer;

	background-image: url('../images/back_menuon.png');
}

div#menu a span
{
    display: block;
	width: 100px;
	height: 27px;
	
	background-position: center center;
	background-repeat: no-repeat;
}

div#menu a span#home { background-image: url('../images/menu_home.png'); }
div#menu a span#software { background-image: url('../images/menu_software.png'); }
div#menu a span#web { background-image: url('../images/menu_web.png'); }
div#menu a span#client { background-image: url('../images/menu_client.png'); }
div#menu a span#contact { background-image: url('../images/menu_contact.png'); }

/*
**
** Content
**
*/

div#content
{
	width: 830px;
	margin-left: auto;
	margin-right: auto;
	font-size: 0.9em;
	color: #5f5f5f;
}

div#content div#bodytext
{
	width: 580px;
	margin-left: 10px;
	float: left;
	text-align: justify;
}

div#content div#bodyside
{
	width: 200px;
	margin-right: 10px;
	float: right;
}

div#bodytext > a,
div#bodytext p > a,
div.news > a,
div.news > strong > a
{
	border-bottom: dotted 1px #afafaf;
}

div#bodytext > a:hover,
div#bodytext p > a:hover,
div.news > a:hover,
div.news > strong > a:hover
{
	text-decoration: none;
	border-bottom: dotted 1px #5f5f5f;
}

div.link
{
	text-decoration: none;
	color: inherit;
}

div.link:hover
{
	text-decoration: underline;
	color: #5f5f5f;
	cursor: pointer;
}

/*
**
** Footer
**
*/

div#pre-footer
{
	clear: both;
	height: 0px;
	padding-top: 10px;
	padding-bottom: 70px;
}

div#footer
{
	position: absolute;
	width: 100%;
	height: 70px;
	bottom: 0px;
}

#footer div#footer-content
{
	width: 911px;
	height: 60px;
	padding-top: 5px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;

	background-color: #ececec;
	background-image: url('../images/back_footer.png');
	background-position: top center;
	background-repeat: no-repeat;
}

#footer-content div#site-links
{
	clear: both;
	width: 910px;
	margin-top: 35px;
	font-size: 0.8em;
	color: #898989;
	text-align: center;
}

div#site-links a { text-decoration: none; color: #898989; }
div#site-links a:hover { text-decoration: underline; color: #5f5f5f; }

/*
**
** Standard Styles
**
*/

a { text-decoration: none; color: inherit; }
a:hover { text-decoration: underline; color: #5f5f5f; }
img { border: none; }
form { margin: 0px; }
span.small { font-size: 0.8em; }
span.dark { color: #5f5f5f; }
span.required { color: #1456a0; }
span.more { font-size: 0.8em; color: #1456a0; border-bottom: dotted 1px #afafaf; }
span.more:hover { font-size: 0.8em; color: #1456a0; border-bottom: dotted 1px #5f5f5f; cursor: pointer; }

.padding-top { padding-top: 12px; }
.float-left { float: left !important; }
.float-right { float: right !important; }
.clear { clear: both; height: 0px; }

ul
{
	clear: both;
	margin: 0em 0em;
	margin-left: 10px;
	padding: 0em 0em;
	text-align: left;
	list-style:none;
	margin-bottom:0px	
}

li
{
	padding-left: 15px;
	background: url('../images/bullet_square.png') no-repeat 0 50%;
}

h1 
{
	font-family: "Tw Cen MT", Tahoma, Helvetica, Sans-Serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #1456a0;
	margin-bottom: 0px;
}

h2
{
	font-family: "Tw Cen MT", Tahoma, Helvetica, Sans-Serif;
	font-size: 1.2em;
	font-weight: normal;
	color: #1456a0;
	margin-bottom: 0px;
	font-variant: small-caps;
}

td.buttons
{
	text-align: right;
	font-size: 8pt;
	font-family: "Trebuchet MS", Tahoma, Helvetica, Sans-Serif;
}

td.buttons > div
{
	height: 16px;
	line-height: normal;
	float: right;
	color: inherit;
	border-bottom: dotted 1px #afafaf;
	margin-left: 6px;
}

td.buttons > div:hover
{
	cursor: pointer;
	color: #1456a0;
	border-bottom: dotted 1px #5f5f5f;
}

/*
**
** Messages
**
*/

div.message-error
{
	width: 85%;
	padding: 8px;
	margin: 16px auto 16px auto;
	text-align: center;
	line-height: normal;

	background-color: #ffeeee;
	border: solid 1px #ffbbbb;
}

/*
**
** Bookmarks
**
*/

div.bookmarks
{
	width: 553px;
	height: 24px;
	padding: 4px 22px 4px 5px;
	margin-top: 10px;
	
	background-image: url('../images/back_bookmarks.png');
}

div.bookmarks > a,
div.bookmarks > img
{
	display: block;
	float: left;
	margin-right: 1px;
}

/*
**
** Side Bar
**
*/

div#newssummary
{
	font-size: 0.8em;
	line-height: normal;
	color: #afafaf;
}

div.imglink
{
	height: 24px;
	padding-left: 30px;
	line-height: 24px;
	font-size: 0.8em;
	color: #afafaf;
	
	background-position: left center;
	background-repeat: no-repeat;
}

div.imglink:hover
{
	cursor: pointer;
	color: #5f5f5f;
	text-decoration: underline;
}

#bodyside > div.text
{
	line-height: normal;
	font-size: 0.8em;
	color: #afafaf;
}

div#bodyside ul
{
	clear: both;
	line-height: 1.7em;
	margin: 0em 0em;
	padding: 0em 0em;
	text-align: left;
	font-size: 0.8em;
	list-style:none;
	margin-bottom:0px	
}

div#bodyside li
{
	padding-left: 15px;
	background: url('../images/bullet_square.png') no-repeat 0 50%;
	color: #afafaf;
}

/*
**
** Recent
**
*/

div.recentwork
{
	width: 580px;
	height: 18px;
	padding-top: 97px;
	margin-top: 10px;

	font-size: 0.8em;
	color: #afafaf;
	
	background-position: center top;
	background-repeat: no-repeat;
}

div.recentwork:hover
{
	cursor: pointer;
	color: #5f5f5f;
	text-decoration: underline;	
}

/*
**
** Testimonials
**
*/

div.testimonial
{
	font-style: italic;
	font-size: 0.8em;
	line-height: normal;
	text-align: justify;
	color: #afafaf;
}

div.testimonial div.client
{
	font-style: normal;
	color: #5f5f5f;
	text-align: right;
}

div.testimonial div.client a
{
	color: inherit;
	border-bottom: dotted 1px #afafaf;
}

div.testimonial div.client a:hover
{
	border-bottom: dotted 1px #5f5f5f;
	text-decoration: none;
}

/*
**
** News
**
*/

div.news { margin-top: 10px; }
div.news > strong { font-weight: bold; }

/*
**
** Client
**
*/

table#login-table
{
	font-size: 0.8em;
	color: #afafaf;
	margin-left: 0px;
	border-collapse: collapse;
	line-height: normal;
}

table#login-table td.title
{
	width: 60px;
}

table#login-table input
{
	width: 130px;
	display: block;
	font-size: 8pt;
	font-family: "Trebuchet MS", Tahoma, Helvetica, Sans-Serif;
	border: solid 1px #afafaf;
	padding: 2px;
	background-color: #ffffff;	
}

form#forgotten-form input
{
	width: 210px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	display: block;
	font-size: 8pt;
	font-family: "Trebuchet MS", Tahoma, Helvetica, Sans-Serif;
	border: solid 1px #afafaf;
	padding: 2px;
	background-color: #ffffff;	
}

table#credentials-table
{
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

/*
**
** Contact
**
*/

div.contact-detail
{
	font-size: 0.8em;
	color: #afafaf;
	line-height: normal;	
}

table#contact-table
{
	width: 95%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}

table#contact-table td.title
{
	width: 120px;
	vertical-align: text-top;
	font-size: 0.9em;
	font-weight: bold;
}

table#contact-table input,
table#contact-table textarea
{
	width: 410px;
	margin-left: auto;
	display: block;
	font-size: 8pt;
	font-family: "Trebuchet MS", Tahoma, Helvetica, Sans-Serif;
	border: solid 1px #afafaf;
	padding: 2px;
	background-color: #ffffff;	
}

/*
**
** Under Construction
**
*/

div#under-construction
{
	width: 400px;
	height: 46px;
	padding-top: 154px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: auto;
	
	text-align: center;

	background-image: url('../images/under_construction.png');
	background-position: center top;
	background-repeat: no-repeat;
}