article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display:block;
}
body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color: #333;
}
#header {
	background-image: url(images/background.gif);
	height: 139px;
	display: block;
}
#header .logo {
	background-image: url(images/logo.gif);
	background-repeat: no-repeat;
	height: 139px;
	margin-left: 40px;
}
#menu {
	position: absolute;
	top: 105px;
	left: 160px;
	margin: 0px;
	display: block;
}
#menu ul {
	color: #4f4f4f;
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#menu li {
	font-size: 1.25em;
	float: left;
	padding: 0px 11px 0px 0px;
	background-image: url(images/slash.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#menu a.home {
	color: #c9d77a;
	text-decoration: none;
}
#menu a.services {
	color: #33cc99;
	text-decoration: none;
}
#menu a.portfolio {
	color: #33cccd;
	text-decoration: none;
}
#menu a.aboutus {
	color: #3399ff;
	text-decoration: none;
}
#menu a.contacts {
	color: #9966ff;
	text-decoration: none;
}
#menu a.login {
	color: #cc6699;
	text-decoration: none;
}
#menu a:hover {
	color: #c3c3c3;
	text-decoration: none;
}

/* Homepage */

#homepage {
	background-image: url(images/home_background.gif);
	background-repeat: repeat-x;
	background-color: #e5ff53;
}
#homepage .arrow_home {
	background-image: url(images/nav_arrow.gif);
	background-repeat: no-repeat;
	height: 9px;
	margin-left: 175px;
}
#homepage h1 {
	font-size: 1.125em;
	font-weight: bold;
	margin: 0px 0px 0px 160px;
	padding-top: 15px;
	padding-bottom: 25px;
	color: #91a03b;
	cursor: default;
}

/* Blog */ 

#blog {
	margin: 0px 0px 0px 160px;
	float: left;
	overflow: hidden;
	width: 600px;
	line-height: 1.125em;
}
#blog h1 {
	font-size: 1.125em;
	font-weight: bold;
	color: #95a541;
	margin: 20px 0px 20px 0px;
}
#blog time {
	font-size: 0.875em;
	margin: 15px 0px 0px 0px;
	display: block;
}
#blog h2 {
	margin: 0px;
	font-size: 1em;
	color: #95a541;
}
#blog p {
	font-size: 0.875em;
	margin: 0px;
	border-bottom: dashed 1px #acb28f;
	display: block;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
#blog p a {
	color: #95a541;
	text-decoration: underline;
}
#blog p a:hover {
	color: #95a541;
	text-decoration: none;
}

/* Homepage Slider */

#slider {
	overflow: hidden;
	background: #f7ffcd;
}
#slider img {
	border: none;
}
#prev {
	margin: 125px 10px 0px 105px;
	float: left;
}
#next {
	margin: 125px 0px 0px 10px;
	float: left;
}
#slide-container {
	float: left;
	width: 759px;
	height: 299px;
	margin: 0px;
}
/* Services & News */

#mid-container {
	overflow: hidden;
	background: #f7ffcd;
	padding: 0px 0px 20px 0px;
	display: block;
}
#home-services {
	margin: 0px 0px 0px 160px;
	float: left;
}
#home-services h1 {
	font-size: 1.125em;
	font-weight: bold;
	color: #95a541;
	margin: 20px 0px 10px 10px;;
}
#home-services ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 225px;
}
#home-services li {
	margin-bottom: 2px;
}
#home-services li a {
	padding: 5px 5px 5px 10px;
	background-color: #adbc62;
	color: #FFF;
	text-decoration: none;
	font-size: 0.875em;
	font-weight: bold;
	display: block;
	background-image: url(images/ul-arrow.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#home-services li a:hover {
	padding: 5px 5px 5px 10px;
	background-color: #9eac5a;
	color: #FFF;
	text-decoration: none;
	font-size: 0.875em;
	font-weight: bold;
	display: block;
	background-image: url(images/ul-arrow-hover.gif);
	background-repeat: no-repeat;
	background-position: right;
}
#news {
	margin: 0px 0px 0px 35px;
	float: left;
	overflow: hidden;
	width: 480px;
	line-height: 1.125em;
}
#news h1 {
	font-size: 1.125em;
	font-weight: bold;
	color: #95a541;
	margin: 20px 0px 20px 0px;;
}
#news time {
	font-size: 0.875em;
	margin: 0px;

}
#news h2 {
	margin: 0px;
	font-size: 1em;
	color: #95a541;
}
#news p {
	font-size: 0.875em;
	margin: 0px;
	border-bottom: dashed 1px #acb28f;
	display: block;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
#news p a {
	color: #95a541;
	text-decoration: underline;
}
#news p a:hover {
	color: #95a541;
	text-decoration: none;
}

/* Footer */

#footer {
	font-size: 0.75em;
	color: #a3a3a3;
	margin-top: 16px;
	margin-bottom: 60px;
	padding-left: 160px;
	display: block;
}

