@import url("nav.css");

/* Action Laser Cutting */
* { padding: 0; margin: 0; }
.hidden { display: none; }
img { border:none; }
body {
	background: #4369a3;
	padding: 0;
	margin: 0;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#wrap {
	margin: 0 auto;
	padding: 0;
	width: 750px;
}

.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
 /* End hide from IE-mac */

div#logo, div#sets { background:#fff; border:1px solid #d6cfc7; margin:5px;}
div#logo { width:750px; }
div#sets { padding:13px; width:724px;  }
div#title { margin:0 0 8px; }

div#content { background: url("../images/core/content_bg.gif") repeat-y; font-size:1.1em; color:#726257; line-height:18px; }
div#content a { color:#4369A3; }
div#content a:hover { color:#000; background:#fff; }

div#content div.left h1 { padding:0 25px; }
div#content div.left h2 { font-size:1.4em; font-weight:normal; color:#4369a3; }
div#content div.left h3 { font-size:1.3em; color:#4369a3; }
div#content div.left h4 { font-size:1.2em; color:#cd0000; }
div#content div.left h5 { font-size:1.1em; }

div#content div.left p, 
div#content div.right p,
div#content div.left h2, 
div#content div.left h3, 
div#content div.left h4, 
div#content div.left h5 { padding:15px 25px 10px; }

div#content table.tabledata { margin:15px 25px 10px; }
div#content table.tabledata tr td { padding:5px 20px 5px 0; border-bottom:1px solid #ebe2cb; }
div#content table.tabledata tr th { padding:5px 20px 5px 0; text-align:left; font-weight:normal; }

div#content input,
div#content select,
div#content textarea { border:none; background:#ebe2cb; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:1em; padding:3px; }

div#content div.right p { padding:15px 25px 10px; text-align:center; }

div#content div.left div.img_left { float:left; margin:0; padding:15px 10px 10px 25px; }
div#content div.left div.img_right { float:right; margin:0; padding:15px 25px 10px 10px; }
div#content div.left div.img_left img, 
div#content div.left div.img_right img { border:4px solid #ebe2cb;}

div#content h1 { font-family:Arial, Helvetica, sans-serif; font-size:1.8em; line-height:42px; background:#ebe2cb;  }
div#content h1.callaction { border-bottom:8px solid #fff;  }
div#content div.left h1.inner_header {  border-bottom:8px solid #fff; margin:0; padding: 0; }

div#title div.left, div#content div.left {float:left; width:536px; margin:0 9px 0 0; }
div#title div.right, div#content div.right {float:left; width:179px;}

div#footer { padding:10px 20px; font-size:1.1em; color:#fff; }
div#footer a { color:#fff; text-decoration:none; }
div#footer a:hover { color:#ebe2cb; background:#385e98; }
div#footer p.webbasic { float:right; }

div#navigation { background:#fff; display:block; padding:0 0 10px; }

div#navigation ul {
	list-style-type: none;
	margin: 0 0 0 17px;
	padding: 0;
	width:153px;
}

div#navigation ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

div#navigation ul li a {
	display: block;
	height: 29px;
	overflow: hidden;
	text-indent: -9999px;
}
div#navigation ul li a:hover { background-position: 0 -29px !important;}

div#navigation ul li a.n-home { background: url('../images/nav/nav-home.gif'); }
div#navigation ul li a.n-profile { background: url('../images/nav/nav-profile.gif') ; }
div#navigation ul li a.n-services { background: url('../images/nav/nav-services.gif'); }
div#navigation ul li a.n-machines { background: url('../images/nav/nav-machines.gif'); }
div#navigation ul li a.n-contact { background: url('../images/nav/nav-contact.gif'); }
div#navigation ul li a.n-home:hover { background: url('../images/nav/nav-home.gif') no-repeat 0 -29px; }
div#navigation ul li a.n-profile:hover { background: url('../images/nav/nav-profile.gif') no-repeat 0 -29px; }
div#navigation ul li a.n-services:hover { background: url('../images/nav/nav-services.gif') no-repeat 0 -29px; }
div#navigation ul li a.n-machines:hover { background: url('../images/nav/nav-machines.gif') no-repeat 0 -29px; }
div#navigation ul li a.n-contact:hover { background: url('../images/nav/nav-contact.gif') no-repeat 0 -29px; }