a:focus{
	outline:0;}
html, body {	
	width: 100%;	
	height: 100%;	
	min-height: 100%;	
	padding: 0px;
	margin: 0px;
	border: 0px;
	background: #000000 top center url(../images/background.jpg) no-repeat;
}
img { border: none;}
#container {	
	top: 0px;	
	width: 800px;	
	height: auto;	
	min-height: auto;	
	margin: auto;	
	position: relative;	
	bottom: 120px;
	background: url(../images/background_container.jpg) repeat-x;	
}
html,body #container {	height: auto;}
hr { border: 1px dotted; color: #333333; }

#container ul.socialnetworking{
	margin:20px 0 20px 0;
	padding:0;
	height:45px;
}
#container ul.socialnetworking li{
	margin:0 10px 0 0;
	padding:0;
	list-style:none;
	display:block;
	float:left;
	vertical-align: middle;
}
#container ul.socialnetworking li.margin{
	margin:8px 0 8px 0;
	padding:0;
}
#logo {
	position: absolute;
	top: 32px;
	right: 40px;
	width: 144px;
	height: 77px;
}
#orange_dec {
	position: absolute;
	top: 222px;
	right: 185px;
	width: 364px;
	height: 365px;
	background: url(../images/home_orange.jpg) no-repeat;
}
#orange_dec2 {
	position: absolute;
	top: 285px;
	right: 185px;
	width: 364px;
	height: 365px;
	font: 11px Arial;
	color: #ffffff;
}
#orange_dec_content {
	font: 20px Arial;
	color: #ffffff;
	line-height: 28px;
	padding: 115px 80px 118px 30px;
}
#community {
	position: absolute;
	top: 222px;
	right: 12px;
	width: 162px;
	height: 58px;
}
#community_content {
	font: 15px Arial;
	color: #ffffff;
	padding: 37px 30px 10px 5px;
}
#latest_websites {
	position: absolute;
	top: 222px;
	right: 12px;
	width: 162px;
	height: 141px;
}
#latest_websites a{
	margin:0 0 10px 0;
	padding:0;
}
#latest_news {
	position: absolute;
	top: 446px;
	right: 12px;
	width: 162px;
	height: 141px;
}
#latest_websites_content {
	font: 15px Arial;
	color: #ffffff;
	padding: 120px 10px 10px 5px;
}
#latest_designs {
	position: absolute;
	top: 375px;
	right: 12px;
	width: 162px;
	height: 141px;
}
#latest_designs_content {
	font: 15px Arial;
	color: #ffffff;
	padding: 120px 10px 10px 5px;
}
#nav {
    position: absolute;
    top: 158px;
	right: 0px;
	height: auto;
	width: 540px;
	z-index: 10;
}
#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#nav li {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	height: 20px;
	float: left;
	color: #0C3D61;
	padding-left: 5px;
	margin: 5px;
}
#nav li:hover, #nav li.current { color: #ec461c; text-decoration: none; }
#nav a { width: 100%; height: 100%; color: #ffffff; text-decoration: none;}
#nav a:hover, #nav li.current a { color: #ec461c; text-decoration: none;}

#sub_nav {
	padding: 0px 10px 0px 5px;
	width: 200px;
}
#sub_nav ul {
	margin: 0;
	padding: 0;
}
#sub_nav li {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #ec461c;
	font-size: 11px;
	text-align: left;
	height: 10px;
	margin: 10px;
	margin-left: -5px;
	list-style-type: none;
	display: block;
}
#sub_nav li:hover, #sub_nav li.current { color: #ffffff; text-decoration: none; }
#sub_nav a { width: 100%; height: 100%; color: #ec461c; text-decoration: none;}
#sub_nav a:hover, #sub_nav li.current a { color: #ffffff; text-decoration: none;}