/* Our Services */

#services {
	background-color: #39bb8f;
	background-image: url(images/services_background.gif);
	background-repeat: repeat-x;
	display: block;
}
#services .arrow_services {
	background-image: url(images/nav_arrow.gif);
	background-repeat: no-repeat;
	height: 9px;
	margin-left: 275px;
}
#services h1 {
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px 0px 0px 160px;
	padding: 15px 0px 25px 0px;
}

#services #holder {
	padding-bottom: 35px;
	padding-left: 160px;
	background-color: #cfeee4;
	overflow: hidden;
	height: 400px;
}
#holder #accordion {
	float:left;
	overflow:hidden;
	width: 230px;
	background-color: #ddf7ee;
	border: solid 1px #add6dc;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 30px 30px 0px 0px;
	list-style: none;
	padding:0px 0px 15px 0px;
}
#holder li {
	margin: 15px 0px 0px 0px;
	padding-left: 30px;
	background-image: url(images/services-arrow.gif);
	background-repeat: no-repeat;
}
#holder li a {
	color: #258e6a;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.875em;
}
#holder #accordion ul.text {
	list-style: none;
	padding:0px;
	margin:0px;
}
#holder #accordion .text li {
	background-image: none;
	padding:0px;
	margin:0px 20px 0px 0px;
	font-size:0.75em;
	border-bottom: solid 1px #add6dc;
}
#holder .boxes-holder {
	overflow: hidden;
}
#services #holder .box {
	width: 220px;
	margin-top: 25px;
	margin-right: 45px;
	float: left;
	cursor: default;
}
#services #holder .box h2 {
	font-size: 24px;
	color: #2D9773;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
#services #holder .box p {
	font-size: 14px;
	color: #333333;
	line-height: 18px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* About Us */


#aboutus .arrow_about {
	background-image: url(images/nav_arrow.gif);
	height: 9px;
	margin-left: 465px;
	background-repeat: no-repeat;
}
#aboutus .slogan_about {
	font-size: 1.5em;
	color: #daeaf9;
	font-weight: bold;
	margin-left: 160px;
	padding: 15px 0px 25px 0px;
	max-width: 750px;
	cursor: default;
}
#aboutus {
	background-color: #2976c2;
	background-image: url(images/about_background.gif);
	background-repeat: repeat-x;
}
#aboutus_copy {
	padding: 20px 0px 20px 160px;
	border-top: solid 1px #1e5489;
	background-color: #daeaf9;
}
#aboutus_copy .copy {
	max-width: 714px;
}
#aboutus_copy .placements {
	max-width: 370px;
}
#aboutus_copy .placements a {
	color: #2a6198;
	text-decoration: underline;
}
	#aboutus_copy .placements a:hover {
	color: #2a6198;
	text-decoration: none;
}
#aboutus_copy .copy p {
	padding: 0px;
	margin-top: 0px 0px 15px 0px;
	color: #333333;
	line-height: 1.125em;
	font-size: 0.875em;
}
#aboutus_copy .copy img {
	float: right;
	margin-left: 70px;
}
#aboutus_copy a.placements {
	text-decoration: none;
	display:block;
	padding: 5px 30px 5px 10px;
	background-color: #2b77c3;
	background-image: url(images/placements-arrow.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #FFF;
	font-size: 0.875em;
	font-weight: bold;
	width: 100px;
}
#aboutus_copy a.placements:hover {
	text-decoration: none;
	display:block;
	padding: 5px 30px 5px 10px;
	background-color: #286eb4;
	background-image: url(images/placements-arrow.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #FFF;
	font-size: 0.875em;
	font-weight: bold;
	width: 100px;
}

/* Contact Us */

#contacts .arrow_contacts {
	background-image: url(images/nav_arrow.gif);
	background-repeat: no-repeat;
	height: 9px;
	margin-left: 680px;
}
#contacts {
	background-color: #9966ff;
	background-image: url(images/contact_background.gif);
	background-repeat: repeat-x;
}
#contacts .slogan_contacs {
	font-size: 1.5em;
	font-weight: bold;
	color: #efe6ff;
	margin-left: 160px;
	max-width: 750px;
	padding-top: 15px;
	padding-bottom: 25px;
	cursor: default;
}
#contactdetails a.zoom {
	display: block;
	float: right;
	clear: both;
	text-decoration: none;
	margin: 0px 20px 0px 0px;
	font-size: 0.6875em;
}
#contactdetails .zoom img{
	vertical-align: top;
}
#contactdetails a.zoom:hover {
	display: block;
	float: right;
	clear: both;
	text-decoration: underline;
	margin: 0px 20px 0px 0px;
	font-size: 0.6875em;
}
#contactdetails {
	padding: 30px 0px 15px 160px;
	font-size: 0.875em;
	color: #333333;
	line-height: 18px;
	max-width: 720px;
	cursor: default;
}
#contactdetails a {
	color: #7749cd;
	text-decoration: underline;
}
#contactdetails a:hover {
	text-decoration: none;
}
#contactholder {
	background-color: #EFE6FF;
	border-top: solid 1px #7b52cd;
}
#contactholder #contactdetails p {
	padding: 0px;
	margin: 3px 0px 18px 0px;
}

