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

* {margin:0; padding:0}
a {outline: none;}
body {
	height:100%;
	background-color: #fe4e1d;
	text-align:center;
	background-image:url(../images/background3.gif);
	background-repeat:repeat-x;
}

html {height:100%; margin-bottom: 1px;}

#background {
	width:100%;
	height:100%;
	background-image:url(../images/background2.gif); 
	background-repeat:repeat-x; 
}
#container {
	position:relative; /* puts container in front of distance */
	text-align:left;
	width:890px;
	clear:left;
	background-color:#FFFFFF;
	margin-right: auto;
	margin-left: auto;
}

#distance {
	width:890px;
	height:33px;
	background-image: url(../images/topshad.gif);
	background-repeat: repeat-x;
}
#top {
	height: 153px;
	width: 890px;
	background-image:url(../images/no-flash-head.gif);
	background-repeat: no-repeat;
}
#top-web {
	height: 153px;
	width: 890px;
	background-image:url(../images/no-flash-web.gif);
	background-repeat: no-repeat;
}
#top-flash {
	height: 153px;
	width: 890px;
	background-image:url(../images/no-flash-flash.gif);
	background-repeat: no-repeat;
}
#top-3d {
	height: 153px;
	width: 890px;
	background-image:url(../images/no-flash-3d.gif);
	background-repeat: no-repeat;
}
#top-video {
	height: 153px;
	width: 890px;
	background-image:url(../images/no-flash-video.gif);
	background-repeat: no-repeat;
}
#top-graphics {
	height: 153px;
	width: 890px;
	background-image:url(../images/no-flash-graphics.gif);
	background-repeat: no-repeat;
}

#hello {
	margin-bottom:15px;
	background:url(../images/hello.gif);
	background-repeat: no-repeat;
	text-indent: -10000px;
	height: 40px;
	}
	

#main {
	background-color: #FFFFFF;
	width: 890px;
}
.clear {
	clear: both;
	width: 890px;
}
#left {
	width: 225px;
	float: left;
	margin-right: 20px;
	margin-bottom: 40px;
}
#about {
	background-image: url(../images/about.png);
	background-repeat: no-repeat;
	width: 280px;
	height: 40px;
}
#about h2 {
 	text-indent:-10000px;
}

#contact {
	background-image: url(../images/contact.png);
	background-repeat: no-repeat;
	width: 280px;
	height: 40px;
}
#contact h2 {
 	text-indent:-10000px;
}
.text {
	padding-top: 15px;
	text-align:left;
	margin-bottom:20px;
	margin-left: 18px;
}
#portfolio {
	float: left;
	width: 575px;
	margin-right: 13px;
	margin-bottom: 30px;
	margin-left: 45px;
}
#portfolio-ART {
	float: left;
	width: 800px;
	margin-top: 28px;
	margin-left: 45px;
	margin-right: 45px;
	margin-bottom: 30px;
}
#recent {
	background-image: url(../images/welcome-title.jpg);
	background-repeat: no-repeat;
	width: 572px;
	height: 142px;
	margin-top: -32px;
}
#recent h1 {
 	text-indent:-10000px;
}
#web-link {
	background-image: url(../images/web_title.jpg);
	background-repeat: no-repeat;
	width: 572px;
	height: 142px;
	margin-top: -32px;
}
#web-link h1 {
 	text-indent:-10000px;
}
#flash-link {
	background-image: url(../images/interactive.png);
	background-repeat: no-repeat;
	width: 572px;
	height: 142px;
	margin-top: -32px;
}
#flash-link h1 {
 	text-indent:-10000px;
}
#d-link {
	background-image: url(../images/3d_title.jpg);
	background-repeat: no-repeat;
	width: 572px;
	height: 142px;
	margin-top: -32px;
}
#d-link h1 {
 	text-indent:-10000px;
}
#video-link {
	background-image: url(../images/video-title.jpg);
	background-repeat: no-repeat;
	width: 572px;
	height: 142px;
	margin-top: -32px;
}
#video-link h1 {
 	text-indent:-10000px;
}
#graphics-link {
	background-image: url(../images/graphics-title.jpg);
	background-repeat: no-repeat;
	width: 572px;
	height: 142px;
	margin-top: -32px;
}
#graphics-link h1 {
 	text-indent:-10000px;
}
#arty-link {
	background-image: url(../images/arty-title.jpg);
	width: 572px;
	height: 142px;
	margin-top: -32px;
}
#arty-link h1 {
 	text-indent:-10000px;
}
.work {
	padding-top: 15px;
}

