/* Layout Style Sheet :: DesignLab */
/* Author :: Alex Stanhope for DesignLab */
/* Copyright :: The Author, All rights reserved */

/* Set height for the benefit of FireFox etc. */

html {
	height: 100%;
}


body {
	background: #adacaf url(../images/layout/bg_top.jpg) top left repeat-x;
	text-align: center;
    font-family: Arial, Sans-Serif; 
	font-size: 62.5%; /* Resets 1em to 10px */
	color: #fff;
	padding: 0px;
	margin-top: 2%;
}

/* Background Styles */

#bg_low {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 100%;
	height: 280px;
	background: #adacaf url(../images/layout/logo_side.gif) bottom right no-repeat;
}

/* Container Styles */

#container {
	position: relative;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 750px;
	height: 100%;
	background-color: #21264c;
	border: 1px solid #161946;
	text-align: left;
	z-index: 1;
}

/* Header Styles */

#header {
	position: relative;
	height: 85px;
	background: url(../images/layout/bg_header.gif) top repeat-x;
}

#logo {
	float: left;
	width: 75px;
	text-align: left;
	margin-left: 5px;
}

/* Content Styles */

#content_top {
	position: relative;
	height: 195px;
	background: #161946 url(../images/layout/bg_content_top.jpg) bottom repeat-x;
	margin-top: 0px;
}

#nav {
	position: relative;
	height: 148px;
}

#content_main {
	position: relative;
	overflow: hidden;
	height: 100%;
	margin-top: -2em;
}

#sidebar {
	float: left;
	width: 188px;
	height: auto;
	margin-left: 1em;
}

#content_right {
	float: right;
	margin-right: 2.5em;
	height: auto;
	width: 500px;
}

#content_right_alt {
	float: right;
	margin-right: 2.5em;
	height: auto;
	width: 500px;
}

#news_top {
	background: #21264c url(../images/layout/sidebar/news_top.gif) top left no-repeat;
	width: 188px;
	height: 30px;
}

#featured_site_top {
	background: #21264c url(../images/layout/sidebar/featured_site_top.gif) top left no-repeat;
	width: 188px;
	height: 30px;
}

#quick_contact_top {
	background: #21264c url(../images/layout/sidebar/contact_top.gif) top left no-repeat;
	width: 188px;
	height: 30px;
}

#portfolio_top {
	background: #21264c url(../images/layout/sidebar/portfolio_top.gif) top left no-repeat;
	width: 188px;
	height: 30px;
}

/* Sidebar Styles */

.sidebar_main {
	background: #313760 url(../images/layout/sidebar/sidebar_main.gif) top left repeat-y;
	width: 188px;
	height: 100%;
}

.sidebar_content {
	padding: 5px;
	width: 175px;
}

.sidebar_bottom {
	background: #21264c url(../images/layout/sidebar/sidebar_bottom.gif) top left no-repeat;
	width: 188px;
	height: 2.5em;
}

/* Content Area Styles */

.content_right_content {
	padding: 5px;
	width: 480px;
}

.content_right_top {
	background: #21264c url(../images/layout/content_right_top.gif) top left no-repeat;
	width: 500px;
	height: 2em;
}

.content_right_main {
	background: #21264c url(../images/layout/content_right_main.gif) top left repeat-y;
	width: 500px;
	height: 100%;
}

.content_right_bottom {
	background: #21264c url(../images/layout/content_right_bottom.gif) top left no-repeat;
	width: 500px;
	height: 1.7em;
}

#dl_intro {
	position: relative;
	width: 100%;
	height: 100%;
	margin-top: -1em;
}

#dl_intro_left {
	float: left;
	width: 50%;
	height: 100%;
}


#dl_intro_right {
	float: right;
	width: 50%;
	height: 100%;
	text-align: center;
}

#dl_services {
	position: relative;
	border-top: 1px solid #ccc;
	width: 490px;
	margin-left: auto;
	margin-right: auto;
}

#dl_web {
	position: relative;
	height: 75px;
	background: #fff url(../images/layout/dl_web.gif) top left no-repeat;
	margin-top: 1em;
}

#dl_commerce {
	position: relative;
	height: 75px;
	background: #fff url(../images/layout/dl_commerce.gif) top left no-repeat;
	margin-top: 1em;
}

#dl_hosting {
	position: relative;
	height: 75px;
	background: #fff url(../images/layout/dl_hosting.gif) top left no-repeat;
	margin-top: 1em;
}

#dl_photography {
	position: relative;
	height: 75px;
	background: #fff url(../images/layout/dl_photography.gif) top left no-repeat;
	margin-top: 1em;
}

#dl_seo {
	position: relative;
	height: 75px;
	background: #fff url(../images/layout/dl_seo.gif) top left no-repeat;
	margin-top: 1em;
}

#dl_graphic_design {
	position: relative;
	height: 75px;
	background: #fff url(../images/layout/dl_graphic_design.gif) top left no-repeat;
	margin-top: 1em;
}

#dl_training {
	position: relative;
	height: 75px;
	background: #fff url(../images/layout/dl_training.gif) top left no-repeat;
	margin-top: 1em;
}

#dl_content {
	position: relative;
	width: 100%;
	height: 100%;
	margin-top: -1em;
}

#content_wide {
	position: relative;
	margin-left: 2.5em;
	height: auto;
	width: 700px;
}

.content_wide_top {
	background: #21264c url(../images/layout/content_wide_top.gif) top left no-repeat;
	width: 700px;
	height: 2em;
}

.content_wide_main {
	background: #21264c url(../images/layout/content_wide_main.gif) top left repeat-y;
	width: 700px;
	height: 100%;
}

.content_wide_bottom {
	background: #21264c url(../images/layout/content_wide_bottom.gif) top left no-repeat;
	width: 700px;
	height: 1.8em;
}

.content_wide_content {
	padding: 5px;
	width: 700px;
}

#content_wide_left {
	float: left;
	width: 50%;
	height: 100%;
	margin-top: 1.5em;
	text-align: center;
}


#content_wide_right {
	float: right;
	width: 33em;
	height: 100%;
	margin-top: 1.5em;
	padding-right: 2em;
}

/* Footer Styles */

#footer {
	clear: both;
	height: 60px;
	background: #21264c url(../images/layout/bg_footer.gif) bottom repeat-x;
	padding-top: 2em;
}

#footer_left {
	float: left;
	width: 65%;
	margin-top: 1.6em;
	margin-left: 1em;
}

#footer_right {
	float: right;
	width: 30%;
	text-align: right;
	margin-top: 1.6em;
	margin-right: 1em;
}