/* Portfolio */

#portfolio .arrow_portfolio {
	background-image: url(images/nav_arrow.gif);
	background-repeat: no-repeat;
	height: 9px;
	margin-left: 375px;
}
#portfolio {
	background-color: #33bfcc;
	background-image: url(images/portfolio_background.gif);
	background-repeat: repeat-x;
}
#portfolio .slogan_portfolio {
	font-size: 1.5em;
	color: #24858e;
	font-weight: bold;
	padding: 15px 0px 25px 160px;
}
#portfolio #portfolio_container .screen {
	width: 800px;
	float: left;
	height: 347px;
	margin: 10px 0px 0px 160px;
}
#portfolio #portfolio_container {
	background-color: #def5f7;
	padding: 0px 0px 30px 0px;
	height: 347px;
}
#portfolio #portfolio_container .screen img {
	float: left;
	margin: 0px 20px 0px 0px;
}
#portfolio #portfolio_container .description {
	margin-top: 40px;
	line-height: 18px;
	padding-left: 25px;
	color: #333333;
}
#portfolio #portfolio_container .navleft {
}
#portfolio #portfolio_container .screen .description strong {
	font-size: 1.125em;
	color: #20777f;
}
#portfolio #portfolio_container .screen .description a {
	color: #20777f;
}
#nav .navleft {
	background-image: url(images/nextbutton.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 65px;
	float:left;
	margin-right: 6px;
}

#nav .navleft a {
	color: #DEF5F7;
	text-decoration: none;
	font-size: 0.875em;
	font-weight: bold;
	display: block;
	margin: 6px 0px 0px 9px;
}
#nav .navleft a:hover {
	text-decoration: underline;
}
#nav .navright {
	background-image: url(images/prevbutton.gif);
	background-repeat: no-repeat;
	height: 28px;
	float:left;
	margin-right: 6px;
	width: 65px;
}
#nav .navright a {
	color: #DEF5F7;
	text-decoration: none;
	font-size: 0.875em;
	font-weight: bold;
	display: block;
	margin: 6px 0px 0px 25px;
}
#nav .navright a:hover {
	text-decoration: underline;
}
#portfolio #nav {
	background-color: #DEF5F7;
	height: 28px;
	padding: 25px 0px 0px 165px;
}
#portfolio #portfolio_container .screen .description a:hover {
	text-decoration: none;
}
#portfolio .portfolio_nav {
	font-size: 20px;
	color: #FFFFFF;
	padding: 15px 0px 25px 160px;
}
#portfolio .portfolio_nav .slash {
	color: #92dde4;
}
#portfolio .portfolio_nav a {
	color: #24858e;
	text-decoration: none;
}
#portfolio .portfolio_nav a:hover {
	color: #1B686F;
	text-decoration: none;
}
#portfolio_container .brand_screen {
	float: left;
	height: 347px;
	margin: 10px 0px 0px 140px;
}
#portfolio_container .brand_screen  img {
	float: right;
	clear:both;
}
#portfolio_container .brand_screen .description strong {
	font-size: 1.125em;
	color: #20777f;
}
#portfolio_container .brand_screen .description {
	width: 500px;
	margin-top: 40px;
	overflow: hidden;
}

/* Login */

#login {
	background-color: #CC6690;
	background-image: url(images/login_background.gif);
	background-repeat: repeat-x;
}
#login .slogan_login {
	font-size: 1.5em;
	color: #FFFFFF;
	margin-left: 160px;
	font-weight: bold;
	padding: 15px 0px 25px 0px;
}
#login #login_container {
	padding: 0px 0px 50px 160px;
}
#login .arrow_login {
	background-image: url(images/nav_arrow.gif);
	height: 9px;
	margin-left: 620px;
	background-repeat: no-repeat;
}
#nav .navsingle {
	background-image: url(images/backtoportfolio.gif);
	background-repeat: no-repeat;
	height: 28px;
	float:left;
	margin-right: 6px;
	width: 151px;
}
#portfolio .single_portfolio {
	background-color: #DEF5F7;
	padding: 25px 0px 25px 165px;
}
#nav .navsingle a {
	color: #DEF5F7;
	text-decoration: none;
	font-size: 0.875em;
	font-weight: bold;
	display: block;
	margin: 6px 0px 0px 25px;
}
#login_container label {
	color: #333333;
}
#login_container {
	background-color: #ffe4f1;
	padding: 20px 0px 30px 160px;
	border-top: solid 1px #666;
}