html, body{
	margin:0px;
	padding:0px;
	height:100%;
}

body{ 
	margin:0px; 
	padding:0px;
	background-image:url(images/bg_img_tile_x.jpg);
	background-repeat:repeat-x;
	background-position:top;
}


#page-wrapper{ 
	background-image:url(images/bg_img.jpg);
	background-repeat:no-repeat;
	background-position:center top;}
	
#container{ 
	width:950px;
	margin:0 auto;
	}
#headerTop{ 
	height:84px;
	width:100%;
	}
#logo{
	float:left;
	width:210px;
	height:40px;
	margin:18px 0px 0px 10px;
	_margin:25px 0px 0px 6px;
	}
#logoSlogan,#logoSlogan a:link,#logoSlogan a:visited{
	width:100%;
	height:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#dcdcdc;
	margin-top:8px;
	_margin-top:5px;
	text-align:center;
	text-decoration:none;
	}	
#logoSlogan a:hover{
	color:#4bbcee;
	text-decoration:none;
}
#menu{
	float:right;
	width:516px;
	
	padding-left:80px;
}
#headerBottom{
	height:267px;
	}
#headerQuoteBox{
	width:218px;
	margin-top:37px;
	float:left;
	}

#headerQuoteBoxContent,#headerQuoteBoxContent a{
	width:203px;
	margin-top:15px;
	_margin-top:5px;
	padding-left:4px;
	
	margin-right:4px;
	color:#4dc8ff;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#HeaderForm input,#HeaderForm select{ 
	width:100px;
	}
#headerFlash{
	float:left;
	margin-left:80px;
	width:586px;
	margin-top:2px;}
#main{
	width:100%;
	padding-top:35px;
	}

#footer {
width:910px;
display:block;
float:left;
height:100%;
border-top:1px dotted #999;
margin:0px; 
padding:20px;
background-color:#fff;
margin-top:20px;
}

#footer p a:link, #footer p a:visited{color:#666; text-decoration:none;} 
#footer p a:hover{color:#999; text-decoration:none;} 
#footer p{font-size:11px; line-height:16px; color:#666; padding:0px; margin:0px;}

#footer-left{ float:left; width:400px;}
#footer-right{ float:right; width:400px; text-align:right; vertical-align:middle;}

p,li{ 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#353333;
	line-height:150%;
}

p a:link, p a:visited{
	color:#0F93FF;
}

p a:hover{
	color:#DE2400;
}

h1{
font-family: 'Yanone Kaffeesatz', arial, serif;	
font-size:45px;
	font-weight:lighter;
	margin:0px;
	padding:0px;
	line-height:100%;
}

h2{
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:40px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}

h3{
	font-family: 'Yanone Kaffeesatz', arial, serif;	
	font-size:35px;
	font-weight:normal;
	margin:0px;
	color:#2b388f;
	padding:0px;
	line-height:100%;
}

h4{
	font-family: 'Yanone Kaffeesatz', arial, serif;	
	font-size:25px;
	font-weight:normal;
	margin:0px;
	padding:0px;
	line-height:100%;
}

#Home_web_design_title{
	float:left;
	width:200px;
	height:65px;
	background-image:url(images/home_h1_web_design.jpg);
	background-repeat:no-repeat; background-position:center bottom;
	margin-left:205px;
	text-align:center;
	clear:left;
	_margin-left:100px;
	}
#Home_web_design_title h1{
	color:#de2400;
}

#Home_graphic_design_title{
	float:left;
	width:292px;
	height:65px;
	background-image:url(images/home_h1_graphic_design.jpg);
	background-repeat:no-repeat; background-position:center bottom;
	margin-left:222px;
	text-align:center;
	clear:right;
	_margin-left:230px;
	}
#Home_graphic_design_title h1{
	color:#40286e;	
}
.homeServiceCol{
	float:left;
	background-image:url(images/home_service_container_bg.gif);
	background-repeat:no-repeat;
	width:274px;
	margin-top:35px;
	padding:10px;
}
.homeServiceCol h1{
	color:#df2500;
	font-size:35px;
	line-height:40px;
	margin:0px;
	padding:0px;
}
	
