body {
		background: url(images/bg.jpg) fixed top left;
		margin: 0; padding: 0;
                padding: 0 0 40px 0;
}

a img {border: none; } 
a:active { outline: none; } 
a:focus { -moz-outline-style: none; }

h2 { font-size: 20px; }
}

#wrap {
		width: 100%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 12px;
}
#header {
		width: 502px;
		height: 134px;
		margin: 0 auto;
		background: url(images/logo.png) no-repeat;
		margin-bottom: 10px;
}
#content {
               width: 1000px; height: auto; margin: 0 auto;
}
#content-contact {
               width: 790px; height: 550px; margin: 0 auto;
}
#featured{  
		width:800px;  
		padding-right:250px;  
		position:relative;  
		height:280px;  
		margin: 0 auto;
		background: white;
		z-index: 1;
}
#featuredtxt {
		background: url(images/featured.png) no-repeat;
		position: absolute; top: 0; left: 0;
		width: 359px;	height: 38px;
		z-index: 2;
}
#featured ul.ui-tabs-nav{  
	    position:absolute;  
	    top:0; left:800px;  
	    list-style:none;
	    background: black;
	    padding:0; margin:0;  
	    width:250px; height: 280px;
}  
#featured ul.ui-tabs-nav li{  
		font-size: 12px;  
		color: #666; height: 70px;
}  
#featured ul.ui-tabs-nav li span{  
		font-size: 11px; font-family: Verdana;  
		line-height: 18px;  
}  
#featured .ui-tabs-panel{
		width:800px; height: 280px; 
		position:relative;  
        overflow: hidden;  
}  
#featured .ui-tabs-hide {  
		 display:none;
}
#featured li.ui-tabs-nav-item a {
		height: 70px;  
		color: white;  background: black;
		text-decoration: none;
		line-height: 20px;  
		outline: none;  
}  
#featured li.ui-tabs-nav-item a:hover {  
		background: #1B1B1B;
		color: #69d3ff;
}  
#featured li.ui-tabs-selected { 
		background: url('images/selected-item.gif') top left no-repeat;  
}  
  
#featured ul.ui-tabs-nav li.ui-tabs-selected a {  
		background: #1B1B1B;  
}  
#featured ul.ui-tabs-nav li img {  
                height: 50px; width: 50px;
		float: left;
		background: #fff;  
}  
#featured ul.ui-tabs-nav li img {  
	    float:left; margin: 5px;  
	    background:#fff;
		border: 2px solid white;
}
.info p {
      margin: 3px 0;
}
#rotator {
		width: 710px;
		height: 200px;
		background: white;
		float: left;
}
#rotator-info {
		width: 240px;
		height: 260px;
		background: black;
		float: left;
}
#bottom {
		width: 1000px;
		height: 150px;
		margin: 20px auto;
}
#about {
		background: url(images/about.png) no-repeat;
		color: white;
		width: 300px;	height: 150px;
		padding: 23px 0;
		float: left;
}
#about p { margin: 2px 0; }
#about a { text-decoration: underline; color: #69D3FF; }
#about1 { float: left; margin-left: 10px; width: 200px; }
#about2 { float: left; margin-left: 65px; width: 150px; }
#about3 { float: left; margin-left: 65px; width: 200px; }
#recent {
		background: url(images/recent.png) no-repeat;
		width: 300px;	height: 150px;
		float: left;
		margin-left: 50px;
}

#news {
		background: url(images/news.png) no-repeat;
		width: 300px;
		height: 120px;
		float: left;
		margin-left: 110px;
		padding: 30px 0;
}

#news li {
		list-style: none;
		display: block;
		margin: 8px 0;
		color: white;
}

#news li a { text-decoration: none; color: #66FF33; font-weight: bold; margin: 0; }
#news li a:hover { text-decoration: none; color: #69d3ff; font-weight: bold; margin: 0; }
#news li p { margin: 0px; }
#news li p a { text-decoration: none; font-weight: lighter; color: #69d3ff; font-style: italic; display: block; }
#news li p a:hover { text-decoration: none; font-weight: lighter; font-style: italic; color: red; }
#news li a img { float: left; border: none; margin: 5px;}

#news-page li {
     background: black; color: white;
     list-style: none; display block; padding: 7px;
     margin-top: 10px;
}

#news-page li a { text-decoration: none; color: #66FF33; font-weight: bold; margin: 0; }
#news-page li a:hover { text-decoration: none; color: #69d3ff; font-weight: bold; margin: 0; }
#news-page li p { margin: 0px; }
#news-page li p a { text-decoration: none; font-weight: lighter; color: #69d3ff; font-style: italic; display: block; }
#news-page li p a:hover { text-decoration: none; font-weight: lighter; font-style: italic; color: red; }
#news-page li a img { float: left; border: none; margin: 5px;}

#theaudio {
  height: 30px; 
  width: 300px; 
  position: absolute; 
  top: 92.5%; left: 15px;
}

