@charset "utf-8";
/* CSS Document */

body {
	 background-color: #ffffff;
	 font-family: arial;
	 font-size: 8pt;
	 color: #3d3d3d;
}

.description {
	text-indent: -9999px;
}

.main-container {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -400px;
	margin-top: -125px;
	width: 800px;
	height: 260px;
}

.top-container {
	position: static;
	float: left;
	width: 800px;
	height: 4px;
}

.top-line {
	background: url(/images/lineTop.gif);
	width: 800px;
	height: 4px;
}

.bottom-line {
	background: url(/images/lineBtm.gif);
	width: 800px;
	height: 4px;
}

.nav-container {
	position: static;
	float: left;
	width: 260px;
	height: 222px;
}

.nav-cap {
	background: url(/images/navTop.gif) no-repeat;
	width: 260px;
	height: 20px;
}

.nav-container-cup {
	background: url(/images/navEnd.gif);
	width: 260px;
	height: 14px;
	text-indent: -9999px;
}

.logo {
	background: url(/images/arj-designs-logo.gif) no-repeat;
	width: 111px;
	height: 182px;
	position: relative;
	float: left;
	text-indent: -9999px;
}

.logo a {
	display: block;
	width: 111px;
	height: 182px;
	text-indent: -9999px;
	overflow: hidden;
}

.nav-r-side {
	background: url(/images/navRight.gif);
	width: 4px;
	height: 182px;
	position: relative;
	float: right;
	text-indent: -9999px;
}

.nav-cup {
	background: url(/images/navEnd.gif) no-repeat;
	width: 260px;
	height: 20px;
	float: left;
}

div.w {background-image: url(/images/nav_web_active.gif); background: no-repeat; width: 145px; height: 14px; position: relative; float: left;}
div.p {background-image: url(/images/nav_print_active.gif); background: no-repeat; width: 145px; height: 14px; position: relative; float: left;}
div.i {background-image: url(/images/nav_identity_active.gif); background: no-repeat; width: 145px; height: 14px; position: relative; float: left;}
div.t {background-image: url(/images/nav_tutorials_active.gif); background: no-repeat; width: 145px; height: 14px; position: relative; float: left;}
div.l {background-image: url(/images/nav_links_active.gif); background: no-repeat; width: 145px; height: 14px; position: relative; float: left;}
div.c {background-image: url(/images/nav_contact_active.gif); background: no-repeat; width: 145px; height: 14px; position: relative; float: left;}

a.w {
	background-image: url(/images/nav_web.gif);
	display: block;
	width: 145px;
	height: 14px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	overflow: hidden;
}

a.w:hover {background-image: url(/images/nav_web_active.gif);}

a.p {
	background-image: url(/images/nav_print.gif);
	display: block;
	width: 145px;
	height: 14px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	overflow: hidden;
}

a.p:hover {background-image: url(/images/nav_print_active.gif);}

a.i {
	background-image: url(/images/nav_identity.gif);
	display: block;
	width: 145px;
	height: 14px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	overflow: hidden;
}

a.i:hover {background-image: url(/images/nav_identity_active.gif);}

a.t {
	background-image: url(/images/nav_tutorials.gif);
	display: block;
	width: 145px;
	height: 14px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	overflow: hidden;
}

a.t:hover {background-image: url(/images/nav_tutorials_active.gif);}

a.l {
	background-image: url(/images/nav_links.gif);
	display: block;
	width: 145px;
	height: 14px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	overflow: hidden;
}

a.l:hover {background-image: url(/images/nav_links_active.gif);}

a.c {
	background-image: url(/images/nav_contact.gif);
	display: block;
	width: 145px;
	height: 14px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	overflow: hidden;
}

a.c:hover {background-image: url(/images/nav_contact_active.gif);}

.content-container {
	position: relative;
	float: left;
	height: 222px;
	width: 540px;
}

.web-container {
	position: relative;
	float: left;
	width: 180px;
	height: 222px; 
	background-image:url(/images/webTab_active.gif);
}

a.web-container {
	text-indent: -9999px;
	overflow: hidden;
}

a.web-container:link {background-image: url(/images/webTab.gif);}
a.web-container:hover {background-image: url(/images/webTab_active.gif);}
a.web-container:visited {background-image: url(/images/webTab.gif);}
a.web-container:visited:hover {background-image: url(/images/webTab_active.gif);}

.print-container {
	position: relative;
	float: left;
	width: 180px;
	height: 222px;
	background-image: url(/images/printTab_active.gif);
}

a.print-container {
	text-indent: -9999px;
	overflow: hidden;
}

a.print-container:link {background-image: url(/images/printTab.gif);}
a.print-container:hover {background-image: url(/images/printTab_active.gif);}
a.print-container:visited {background-image: url(/images/printTab.gif);}
a.print-container:visited:hover {background-image: url(/images/printTab_active.gif);}

.identity-container {
	position: relative;
	float: left;
	width: 180px;
	height: 222px;
	background-image: url(/images/identityTab_active.gif);
}

a.identity-container {
	text-indent: -9999px;
	overflow: hidden;
}

a.identity-container:link {background-image: url(/images/identityTab.gif);}
a.identity-container:hover {background-image: url(/images/identityTab_active.gif);}
a.identity-container:visited {background-image: url(/images/identityTab.gif);}
a.identity-container:visited:hover {background-image: url(/images/identityTab_active.gif);}

.bottom-container {
	position: static;
	float: left;
	width: 800px;
	height: 34px;
	font-family: arial;
	font-size: 8pt;
	line-height: 20px;
}

#portfolio-container {
background: #7d7d7d;
border: 4px solid #fff;
color: #fff;
height: 140px;
margin: 10px 10px 10px 10px;
padding: 4px;
}

#portfolio-container a {
color: #fff;
text-decoration: none;
}

#portfolio-container a:hover {
text-decoration: underline;
}

#portfolio-container a:visited {
text-decoration: none;
}