.image {
	margin-top: 15px;
	margin-bottom: 15px;
	text-align: center;
}

.video {
	margin-top: 25px;
	margin-bottom: 15px;
	text-align: center;
	background-image:url(../images/ipad_big.gif);
	background-repeat:no-repeat;
	background-position:center;
}

.ouno1 {
	margin-top: 25px;
	margin-bottom: 15px;
	width:724px;
	height:306px;
	text-align: center;
	background-image:url(../images/ouno.gif);
	background-repeat:no-repeat;
	background-position:center;
}

.videos {
	margin-top: 25px;
	margin-bottom: 15px;
	text-align: center;
	background-image:url(../images/ipad.gif);
		background-repeat:no-repeat;
	background-position:center;
}



img {border: 0px none;}
#foot {
	width: 890px;
	margin-left: 40px;
	margin-right: 40px;
	margin-bottom: 20px;
	clear:both;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	height: 20px;
}
#bottom-links {
	width: 300px;
	float: left;
	text-align: left;
}
#copyright {
	float: right;
	width: 300px;
	text-align: right;
}
.date {
	text-align: right;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #22373a000;
	margin-bottom:15px;
	padding-bottom:10px;
	margin-top: 10px;
}
#inspire {	
	background-image: url(../images/inspiration.png);
	background-repeat: no-repeat;
	width: 280px;
	height: 40px;
}
#arty {	
	background-image: url(../images/arty.png);
	background-repeat: no-repeat;
	width: 280px;
	height: 40px;
}
#arty h2 {	
 	text-indent:-10000px;
}
#inspire h2 {
 	text-indent:-10000px;
}
.inspire-elements {
	margin-bottom:20px;
	margin-top:20px;
}

.inspire-elements img {
	height:50px;
	width:50px;
	padding-right:10px;
	float:left
}
.title {
	margin-bottom:20px;
}

	

/** TEXT **/

h2, h3, h4, p {
	font-size:12px;
	text-indent:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	font-style: normal;
	font-weight: normal;
}

h1 {
	font-size:13px;
	text-indent:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#219bff;
	font-style: normal;
	font-weight: normal;
}

.text-roll {
	font-size:12px;
	text-indent:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#219bff;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}
.text-roll:hover {
	font-size:12px;
	text-indent:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#fe4e1d;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

.h1-roll {
	font-size:13px;
	text-indent:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#219bff;
	font-style: normal;
	font-weight: normal;
}
.h1-roll:hover {
	font-size:13px;
	text-indent:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#fe4e1d;
	font-style: normal;
	font-weight: normal;
}

a {
	font-size:12px;
	text-indent:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#219bff;
	font-style: normal;
	font-weight: normal;
}
a:hover {
	font-size:12px;
	text-indent:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#fe4e1d;
	font-style: normal;
	font-weight: normal;
}

.footText  {font-size: 9px; color: #fff; font-family: Verdana, Verdana, Arial, Helvetica, sans-serif; text-decoration: none}
.footTextRoll {font-size: 9px; color: #fff; font-family: Verdana, Verdana, Arial, Helvetica, sans-serif; text-decoration: none}
.footTextRoll:hover  {font-size: 9px; color: #22373a; font-family: Verdana, Verdana, Arial, Helvetica, sans-serif; text-decoration: none}
.date-text {font-size: 10px; color: #22373a; font-family: Verdana, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; font-style:italic}


#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
.icon {
	height: 30px;
	width: 30px;
		float: left;
	margin-right: 10px;
}
.icons {
	margin-top: 10px;

}




	


.going-up {
	background-image:url(../images/going-up-float.gif);
	background-repeat:no-repeat;
	background-position:right;
	white-space: nowrap;
	display: block;
	height:69px;
	width: 93px;
	text-align:right;
	margin-left:700px;
	position:absolute;
	margin-top: -70px;
} 

/** css LINKS **/

.going-up a {
display: block;
text-decoration: none;
}

.going-up img
{border: 0}

.going-up a:hover img
{visibility:hidden}