#icons { width: 230px; height: 120px; float: right; margin: 0px 0 0 20px; }
#icons img { margin: 5px; }

#hppost {
   width: 800px; height: 100%;
   margin: auto;
}
#hppost #thepic {
   width: 300px; height: 225px;
   background: black; padding: 10px; float: left;
   margin: -40px 0 0 -40px;
}
#the_post {
   width: 500px; height: 100%;
   margin: auto;
}
#the_post_alt {
   width: 830px; height: 100%;
   margin: auto;
}
#the_post h2 {
   margin: 0 0 0 60px; color: white;
}
.entry {
   background: black; color: white;
   width: 360px; height: auto;
   margin: 0px 0 0 100px; padding: 10px; float: left;
}
.entry h1 {
   margin: 0px; font-size: 21px;
}
.entry p {
   margin: 0; padding: 0;
}
.post_entry {
   background: black; color: white;
   width: 360px; height: auto;
   padding: 10px; margin: 0 auto;
}
.post_entry_alt {
   background: ; color: white;
   width: 830px; height: auto;
   padding: 10px; margin: 0 auto;
}
.post_entry a {
   color: #69D3FF; font-style: italic;
}
#comment-wrap {
	width: 830px; float: left;
}
#commentarea {
   width: 440px; margin: auto;
   padding: 10px;
}
#commentarea a {
   color: #7bd5f6; height: auto;
}
#commentarea p {
   font-weight: bold; margin: auto; width: 350px;
}
#commentarea h2 {
   margin: 0;
}
#commentform { width: 350px; margin: auto; }
#commentform p { width: 350px; margin: 5px auto; }
#commentarea form { margin: auto; width: 350px; }
#commentarea form textarea { height: 100px; margin: auto; }
.commentlist {
   background: white; color: black;
   padding: 10px;
}
.commentlist li {
	margin-left: 20px;
	margin-top: 10px;
}
.commentlist p {
   font-weight: normal;
}
.commentlist img {
	max-width: 400px; max-height: 275px; margin: 10px auto
}
.comleft {
	color: white;
}
.comright a{
	color: #0099FF; text-decoration: none;
}
#commentspopup {
	color: white;	font-family: Arial, Helvetica, sans-serif;
	width: 600px; height: auto;
    margin: 0 auto;
}
#commentspopup code {
	background: white; color: #000000;
	width: 500px; margin: auto;
}
#commentspopup a {
	background: black; color: white; padding: 2px; font-weight: bold; text-decoration: none;
}
#postcomment {
   width: 200px; float: left; margin: 0; line-height: 1.2; color: white;
   
}
.contact {
   background: black;
   width: 550px; height: auto;
   margin: 0 0 0 20px; padding: 10px; float: left;
}
.contact p { color: white; }
#contact { 
    width: 150px; 
    height: 344px; 
    color: white; 
    background: black; 
    float: left;
    padding: 10px;
}
#capabilities {
   width: 700px; height: 165px;
   background: black; color: white;
   margin: 120px auto 0 auto; padding: 10px; float: left;
}
#capabilities li {
   list-style: none;
}
#capabilities h2 {
   margin: 0; padding: 0;
}
/* Footer
++ The footer is where it all comes together and comes to a close. Styling this is fairly simple, because there's not much to do.
*/

@media screen {
  body>div#footer {
   position: fixed;
  }
 }
* html body {
  overflow: hidden;
 } 
* html div#wrap {
  height:100%;
  overflow:auto;
 }

#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	height: 40px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
}

#footer ul {
		margin: 0 auto;
                height: 40px; width: 690px;
                list-style: none; padding: 0;
}

#footer ul li {
		list-style: none; 
                text-align: center;
                float: left; padding: 0;
		margin-right: 10px; margin-left: 10px;             
}

#footer ul li a {
                display:block;
		color: white;
		text-decoration: none;
                width: 110px; height: 22px;
                padding: 8px 8px 0 0;
}
#footer ul li a {
                background: url(images/home.png);
                background-position: 0 0;
}

#footer ul li a:hover {
		color: #69d3ff; 
                background: url(images/home.png);
                background-position: -250px 0px;
}


#loader {
				top: 0; 
				right: 0px; 
				position:absolute; 
				display:block; 
				background:black; 
				color:white; 
				z-index:1000; 
				width: 100%; 
				height: 100%; 
				cursor: wait;
				text-align: center;
				font-family:Arial, Helvetica, sans-serif;
				text-transform: capitalize;
}

/******* Portfolio *******/


