@import "lib/reset.css";

img{
	padding: 0;
	margin: 0;
	border-style: none;
}

a{
	
}

a:hover{
	
}

body {
	text-align: center;
	padding: 0px;
	margin: 0px;
	background: url(images/cabur_background.jpg) repeat;
}

.site_wrap{
	padding: 0px 0px 0px 0px;
	position: relative;
	width: 947px;
	margin: 20px auto 0px auto;
	text-align: right;
}

.page_wrap{
	padding: 0;
	margin: 0;
	text-align: left;
	width: 100%;
	background-color: white;
}

.right_shadow {
	background: url(./images/right_shadow.gif) no-repeat;
	width: 7px;
	height: 593px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 946px;
}

.bottom_shadow {
	background: url(./images/bottom_shadow.gif) no-repeat;
	width: 953px;
	height: 10px;
	position: absolute;
	top: 592px;
	left: 0;
	margin: 0;
	padding: 0;
}

/* @group nav links */

.header{
	position: absolute;
	top: 53px;
	left: 56px;
}

a.nav_link{
	text-decoration: none;
	float: left;
	height: 20px;
}

a.nav_link:hover{
	
}

#home_link{
	width: 69px;
	background: url(./images/nav.jpg) no-repeat -18px -12px;
	}

#about_link{
	width: 112px;
	background: url(./images/nav.jpg) no-repeat -87px -12px;
	}

#team_link{
	width: 103px;
	background: url(./images/nav.jpg) no-repeat -199px -12px;
}

#services_link{
	width: 90px;
	background: url(./images/nav.jpg) no-repeat -302px -12px;
}

#portfolio_link{
	width: 96px;
	background: url(./images/nav.jpg) no-repeat -392px -12px;
}

#contact_link{
	width: 109px;
	background: url(./images/nav.jpg) no-repeat -488px -12px;
}

#home_link:hover{
	background: url(./images/nav.jpg) no-repeat -18px -53px;
	}

#about_link:hover{
	background: url(./images/nav.jpg) no-repeat -87px -53px;
	}

#team_link:hover{
	background: url(./images/nav.jpg) no-repeat -199px -53px;
}

#services_link:hover{
	background: url(./images/nav.jpg) no-repeat -302px -53px;
}

#portfolio_link:hover{
	background: url(./images/nav.jpg) no-repeat -392px -53px;
}

#contact_link:hover{
	background: url(./images/nav.jpg) no-repeat -488px -53px;
}

#home_active{
	width: 69px;
	background: url(./images/nav.jpg) no-repeat -18px -53px;
	}

#about_active{
	width: 112px;
	background: url(./images/nav.jpg) no-repeat -87px -53px;
	}

#team_active{
	width: 103px;
	background: url(./images/nav.jpg) no-repeat -199px -53px;
}

#services_active{
	width: 90px;
	background: url(./images/nav.jpg) no-repeat -302px -53px;
}

#portfolio_active{
	width: 96px;
	background: url(./images/nav.jpg) no-repeat -392px -53px;
}

#contact_active{
	width: 109px;
	background: url(./images/nav.jpg) no-repeat -488px -53px;
}

.caption {
	display: inline-block;
	padding-top: 66px;
	font: bold 13pt/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: black 3px 3px 3px;
	text-decoration: none;
	text-align: center;
	color: white;
}

a:hover.caption {
	color: white;
	display: inline-block;
	font: bold 13pt/20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	visibility: visible;
}

a .top_left{
	width: 147px;
	height: 196px;
	position: absolute;
	left: 504px;
	text-align: center;
	top: 135px;
	background: url(images/portfolio_off.png) 0 0;
	float: left;
	clear: both;
}

a:hover .top_left  {
	background: url(images/portfolio_over.png) 0 0;
}

div.page_wrap img {
	
}

a .top_mid{
	width: 153px;
	height: 196px;
	float: left;
	clear: both;
	position: absolute;
	top: 135px;
	left: 651px;
	text-align: center;
	background: url(images/portfolio_off.png) -146px 0;
}

a:hover .top_mid {
	background: url(images/portfolio_over.png) -146px 0;
}

a .top_right{
	width: 139px;
	height: 196px;
	float: left;
	clear: both;
	position: absolute;
	top: 134px;
	left: 804px;
	text-align: center;
	background: url(images/portfolio_off.png) -298px -0px;
}

a:hover .top_right{
	background: url(images/portfolio_over.png) -298px -0px;
}

a .bottom_left{
	width: 147px;
	height: 210px;
	float: left;
	clear: both;
	position: absolute;
	top: 330px;
	left: 504px;
	text-align: center;
	background: url(images/portfolio_off.png) 0 -195px;
}

a:hover .bottom_left {
	background: url(images/portfolio_over.png) 0 -195px;
}

a .bottom_mid{
	width: 153px;
	height: 210px;
	float: left;
	clear: both;
	position: absolute;
	top: 330px;
	left: 651px;
	text-align: center;
	background: url(images/portfolio_off.png) -146px -195px;
}

a:hover .bottom_mid {
	background: url(images/portfolio_over.png) -146px -195px;
}

a .bottom_right{
	width: 139px;
	height: 210px;
	float: left;
	clear: both;
	position: absolute;
	top: 330px;
	left: 804px;
	text-align: center;
	background: url(images/portfolio_off.png) -298px -195px;
	z-index: 0;
}

a:hover .bottom_right {
	background: url(images/portfolio_over.png) -298px -195px;
}


/* @end */

#next_link {
	float: right;
	display: block;
	position: absolute;
	bottom: 20px;
	right: 20px;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

a#next_link {
	text-decoration: none;
	color: gray;
}

a:hover#next_link {
	color: black;
	text-decoration: underline;
}