.homeServiceCol h2{
	color:#656565;
	font-size:11px;
	line-height:130%;
}
.homeServiceColButton{
	float:right;
	position: relative;
	top:-25px;
	right:-20px;
	width:103px;
	height:125px;
}

.homeServiceContact{ background-image:none; margin-top:0px;}

.homeServiceCol-middle{ margin-left:20px; margin-right:20px;}

.homeServiceCol ul{ margin:0px; padding:0px; }

.homeServiceCol li{ background-image:url(images/homepage_list_dot.jpg); background-repeat: no-repeat; padding-left:25px; list-style:none; color:#2b388f; font-size:13px; line-height:25px;}

.homeServiceCol li strong{ color:#0a155f;}

.portfolio-block{ width:100%;
height:auto;}

.portfolio-block img{ 
border:2px solid #ccc;
}

.portfolio-block img:hover{ 
border:2px solid #26a9e0;
}

.port-head{ width:100%;
margin-bottom:20px;
text-align: center;
float:left;}

.port-head-marginfix{ margin-top:70px;}

.port-size-three{ width:309px;
float:left;
height:auto;}

.port-size-three-middle{ margin:0 11px;}

.port-mini-text{ font-family:Arial, Helvetica, sans-serif;
font-size:12px; text-align:center; padding:5px 0px; color:#2b388f;
}

.port-mini-text a:link, a.port-mini-text,.port-size-three-text a:visited{ font-family:Arial, Helvetica, sans-serif;
font-size:12px; text-align:center; padding:5px 0px; color:#2b388f; text-decoration: underline; }

.port-mini-text a:hover{ font-family:Arial, Helvetica, sans-serif;
font-size:12px; text-align:center; padding:5px 0px; color:#4d7484; text-decoration:none;}

.port-size-four{ width:228px;
float:left;}

.port-size-four-right{ margin-left:11px;}
.port-size-four-bottom{ margin-bottom:10px;}
.port-graphic-block-one { width:478px; float: left;}

.port-graphic-block-two{ width:415px;
		float: left;
		background-image:url(images/raux_brochure_bg.gif);
		background-repeat:no-repeat;
		height:320px;
		clear:right;
		padding:47px 25px 0px 25px;}

#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}

#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
		z-index:10000;
}

#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}

.contact-buttons { float:left; clear:both; width:100%;}
.red_p { color:#DF2500 !important;}

.clear{ clear:both; }

div.clear{ margin:0px; padding:0px; height:0px;}

#page-text{ padding:20px;}

#page-text h1{ color:#DE2400;}

.page-text-left{ width:450px; float: left;}
.page-text-right{ width:400px; float: left; margin-left:50px;}
/* MENU */

.top-border { margin-top:20px; border-top:1px dotted #999;
}

#tabs {
	float:left;
	width:100%;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:19pt;
	line-height:normal;
	overflow:hidden;
	padding-top:15px;
	}

#tabs ul {
	margin:0;
	padding:10px 10px 0 0px;
	list-style:none;
	
	}

#tabs li {
	display:inline;
	margin:0;
	padding:0;
	}

#tabs a {
	float:left;
	background:url("images/left.png") no-repeat left top;
	margin:0;
	padding:0 0 0 13px;
	text-decoration:none;
	line-height:130%;
	}
	

#tabs a span {
	float:left;
	display:block;
	background:url("images/right.png") no-repeat right top;
	padding:13px 20px 13px 6px;
	margin-right:5px;
	color:#FFF;
	line-height:120%;
	}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {
	color:#000;
	}

#tabs a:hover {
	background-position:0% -42px;
	}

#tabs a:hover span {
	background-position:100% -42px;
	}
	
	#chat_btn{ bottom:10px; right:10px; position:fixed;}
	
	/* END OF MENU */