@charset "utf-8";
body {
	background-color: #2a283f;
	margin-bottom: -30px;
	clip: rect(0px,auto,auto,auto);
	background-image: url(images/back_body.gif);
	background-repeat: no-repeat;
}

#container {
	height: 920px;
	width: 980px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: -25px;
	background-image: url(images/container_back.gif);
	background-repeat: no-repeat;
	background-position: center;
}
#container #header {
	height: 150px;
	width: 850px;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	top: 40px;
	position: relative;
	left: 65px;
}
#container #left {
	position: relative;
	height: 640px;
	width: 180px;
	top: 70px;
	background-image: url(images/left_side.gif);
	float: left;
	background-repeat: no-repeat;
	list-style-type: none;
	left: 65px;
}
#left a {
	color: #FFFFFF;
	text-decoration: none;
}
#left a:hover {
	color: #fcae05;
}
#contact_header {
	float: right;
	position: relative;
	height: 50px;
	width: 150px;
	top: 65px;
	right: 20px;
}

ul {
	margin: 0px;
	padding: 0px;
	text-align: left;
	text-indent: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 25px;
	color: #FFFFFF;
}
li {
	list-style-type: none;
}

#body {
	position: relative;
	height: 655px;
	width: 670px;
	top: 70px;
	float: right;
	background-image: url(images/body_text.gif);
	background-repeat: no-repeat;
	right: 65px;
}

#logo {
	position: relative;
	height: 100px;
	width: 200px;
	float: left;
	top: 25px;
	left: 25px;
}
#footer {
	height: 25px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	clear: both;
	float: none;
	margin-top: auto;
}

#footer_portfolio {
	height: 25px;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	top: 50px;
}

#body_portfolio {
	float: right;
	height: 750px;
	width: 670px;
	position: relative;
	clear: none;
	top: 70px;
	right: 65px;
	background-image: url(images/body_text_portfolio.gif);
	background-repeat: no-repeat;
}

#leftside_portfolio {
	position: relative;
	height: 750px;
	width: 180px;
	left: 65px;
	top: 70px;
	background-image: url(images/left_side_portfolio.gif);
	background-repeat: no-repeat;
	float: left;
}
#leftside_portfolio a {
	color: #FFFFFF;
	text-decoration: none;
}
#leftside_portfolio a:hover {
	color: #fcae05;
}

#footer_text {
	position: relative;
	height: 13px;
	width: 700px;
	top: 8px;
	text-align: center;
	left: 75px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

#body_image {
	position: relative;
	height: 185px;
	width: 670px;
	overflow: visible;
}
#body-text {
	position: relative;
	height: 430px;
	width: 660px;
	background-color: #FFFFFF;
}
#text {
	position: relative;
	height: 420px;
	width: 470px;
	float: left;
	left: 15px;
	top: 15px;
	background-image: url(images/logo_index.gif);
	background-position: 2px 330px;
	background-repeat: repeat-x;
}
#hosting_text {
	position: relative;
	height: 350px;
	width: 625px;
	left: 25px;
	top: 25px;
}
#logo_design_text {
	position: relative;
	height: 410px;
	width: 625px;
	left: 20px;
	top: 25px;
}


#quick_guide {
	float: right;
	height: 400px;
	width: 140px;
	position: relative;
	top: 17px;
	background-repeat: no-repeat;
	right: 4px;
}
#portfolio_text {
	position: relative;
	height: 500px;
	width: 630px;
	left: 15px;
	top: 25px;
}
#portfolio_entry_1 {
	position: relative;
	height: 217px;
	width: 475px;
	background-image: url(images/portfolio_backing.gif);
	background-repeat: no-repeat;
}
#entry1_text {
	position: relative;
	height: 20px;
	width: 150px;
	top: 20px;
	left: 25px;
}
#entry1_bigtext {
	position: relative;
	height: 120px;
	width: 200px;
	left: 25px;
	top: 45px;
	float: left;
}
#entry1_bigtext a {
	color: #333333;
	text-decoration: none;
}
#entry1_bigtext a:hover {
	color: #fcae05;
}
#entry1_picture {
	float: right;
	height: 150px;
	width: 190px;
	position: relative;
	right: 40px;
	top: 15px;
}

#portfolio_entry_2 {
	position: relative;
	height: 217px;
	width: 475px;
	background-image: url(images/portfolio_backing.gif);
	background-repeat: no-repeat;
	top: 5px;
}

#guide_text {
	height: 270px;
	width: 120px;
	left: 8px;
	position: relative;
}
#portfolio_content {
	position: relative;
	left: 10px;
	width: 660px;
	height: 420px;
}
#container #body_portfolio #portfolio_text #portfolio_intro_text #portfolio_content #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent.TabbedPanelsContentVisible .TabbedPanelsContent a {
	color: #333;
	text-decoration: none;
}
#container #body_portfolio #portfolio_text #portfolio_intro_text #portfolio_content #TabbedPanels1 .TabbedPanelsContentGroup .TabbedPanelsContent.TabbedPanelsContentVisible .TabbedPanelsContent a:hover {
	color: #FCAE05;
}
#postit {
	position: relative;
	height: 190px;
	width: 160px;
	top: 30px;
	left: 17px;
}
#article {
	height: 185px;
	width: 150px;
}

#article2 {
	height: 185px;
	width: 150px;
}
#article_left {
	position: relative;
	height: 1400px;
	width: 180px;
	top: 45px;
	left: 65px;
	background-color: #2e2e2e;
}
#article_left a {
	color: #FFF;
	text-decoration: none;
}
#article_left a:hover {
	color: #Fcae05;
}


#article_body {
	position: relative;
	height: 1400px;
	width: 670px;
	top: 70px;
	float: right;
	right: 65px;
	background-color: #FFF;
	color: #333;
}
#foot_article {
	position: relative;
	height: 25px;
	width: 850px;
	top: 1500px;
	background-image: url(images/footer.gif);
	background-repeat: no-repeat;
	left: 60px;
	text-align: center;
}

#article_1 {
	left: 20px;
	position: relative;
	width: 600px;
}