#port_nav {
                                width: 790px; height: 1px;
                                margin: 0 auto; 
}
#port_nav p {
                                text-align: center; display: inline;
                                padding: 5px 20px 5px 20px; position: absolute;
                                font-size: 16px; color: white; top: 60%;
                                background: black;
}
#port_nav_alt {
                                width: 830px; height: 1px;
                                margin: 0 auto; 
}
#port_nav_alt #commentarea  {
								width: 500px;
								float: none;
								margin: 0px auto;
}
#port_nav_alt .comments-link {
	background: black; color: white; font-weight: bold; padding: 5px; text-decoration: none; float: right;
}
#port_nav_alt a{
	background: black; color: white; font-weight: bold; padding: 0 0 3px 0; text-decoration: none;
}


#web { margin-left: 220px; width: 50px; }
#graphic { margin-left: 320px; width: 80px; }
#motion { margin-left: 450px; width: 80px; }
#port_nav p:hover {
                                cursor: pointer; color: #3ecbf9;
}
#back { 
        position: relative;
        color: white; text-decoration: none;
        font-weight: normal; font-size: 14px;
        top: -10px;
}
#back-motion { 
        position: absolute; top: 950px; right: 30%;
        color: white; text-decoration: none;
        font-weight: normal; font-size: 14px; 
}
.thumb1 {
				float: left;
				list-style: none;
				margin: 0; padding: 5px 10px;
				width: 300px;
}
.thumb1 li {
				margin: 0; padding: 5px;
				float: left;
				position: relative;
				width: 90px;
				height: 90px;
}
.thumb1 li h3 {
                                visibility: hidden;
}
.thumb1 li img {
				width: 80px; height: 80px;
				-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
				padding: 5px;
				position: absolute;
				left: 0; top: 0;
                                z-index: 0;
}
.thumb1 li a { color: white; cursor: text; }
ul.thumb1 li img:hover {
				background:url(images/thumb_bg.png) no-repeat center center;
				border: none; cursor: pointer;
}
.thumb2 {
				float: left;
				list-style: none;
				margin: 0; padding: 5px 10px;
				width: 300px;
}
.thumb2 li {
				margin: 0; padding: 5px;
				float: left;
				position: relative;
				width: 90px;
				height: 90px;
}
.thumb2 li h3 {
                                visibility: hidden;
}
.thumb2 li img {
				width: 80px; height: 80px;
				-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
				padding: 5px;
				position: absolute;
				left: 0; top: 0;
                                z-index: 0;
}
.thumb2 li a { color: white; cursor: text; }
ul.thumb2 li img:hover {
				background:url(images/thumb_bg.png) no-repeat center center;
				border: none; cursor: pointer;
}

.thumb3 {
				float: left;
				list-style: none;
				margin: 0; padding: 5px 10px;
				width: 300px;
}
.thumb3 li {
				margin: 0; padding: 5px;
				float: left;
				position: relative;
				width: 90px;
				height: 90px;
}
.thumb3 li h3 {
                                visibility: hidden;
}
.thumb3 li img {
				width: 80px; height: 80px;
				-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
				padding: 5px;
				position: absolute;
				left: 0; top: 0;
                                z-index: 0;
}
.thumb3 li a { color: white; cursor: text; }
ul.thumb3 li img:hover {
				background:url(images/thumb_bg.png) no-repeat center center;
				border: none; cursor: pointer;
}
#main_view1 {
      height: 380px; 
      width: 590px; 
      background: black; float: left;
      left: 37.5%; top: 20.5%; position: absolute;
      z-index: 1; text-align: center;
}
#main_view1 img{
      height: 370px; max-width: 580px;
      margin: 5px auto;
      z-index: 1;
}
#main_view2 {
      height: 380px; 
      width: 590px; 
      background: black; float: left;
      left: 37.5%; top: 20.5%; position: absolute;
      z-index: 1; text-align: center;
}
#main_view2 img{
      max-height: 370px; max-width: 580px;
      margin: 5px auto;
      z-index: 1;
}
#main_view3 {
      height: auto; width: 590px;
      margin: 20px auto 40px;
      background: none;

}
#main_view3 h2 {
     font-size: 24px; color: white; margin: 0;
}
#main_view3 p {
      margin: 0;
}
#main_view3 a {
      height: 370px; max-width: 580px;
      margin: 5px auto; text-align: center;
      z-index: 1;
}
#roller {
	position:absolute; top: 0; left: 0; z-index: 100;
	background: url(images/bubble.png) no-repeat;
	width: 327px; height: 206px;
	color: black; display: none;
	}
	
.swine {
	color: black; background: white;
	float: left; margin: 10px; 
	width: 250px; height: 195px;
}
#sharethis_0 {
	padding: 2px 167px 4px 2px; background: white; color: black;
}
#sharethis_0 a {
	color: black;
}
.stbuttontext {
	margin-left: 20px; color: black;
}

.linkorigin {
  margin: 600px 0 0 400px;
  width: 300px;
}

#thelink {
  margin: 0px 0 0 380px;
  width: 200px;
  padding: 2px;
  text-align: right;
}
#thelink a {
  color: white;
  font-size: 16px;
  text-decoration: none;
}
#thelink a:hover {
  text-decoration: underline;
}