/*
Default Theme Stylesheet
Name:Global.CSS
Author: Rameez Ghori
Description: default theme
Date of Start: September 3rd 2009
Date of Last Changes: 
*/

/* Body
----------------------------------------------------------------------------------- */

body {
	font:normal 11px/18px verdana;
	color:#626262;
	text-align:justify;
	background:#fff url(../images/bg.jpg) repeat-x;
}

/* ======================= Reset Styles! ======================= */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, hr, dl, dt, dd, ol, ul, li, fieldset, form, input, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:none;
}

img {
	border:none;
}

.clear {
	clear:both;
}
a:link, a:active, a:visited {
	color: #fff;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration:underline;
}
h1 {
	margin:0px;
	padding:13px 0 0 19px;
	font-family:"Trebuchet MS";
	font-size:17px;
	font-weight:normal;
	color:#86031d;
	width:500px;
	line-height:normal;
	float:left;
}
h1 a {
	color:#86031d !important;
	text-decoration:none;
}
h1 a:hover {
	color:#86031d !important;
	text-decoration:none !important;
}


/* ======================= Wrapper ======================= */

#hundred {
	width:100%;
}
#wrapper {
	margin:0 auto;
	padding:0 0 10px 0;
	width:940px;
}
#logo_main {
	width:940px;
	float:left;
	height:153px;
}
#logo {
	padding:0 245px 0 0;
	width:300px;
	float:left;
}
#logo img {
	margin:17px 0 0 64px;
	float:left;
}
#slogan {
	width:384px;
	float:left;
}
#slogan img {
	margin:6px 0px 0 0; 
	float:left;
}

/* ======================= Navigation ======================= */

#mainnav {
	margin:0px;
	width:940px;
	padding:0px;
	float:left;
}

#mainnav ul {
	padding:0px;
	width:940px;
	float:left;
}
#mainnav li {
	float: left;
	display: inline;
	list-style-type: none;
}

#mainnav li img {
	border: 0px;
}

#mainnav li, #mainnav li a {
	display: block;
	overflow: hidden;
	height: 38px;
}
#mainnav li.home a {
	width: 180px;
}

#mainnav li.home a:hover {
	text-indent: -180px;
}
#mainnav li.our a {
	width: 219px;
}

#mainnav li.our a:hover {
	text-indent: -219px;
}
#mainnav li.about a {
	width: 174px;
}

#mainnav li.about a:hover {
	text-indent: -174px;
}
#mainnav li.contact a {
	width: 172px;
}

#mainnav li.contact a:hover {
	text-indent: -172px;
}
#mainnav li.company a {
	width: 195px;
}

#mainnav li.company a:hover {
	text-indent: -195px;
}

/* ======================= Header ======================= */

#main_header {
	padding:10px 0 0px 0;
	width:940px;
	float:left;
}
#header {
	padding:0 14px 0 0;
	width:653px;
	float:left;
}

/* ======================= Header Right Panel ======================= */

#head_rght_one {
	background:url(../images/com_bg_one.gif) repeat-y;
	width:273px;
	float:left;
}
#head_rght {
	background:url(../images/com_pan_bg.gif) no-repeat;
	width:273px;
	float:left;
	min-height:271px;
	height:auto !important;
	height:271px;
}
#head_rght img {
	margin:13px 0 0 16px;
	float:left;
}
#head_rght img.com {
	margin:19px 0 0 14px;
	float:left;
}
#head_rght img.read {
	margin:10px 16px 0 0px;
	float:right;
}
#head_rght p {
	padding:9px 0 0 17px; 
	width:239px;
	color:#FFFFFF;
	line-height:15px;
	float:left;
}
#company_btm {
	width:273px;
	float:left;
}
#company_btm img {
	float:left;
}

/* ======================= Body ======================= */

#container {
	padding:5px 0 0 0;
	width:940px;
	float:left;
	min-height:622px;
	height:auto !important;
	height:622px;
}
#welcome {
	padding:0 30px 0 0;
	width:632px;
	float:left;
}
#welcome img {
	float:left;
}
#welcome img.logos {
	margin:15px 0 0 18px;
	float:left;
}
#welcome p {
	padding:13px 0 0 19px;
	width:603px;
	float:left;
}
#welcome p.exten_springs {
	padding:13px 0 0 19px;
	width:425px;
	float:left;
}
#welcome img.spring {
	margin:0px 0px 0 0;
	float:right;
}
#welcome img.compre {
	margin:20px 0px 0 0;
	float:right;
}
#welcome p.info {
	padding:0px 0 0 19px;
	width:603px;
	float:left;
}
#welcome p.sec {
	padding:23px 0 0 19px;
	width:603px;
	float:left;
}
#welcome a {
	text-decoration:none;
	color:#626262;
}
#welcome a:hover {
	text-decoration:underline;
	color:#626262;
}

