* {
	padding: 0;
	margin: 0 auto;
}

body {
	background: #FFF url(../images/global/bg/body.gif) repeat-x 0 0;
	text-align: center;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	line-height: 1.4;
}

div#wrap {
	position: relative;
	width: 825px;
	background: transparent url(../images/global/bg/wrap.gif) no-repeat 0 0;
	text-align: center;
	margin-bottom: 50px;
}

#wrap div#roofs {
	position: absolute;
	left: 0;
	top: 170px;
	height: 254px;
	width: 279px;
	background: transparent url(../images/global/bg/roofs.gif) no-repeat center bottom;
}

#roofs span {
	float: left;
	width: 254px;
	height: 241px;
	margin-left: 12px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#roofs span#roof-img-index,
#roofs span#roof-img-products,
#roofs span#roof-img-analysis,
#roofs span#roof-img-questions,
#roofs span#roof-img-about,
#roofs span#roof-img-contact,
#roofs span#roof-img-estimate,
#roofs span#roof-img-gallery {
	background: url(../images/roofs/img_1.gif);
}

#roofs span#roof-img-2 {
	background: url(../images/roofs/img_2.gif);
}

#roofs span#roof-img-3 {
	background: url(../images/roofs/img_3.gif);
}

#roofs span#roof-img-metal {
	background: url(../images/roofs/img_4.gif);
}

#roofs span#roof-img-5,
#roofs span#roof-img-builtup {
	background: url(../images/roofs/img_5.gif);
}

#roofs span#roof-img-6,
#roofs span#roof-img-singleply {
	background: url(../images/roofs/img_6.gif);
}

div#top {
	position: relative;
	height: 150px;
	background: transparent url(../images/global/bg/top.gif) no-repeat center bottom;
}

#top a#logo {
	position: absolute;
	top: 25px;
	left: 20px;
	text-align: left;
	text-indent: -999em;
	width: 246px;
	height: 70px;
	outline: none;
	background: transparent url(../images/global/btn/logo.gif) no-repeat 0 0;
}

#top span#icons {
	position: absolute;
	top: 30px;
	right: 20px;
	width: 205px;
	height: 54px;
	background: transparent url(../images/global/bg/icons.gif) no-repeat 0 0;
}

#top ul#nav-left,
#top ul#nav-right {
	position: absolute;
	bottom: 11px;
	list-style: none;
	height: 40px;
}

#top span#nav-blc,
#top span#nav-brc {
	position: absolute;
	bottom: 2px;
	height: 17px;
	width: 17px;
	z-index: 1;
}

#top #nav-blc {
	left: 7px;
	background: transparent url(../images/global/bg/nav_blc.gif) no-repeat 0 0;
}

#top #nav-brc {
	right: 7px;
	background: transparent url(../images/global/bg/nav_brc.gif) no-repeat 0 0;
}

* html div#top span#nav-brc {
	right: 6px;
}

#nav-left {
	width: 255px;
	left: 13px;
	background: transparent url(../images/global/bg/nav_left.gif) repeat-x 0 0;
}

#nav-right {
	width: 542px;
	left: 270px;
	background: transparent url(../images/global/bg/nav_right.gif) repeat-x 0 0;
}

#nav-left li,
#nav-right li {
	float: left;
	margin-left: 8px;
	height: 40px;
}

#nav-left a,
#nav-right a {
	float: left;
	margin-top: 3px;
	text-align: left;
	text-indent: -999em;
	height: 30px;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	outline: none;
}

#nav-left li.sep,
#nav-right li.sep {
	width: 3px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 1px 15px;
}

#nav-left li.sep {
	background-image: url(../images/global/msc/nav_left_sep.gif);
}

#nav-right li.sep {
	background-image: url(../images/global/msc/nav_right_sep.gif);
}

#nav-left a:hover,
#nav-right a:hover,
body#estimate #nav-left a#nav-btn-1, 
body#gallery #nav-left a#nav-btn-2, 
body#index #nav-right a#nav-btn-3,
body#products #nav-right a#nav-btn-4,
body#analysis #nav-right a#nav-btn-5,
body#questions #nav-right a#nav-btn-6,
body#about #nav-right a#nav-btn-7,
body#contact #nav-right a#nav-btn-8 {
	background-position: 0 -42px;
}

#nav-left a#nav-btn-1 {
	margin-left: 30px;
	width: 95px;
	background-image: url(../images/global/btn/nav_1.gif);
}

* html ul#nav-left a#nav-btn-1 {
	margin-left: 23px;
}

#nav-left a#nav-btn-2 {
	width: 59px;
	background-image: url(../images/global/btn/nav_2.gif);
}

#nav-right a#nav-btn-3 {
	margin-left: 16px;
	width: 41px;
	background-image: url(../images/global/btn/nav_3.gif);
}

* html ul#nav-right a#nav-btn-3 {
	margin-left: 8px;
}

#nav-right a#nav-btn-4 {
	width: 68px;
	background-image: url(../images/global/btn/nav_4.gif);
}

#nav-right a#nav-btn-5 {
	width: 95px;
	background-image: url(../images/global/btn/nav_5.gif);
}

#nav-right a#nav-btn-6 {
	width: 71px;
	background-image: url(../images/global/btn/nav_6.gif);
}

#nav-right a#nav-btn-7 {
	width: 65px;
	background-image: url(../images/global/btn/nav_7.gif);
}

#nav-right a#nav-btn-8 {
	width: 60px;
	background-image: url(../images/global/btn/nav_8.gif);
}

div#left,
div#right {
	float: left;
	text-align: left;
	margin-top: 25px;
}

#left {
	margin-left: 12px;
	width: 250px;
	padding-top: 275px;
}

* html div#left {
	margin-left: 5px;
}

#right {
	width: 510px;
	margin-left: 35px;
	background: transparent url(../images/global/bg/right.gif) no-repeat 0 100px;
}

* html div#right {
	margin-left: 25px;
}

#wrap div#footer {
	width: 100%;
	position: relative;
	margin: 25px 0 0 0;
	border-top: 1px solid #8E999F;
	font-size: 11px;
	color: #8E999F;
}

* html div#wrap div#footer {
	margin-bottom: 50px;
}

#footer span {
	position: absolute;
	top: 5px;
}

#footer span#copyright {
	left: 0;
}

#footer span#address {
	right: 0;
}