#next_nav {
    position: absolute;
    top: 620px;
	right: 20px;
	height: auto;
	width: 550px;
	z-index: 10;
}
#next_nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#next_nav li {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	height: 20px;
	float: right;
	color: #0C3D61;
	padding-left: 5px;
	margin: 5px;
}
#next_nav li:hover, #next_nav li.current { color: #ec461c; text-decoration: none; }
#next_nav a { width: 100%; height: 100%; color: #a5b9c3; text-decoration: none;}
#next_nav a:hover, #next_nav li.current a { color: #ec461c; text-decoration: none;}
.ruler {
	padding-right: 310px;
}
#home_content {
	padding: 230px 615px 100px 5px;
	font: 11px Arial;
	color: #ffffff;
}
#orange_dec2 a {
	color: #ec461c;
	text-decoration: none;
}
#orange_dec2 a:hover, #orange_dec_content a {
	color: #ffffff;
	text-decoration: none;
}
#home_content a, #content_studio a, #titles a,  #orange_dec_content a:hover {
	color: #ec461c;
	text-decoration: none;
}
#home_content a:hover, #content_studio a:hover, #titles a:hover {
	color: #ffffff;
	text-decoration: none;
}
#titles a {
	color: #ec461c;
	text-decoration: none;
}
#titles a:hover {
	color: #ec461c;
	text-decoration: none;
}
#titles {
	position: absolute;
	top: 290px;
	right: 615px;
	font: 11px Arial;
	color: #ffffff;
	left: 5px;
	text-align: left;
}
#content_studio {
	padding: 285px 190px 150px 250px;
	font: 11px Arial;
	color: #ffffff;
}
#content_studio ul li {
	list-style-type: square;
	color: #f0451a;
}
#content {
	padding: 285px 20px 150px 250px;
	font: 11px Arial;
	color: #ffffff;
}
#content_logos {
	padding: 285px 20px 80px 250px;
	font: 11px Arial;
	color: #ffffff;
	text-align: right;
}
#content_logos a {
	color: #f0451a;
	text-decoration: none;
}
#content_logos a:hover {
	color: #ffffff;
	text-decoration: none;
}
#content_websites {
	padding: 285px 20px 500px 250px;
	font: 11px Arial;
	color: #ffffff;
	text-align: right;
}
#content_websites a {
	color: #f0451a;
	text-decoration: none;
}
#content_websites a:hover {
	color: #ffffff;
	text-decoration: none;
}
#content ul li {
	list-style-type: square;
	color: #f0451a;
}
#orange_dec2 li {
	list-style-type: square;
	color: #f0451a;
}
#content a {
	color: #f0451a;
	text-decoration: none;
}
#content a:hover {
	color: #ffffff;
	text-decoration: none;
}
.h1, h1 {
	font: 26px Arial;
	color: #ffffff;
	line-height: 26px;
	margin:0 0 20px 0;
	padding:0;
}
.h2, h2 {
	font: 14px Arial;
	color: #f0451a;
}
.h3, h3 {
	font: 12px Arial;
	color: #f0451a;
}
.grey {
	font: 10px Arial;
	color: #4c4c4c;
}
.body_text {
	font: 11px Arial;
	color: #ffffff;
}
.testimonial {
	padding: 0 0 10px 20px;
	font-size: 11px;
	border-bottom: 1px dotted #474748;
}
.logos {
	padding-bottom: 0px;
}
#footer_dec { 
	position: absolute;
	bottom: 0px;
	left: 10px;
	width: 204px;
	height: 134px;
	background: url(../images/footer_dec.gif) no-repeat;
}
#footer_text { padding: 10px 0px 0px 0px; }
#footer {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;	
	color: #f0451a;	
	text-align: right;	
	width: 100%;	
	height: 40px;	
	position: absolute;	
	bottom: 0px;	
	left: 0px;	
	z-index: 5;	
	padding-top: 5px;	
	text-align: right;
}
#footer a, #footer a:visited {	
	color: #f0451a;	
	text-decoration: none;
}
#footer a:hover {	
	color: #ffffff;
}
.fm-logo {	
	float: right;	
	padding-top: 4px;	
	padding-right: 5px;	
	padding-left: 5px;
}
.text-drop, .text-field, .text-area, .button {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 11px;
	color: #333333;
}
.text-drop {
	width: 155px;
	height: 20px;
	background-color: #ffffff;
	border: 1px solid #999999;
}
.text-field {
	width: 150px;
	height: 15px;
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid #999999;
}
.text-area {
	width: 300px;
	height: 80px;
	padding: 2px;
	background-color: #ffffff;
	border: 1px solid #999999;
}
.text-drop:hover, .text-field:hover, .text-area:hover {
	background-color: #D6D6D6;
}
.button {
	width: 140px;
	height: 20px;
	padding: 2px;
	background-color: #D6D6D6;
	border: 1px solid #999999;
	cursor: pointer;
	cursor: hand;
}
.button:hover {
	background-color: #999999;
}
.red { color:#FF0000; }
.floatleft{
	float:left;
	border:1px solid #FFFFFF;
}
.floatright{
float:right;
	border:1px solid #FFFFFF;
}