@charset "UTF-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
	
}
/* must declare 0 margins on everything, also for main layout components use padding, not 

vertical margins (top and bottom) to add spacing, else those margins get added to total height 

and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */



#wrap {
	height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: repeat-y url(image/hor_bkg_long.jpg);
}

body > #wrap {
	height: auto;
	min-height: 100%;
	width:auto;
	min-width:100%;
	
}
#main {
	padding-bottom: 42px;
}  /* must be same height as the footer */
/* CLEAR FIX*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
.clearfloat {
	float:none;}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}

/* End hide from IE-mac */


a img {
	border:none;
}
/*a:link {
	color: #0066ff;
	text-decoration:underline;
}
a:hover {
	color:#7A0A17;
	text-decoration:underline;
}
a:visited {
	color: #804249;
	text-decoration:underline;
}*/
p {
	margin:10px 0 5px 0;
}
/* Header */
#hm_logo{
	width:158px;
	height:171px;
	margin-left:343px;
	margin-top:0px;
	background-image:url(image/cr_logo_in.jpg);
}

#in_logo{
	width:158px;
	height:130px;
	margin-left:124px;
	margin-top:0px;
	background-image:url(image/cr_logo.jpg);
}


#hm_slides{ 
	width:100%;
	height:334px;
	background-color:#000000;
	padding: 0 0 0 0;			
}

#hm_nav{
	float:left;
	width:268px;
	height:250px;
	margin: 0 0 0 0; 
	background-image:url(image/hm_nav_lines.jpg);
	background-repeat:no-repeat;
}

#hm_nav_menu ul{
	 text-align:right;
	 padding-top:32px;
	 display:block;
}

#hm_nav_menu li{
	 list-style-type:none; 
	 padding-top:21px; 
	 display:block; height:12px;
}

.dots { 
	color:#FF6600;
	font-size:13px; 
	font-weight:bold;
	letter-spacing:2px;
	padding-left:3px;
}

#hm_nav_menu a{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}

#hm_nav_menu a:hover{ 
	color:#666666;
	text-decoration:none;
}



#hm_roll_text{
	float:left;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	color:#FFFFFF;
	
}

#hm_roll_text_portfolio{ 
	padding-top:53px;
	padding-bottom:0;	

}

#hm_roll_text_company{ 
	padding-top:87px;
	padding-bottom:0;

}

#hm_roll_text_services{ 
	padding-top:120px;
	padding-bottom:0;

}

#hm_roll_text_contact{ 
	padding-top:152px;
	padding-bottom:0;

}



/* Content Area */

#content {
	width:100%;
	float:left;
	height:100%;
}
#content h1 {
	font-size:1.65em;
	margin:0;
	padding:0;
	color:#7A0A17;
	line-height:1.1em;
}
#content h2 {
	font-size:1.2em;
	margin:15px 0 10px 0;
	color:#7A0A17;
}
#content h3 {
	font-size:1.1em;
	font-weight:normal;
	margin:15px 0 10px 0;
	color:#7A0A17;
}

/*#content ul {
	list-style:square;
	margin:10px 0 10px 20px;
	list-style-position:inside;
}
#content li {
	line-height:1.2em;
	font-size:0.9em;
}
#content #list {
	width:200px;
	float:left;
}*/


#service_left_column { 
	float:left;
	padding-right:40px;
}

#service_right_column { 
	float:left;
	
}

#contact_form_container { 
	background-color:#666666;
	Width:311px;
	height:278px;
	margin-top:120px;

}

#contact_form_table { 
	padding-top:10px;
	padding-left:5px;
}

.fields{
	background-color:#999999; 
	border:none; 
	color:#FFFFFF;
	width:205px;

}

/* Footer */

#footer {
	background-color:#000000; 
	margin-top: -42px; /* negative value of footer height */ 
	padding-left:20px;
	height:42px;
	color:#666666;
	clear:both;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

#footer a  {
	color:#666666;
	text-decoration:none;
}
#footer a:hover { 
	color:#FF6600;
	text-decoration:none;
}
#footer a:visited {
	color:#666666;
	text-decoration:none;
}

#footer_content {
	padding-top:12px;
}