/*************************************

	Code By Att
 
 *************************************/

html, body { height:100%; }

#wrapper { margin: 0 auto; width: 980px; height: 100%; }
#wrapper td.wrapper { padding: 0 75px 0 105px; }
#wrapper td.footer { padding: 0 0 0 105px; vertical-align: bottom; }

#header { margin-bottom: 32px; }

#logo { float: left; width: 155px; }
#logo a { background: url('../images/i/logo.png') no-repeat; width: 155px; height: 154px; display: block; }
#logo a img {display: none; }

#langs { height: 28px; font-size: 0.857em; }
#langs ul { margin: 0; padding: 6px 0 0; }
#langs ul li { background: none; margin: 0; padding: 0 18px 0 0; display: inline; }
#langs ul li a { background: none; }

#header div.contacts { padding: 4px 0 0 95px; margin-bottom: 15px; float: right; width: 550px; }
#header div.menu 	 { padding-left: 75px; float: right; width: 570px; }
#header div.menu ul { margin: 0; padding: 0; }
#header div.menu ul li { background: none; margin: 0; padding: 0 37px 0 24px; float: left; }
#header div.menu ul li a { background: none; }
#header div.menu ul li.m1 { background: url(../images/i/mrk/m1.gif) 0 6px no-repeat; }
#header div.menu ul li.m2 { background: url(../images/i/mrk/m2.gif) 0 6px no-repeat; }
#header div.menu ul li.m3 { background: url(../images/i/mrk/m3.gif) 0 6px no-repeat; }

#footer div.menu { padding-left: 250px; margin-bottom: 20px; }
#footer div.menu ul { margin: 0; padding: 0; }
#footer div.menu ul li { background: none; margin: 0 30px 0 0; padding: 0; display: inline; }
#footer div.copyright { float: left; }
#footer div.contacts { margin-right: 75px; float: right; width: 550px; }
#footer div.colors { margin-top: 160px; }
#footer div.colors div.color-1 { background: #404041; margin-right: 1px; float: left; width: 147px; height: 30px; }
#footer div.colors div.color-2 { background: #00746b; margin-right: 1px; float: left; width: 147px; height: 30px; }
#footer div.colors div.color-3 { background: #dadb1f; margin-right: 1px; float: left; width: 147px; height: 30px; }
#footer div.colors div.color-4 { background: #ff6633; margin-right: 1px; float: left; width: 147px; height: 30px; }
#footer div.colors div.color-5 { background: #ff9900; margin-right: 1px; float: left; width: 147px; height: 30px; }

/*=================================================*/

div.tariffs { margin: 37px 0 71px 0; }
div.tariffs div.col-1 { float: left; }
div.tariffs div.col-2 { padding-right: 20px; float: right; }
div.tariffs div.price { margin-bottom: 21px; font-size: 3.429em; line-height: 40px; }
div.tariffs div.space { margin-bottom: 11px;font-size: 1.286em; }
div.tariffs div.order { font-size: 1.286em; }
div.tariffs div.order a { 
	background: url(../images/i/bg/order-r.gif) right no-repeat; 
	padding-right: 9px; 
	display: block; 
	text-decoration: none; 
	color: #fff; 
}
div.tariffs div.order a span { 
	background: url(../images/i/bg/order-l.gif) top left no-repeat; 
	padding: 0 0 0 16px;
	display: block; 
}
div.tariffs div.order a span span { 
	background: url(../images/i/bg/order.gif) repeat-x; 
	padding: 8px 14px 0 26px;
	display: block; 
	height: 32px; 
}
div.tariffs div.im img { margin-top: -77px; position: absolute; }
div.tariffs div.col-1 div.price { color: #00746b; }
div.tariffs div.col-1 div.space { margin-left: 270px; color: #00746b; }
div.tariffs div.col-1 div.order { margin-left: 243px; }
div.tariffs div.col-2 div.price { color: #dadb1f; }
div.tariffs div.col-2 div.space { margin-left: 200px; color: #dadb1f; }
div.tariffs div.col-2 div.order { margin-left: 174px; }

/*=================================================*/

div.includes { margin-bottom: 20px; float: left; width: 500px; }
div.includes ul { margin: -2px 0 22px 0; font-size: 1.286em; }
div.includes ul li {
	background: url(../images/i/mrk/i.gif) 0 0 no-repeat;
	padding-left: 40px;
	margin-bottom: 20px;
}
div.includes p.link { padding-left: 40px; }

/*=================================================*/

div.details { padding-top: 20px; margin-bottom: 20px; float: right; width: 250px; color: #959595; }
div.details ul { margin-top: -20px; }
div.details em { color: #959595; font-style: italic; }

/*=================================================*/

table.clients { width: 100%; }
table.clients th { padding: 0 60px 0 30px; white-space: nowrap; font-size: 1.286em; vertical-align: middle;}
table.clients th span { white-space: nowrap; font-size: 2.667em; vertical-align: middle; }
table.clients td { font-style: italic; }

/*=================================================*/

div.why h1 { color: #dadb1f; }
div.why p.why-offset { margin: 0 40px 40px 250px; color: #959595; }
div.why ul.why li { background: none; padding: 0 0 20px 0; }
div.why ul.why li em { 
	background: url(../images/i/mrk/why.gif) no-repeat;
	padding: 24px 0 0 22px;
	margin: -5px 0 0 20px; 
	color: #ff6633; 
	font-size: 3.429em; 
	display: block; 
	float: left;
	width: 48px; height: 46px; 
}
div.why ul.why li p { margin-left: 110px; }
div.why div.tariffs { margin-bottom: 111px; }

/*=================================================*/

div.addit h1 { color: #00746b; important! }

/*=================================================*/

div.tech div.tariffs { margin-bottom: 111px; }
div.tech p.caption { margin-bottom: 10px; }
div.tech table.includes { background: url(../images/i/bg/includes.gif) top repeat-x; margin-bottom: width: 100%; }
div.tech table.includes td { padding: 30px 10px 20px 20px; }
div.tech table.includes ul li { 
	background: url(../images/i/mrk/i.png) 0 0 no-repeat;
	padding-left: 25px;
	margin-bottom: 20px;
}

/*=================================================*/

table.form { width: 100%; }
table.form th { width: 40%; padding: 0 20px 40px 0; font-size: 1.286em; color: #959595; }
table.form th label { color: #959595; }
table.form th div { margin: -2px 0 2px 0; }
table.form th em { color: #ff6633; vertical-align: top; }
table.form td { padding: 0 30px 40px 0; width: 30%; }
table.form td.tariff-1 label { color: #00746b; font-size: 1.286em; }
table.form td.tariff-1 div { margin: -2px 0 2px 0; }
table.form td.tariff-2 label { color: #dadb1f; font-size: 1.286em; }
table.form td.tariff-2 div { margin: -2px 0 2px 0; }
table.form .example { color: #959595; }

table.form table.agreement td { width: 99%; padding: 0; }
table.form table.agreement td.ch { width: 1%; padding-right: 8px; padding-top: 3px; }

table.form table.bill td { width: auto; padding: 0 20px 0 0; }

/*=================================================*/

div.agreement-box { background: #fff; padding: 20px; }
div.agreement { 
	position: relative; 
	width: 600px; 
	height: 500px;
	overflow-y: scroll;
}

/*=================================================*/