/* ======================= Product ======================= */

#product {
	padding:26px 0 0 0px;
	width:632px;
	float:left;
}
#pro_bg {
	padding:0px;
	width:632px;
	float:left;
	background:#d8d8da url(../images/product_bg.gif) no-repeat;
	min-height:299px;
	height:auto !important;
	height:299px;
}
#pro_bg img {
	margin:13px 300px 0 22px;
	float:left;
}
#pro_bg img.product {
	margin:16px 0 0 21px;
	float:left;
}
#pro_bg p {
	margin:0px;
	padding:17px 0 0 16px;
	width:375px;
	float:left;
}
#pro_bg img.sep {
	margin:9px 0 0 53px;
	float:left;
}
#pro_bg img.spring {
	margin:19px 0 0 42px;
	float:left;
}
#pro_bg img.spring_right {
	margin:19px 0 0 15px;
	float:left;
}
#product_btm {
	width:632px;
	float:left;
}

/* ======================= Callout Areas ======================= */

#main_calout {
	padding:16px 0 0 0;
	width:278px;
	float:right;
}
#compression_main {
	padding:0 0 10px 0;
	float:left;
}
#compression_main.last {
	padding:0px;
	float:left;
}
#compression {
	width:272px;
	float:left;
	background:#d8d8d8 url(../images/call_bg.jpg) repeat-x;
	border:#bebebe solid 3px;
	min-height:138px;
	height:auto !important;
	height:138px;
}
#compression img {
	margin:14px 0 0 0px;
	float:left;
}
#compression p {
	margin:0px;
	padding:8px 0 0 9px;
	line-height:14px;
	width:178px;
	float:left;
}
#compression img.call {
	margin:14px 7px 0 0px;
	float:right;
}
#compression p.torson {
	margin:0px;
	padding:7px 0 0 9px;
	line-height:15px;
	width:144px;
	float:left;
}
#compression img.tor {
	margin:11px 9px 0 0px;
	float:right;
}
#compression img.exten {
	margin:8px 4px 0 0px;
	float:right;
}
#compression img.wire {
	margin:13px 0px 0 0px;
	float:right;
}
#compression img.wire_image {
	margin:13px 24px 0 0px;
	float:right;
}
#compression p.wirepara {
	margin:0px;
	padding:7px 0 0 9px;
	line-height:15px;
	width:157px;
	float:left;
}

/* ======================= Footer ====================== */

#footer {
	padding:0 0 10px 0;
	width:100%;
	background:url(../images/footer_bg.gif) repeat-x;
	height:51px;
}
#footer_para {
	margin:0 auto;
	width:940px;
}
#footer_para p {
	padding:11px 0 0 2px;
	width:940px;
	text-align:center;
	font-size:10px;
	color:#FFFFFF;
	line-height:14px;
}

/* ======================= Form ====================== */

#form {
	margin:0px;
	padding:10px 0 0 0px;
	width:632px;
	float:left;
}
#form img {
	margin:5px 0 0 153px;
	padding:0px;
	float:left;
}
#form ul {
	margin:0;
	padding:10px 0 0px 19px;
	float:left;
	list-style-type:none;
	width:600px;
}
#form li {
	margin:0;
	padding:0 0 8px 0;
	float:left;
	width:600px;
}
#form input {
	margin:0;
	padding:2px 0 0 2px;
	float:left;
	border: solid #9d9d9d 1px;
	color:#656565;
	width:200px;
	height:16px;
	font-size:11px;
}
#form input:hover {
	padding:2px 0 0 2px;
	float:left;
	border: solid #622524 1px;
	color:#656565;
	width:200px;
	height:16px;
}
#form textarea {
	margin:0;
	padding:2px 0 0 2px;
	float:left;
	border: solid #9d9d9d 1px;
	color:#656565;
	width:250px;
	height:100px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#form textarea:hover {
	margin:0;
	padding:2px 0 0 2px;
	float:left;
	border: solid #622524 1px;
	color:#656565;
	width:250px;
	height:100px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#form label {
	margin:0;
	padding:1px 0 0 0;
	float:left;
	color:#656565;
	width:135px;
}