body { text-align: center; }
a img { border: none; outline: none; }
a { outline:none; }

#wrap {
	position: relative;
	text-align: left;
	width: 755px;
	margin: 0 auto;
	z-index: 0;
	background: #fff;
}

/* home elements ///////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#home {
	position: absolute;
	top: 50px;
	left: 167px;
	height: 386px;
	width: 421px;
	background: url(img/home-bg.png);
}

#home .animation {
	position: absolute;
	top: 2px;
	left: 121px;
	height: 126px;
	width: 172px;
	background: url(img/home-animation.gif);
}

#home a {
	position: absolute;
	top: 355px;
	left: 305px;
	height: 29px;
	width: 79px;
	background: url(img/home-link.png);
}

#home a:hover {
	background-position: -79px 0;
}


/* header elements /////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#header {
	position: absolute;
	top:30px;
	left:0;
	height: 102px;
	width: 755px;
	background: url(img/header-bg.png);
}

#header .animation {
	position: absolute;
	top: 1px;
	left: 648px;
	height: 78px;
	width: 63px;
	background: url(img/header-animation.gif);
}

#header .links {
	position: absolute;
	top: 55px;
	left: 70px;
	height: 25px;
	width: 575px;
}

.portfolio, .about, .contact, .blog, .shop, .portfolio_a, .about_a, .contact_a, .blog_a, .shop_a {
	position: absolute;
	top: 0;
	height: 25px;
	background: url(img/header-links.png);
}

.portfolio, .portfolio_a { left: 0; width: 97px; }
.portfolio { background-position: 0 0; }
.portfolio:hover { background-position: 0 -25px; }
.portfolio_a { background-position: 0 -50px; }

.about, .about_a { left: 152px; width: 63px; }
.about { background-position: -97px 0; }
.about:hover { background-position: -97px -25px; }
.about_a { background-position: -97px -50px; }

.contact, .contact_a { left: 270px; width: 83px; }
.contact { background-position: -160px 0; }
.contact:hover { background-position: -160px -25px; }
.contact_a { background-position: -160px -50px; }

.blog, .blog_a { left: 408px; width: 47px; }
.blog { background-position: -243px 0; }
.blog:hover { background-position: -243px -25px; }
.blog_a { background-position: -243px -50px; }

.shop, .shop_a { left: 510px; width: 48px; }
.shop { background-position: -290px 0; }
.shop:hover { background-position: -290px -25px; }
.shop_a { background-position: -290px -50px; }


/* portfolio elements //////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#portfolio {
	position: absolute;
	top: 132px;
	left: 2px;
	height: 492px;
	width: 751px;
}

#portfolio .tn {
	float:left;
	margin:4px;
	cursor: pointer;
}

#image_popup {
	position: absolute;
	padding: 10px 10px 3px 10px;
	background: #fff;
	-moz-box-shadow: 0 0 20px #444;
	-webkit-box-shadow: 0 0 20px #444;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#image_popup .close {
	float:left;
	margin: 0 0 5px 0px;
	height:15px;
	width:15px;
	cursor: pointer;
}

.arrow_left, .arrow_right {
	position: absolute;
	cursor: pointer;
}


/* about elements //////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#about {
	position: absolute;
	top: 137px;
	left: 5px;
	height: 492px;
	width: 735px;
	background: url(img/about-bg.png);
}

/* contact elements ////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

#contact {
	position: absolute;
	top: 137px;
	left: 5px;
	height: 492px;
	width: 735px;
}

#contact .animation {
	position:absolute;
	top: 25px;
	left: 90px;
}

#contact .address {
	position:absolute;
	top: 40px;
	left: 400px;
	height:100px;
	width:239px;
	background: url('img/contact.png');
}

#contact .name {
	position: absolute;
	top: 60px;
	left: 400px;
	height: 45px;
	width: 231px;
	background: url('img/cont.png');
}

#contact .email {
	position:absolute;
	top: 103px;
	left: 400px;
	height: 27px;
	width: 239px;
	background: url('img/contact.png') 0 -116px;
}

#contact .uk_agent {
	position:absolute;
	top: 150px;
	left: 400px;
	height: 39px;
	width: 239px;
	background: url('img/contact.png') 0 -158px;
}

#contact .link {
	position: absolute;
	top: 190px;
	left:400px;
	height: 24px;
	width: 181px;
	background: url('img/contact.png') 0 -207px;
}


.connect_widget_not_connected_text {
	display:none;
}

.connect_widget {
	float: left;
	width: auto;
}