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

html,body { margin:0; padding:0; height:100%; /* needed for container min-height */ }
body { margin: 0px; padding: 0px; background-color:#000; font:12px/20px 'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif; height:100%; color:#FFF; background-image:url(../images/header.jpg); background-position:top center; background-repeat:repeat-x; background-attachment:fixed;  }

a:link { color: #FFF; text-decoration:none; }
a:visited { color: #FFF;  text-decoration:none; }
a:hover { color: #FFF; text-decoration:underline; font-style:none; }

p { margin:0px; padding:0px; }
.clear { clear:both }
.right { float:right;}
.left { float:left;}

div#topbar { background-color:#000; height:2px; position:fixed; top:0px; left:0px; width:100%; z-index:200; }
div#container { width:100%; font-size:11px; background-image:url(../images/header1.jpg); background-position:top center; background-repeat:repeat-x; }
div#wrapper { display:table; height:595px; margin:0 auto; text-align:center; width:100%; position:relative; }
div#header { width:1003px; margin:0 auto; text-align:center; position:relative; top:0px; left:0px; z-index:100; height:315px; }
div#maincontainer { width:100%; background-color:#000; position:relative; background-image:url(../images/background-new.jpg); background-repeat:no-repeat; background-attachment:fixed; background-position:top center;   }
div#content { width:1009px; margin:0 auto; text-align:center; position:relative; top:0px; left:0px; }
div#bodycontent { /*width:366px;*/ width:373px; text-align:left; padding-left:22px; padding-right:22px; padding-top:15px; float:left; background-image:url(../images/body-gradient.png); background-repeat:no-repeat; position:relative; }
div#bodycontent-work { /*width:366px;*/ width:373px; text-align:left; padding-left:22px; padding-right:22px; padding-top:15px; float:left; background-image:url(../images/body-gradient.png); background-repeat:no-repeat; position:relative; height:225px; }
div#bodycontent-full { /*width:366px;*/ width:987px; text-align:left; padding-left:22px; padding-right:22px; padding-top:15px; float:left; background-image:url(../images/body-gradient.png); background-repeat:no-repeat; position:relative; }
div#footer { border-top:1px solid #00adf0; position:relative; text-align:left; font-size:10px; padding-top:7px; margin-left:12px; } 
div#nd-logo { background-image:url(../images/logo-nd.png); background-repeat:no-repeat; display:block; height:19px; width:35px; /*margin-left:12px;*/ float:left; }

h1#logo { margin:0px; padding:0px; position: absolute; top:57px; left:22px; display:block; width:362px; height:90px; text-indent:-5000px; background-image:url(../images/logo.png); background-repeat:no-repeat; }
h2#title { font-size:50px; height:46px; margin:0px; padding:0px; margin-bottom:0px; padding-bottom:15px; padding-top:5px; display:block; color:#FFF; border-bottom:1px solid #00adf0; }
h3#subtitle { position:absolute; top:-258px; /*left:411px;*/ left:417px; margin:0px; padding:2px 0px 2px 11px; width:250px; border-left:#0071bc 3px solid ; font-size:20px; line-height:21px; font-weight:normal; display:block; }

.image { margin-bottom:18px; float:left; clear:both; }
.portfolio { width:592px; float:right; position:relative; text-align:left; margin-top:-130px;  }
.home { width:592px; float:right; position:relative; text-align:left; margin-top:-130px;  }
.bodytext { padding-top:15px; }
.bodytext p { padding-bottom:20px; }

#fixed { position:fixed; top:0px; left:0; right:0; border:none; z-index:400; }
#navbar { width: 1009px; margin: auto; } 
#nav { height:39px; background-color:#000; position:relative; top: 0px; left:0px; width:592px; float:right; }
#nav ul { display:block; padding:0px; margin:0px; height:39px; float:left; }
#nav li { display:inline; }
#nav li  a { height: 39px; text-indent: -5000px; display: block; float: left; overflow: hidden; background-repeat: no-repeat; }
#nav ul.social { float:right; margin-right:10px; }

#nav li.btn-home a { height: 39px; width: 86px; display:block; float:left; margin-left: 0px; text-align:center; background-image:url(../images/btn-home.png); background-position:0px -78px; background-repeat:no-repeat; text-indent:-5000px; }
#nav li.btn-work a { height: 39px; width: 86px; display:block; float:left; margin-left: 4px; text-align:center;  background-image:url(../images/btn-work.png); background-position:0px -78px; background-repeat:no-repeat; text-indent:-5000px; }
#nav li.btn-about a { height: 39px; width: 86px; display:block; float:left; margin-left: 4px; text-align:center;  background-image:url(../images/btn-about.png); background-position:0px -78px; background-repeat:no-repeat; text-indent:-5000px }
#nav li.btn-contact a { height: 39px; width: 86px; display:block; float:left; margin-left: 14px; text-align:center;  background-image:url(../images/btn-contact.png); background-position:0px -78px; background-repeat:no-repeat; text-indent:-5000px }

#nav li.btn-home a:hover { height: 39px; width: 86px; display:block; float:left; margin-left: 0px; text-align:center; background-image:url(../images/btn-home.png); background-position:0px 0px; background-repeat:no-repeat; text-indent:-5000px; }
#nav li.btn-work a:hover { height: 39px; width: 86px; display:block; float:left; margin-left: 4px; text-align:center;  background-image:url(../images/btn-work.png); background-position:0px 0px; background-repeat:no-repeat; text-indent:-5000px; }
#nav li.btn-about a:hover { height: 39px; width: 86px; display:block; float:left; margin-left: 4px; text-align:center;  background-image:url(../images/btn-about.png); background-position:0px 0px; background-repeat:no-repeat; text-indent:-5000px }
#nav li.btn-contact a:hover { height: 39px; width: 86px; display:block; float:left; margin-left: 14px; text-align:center;  background-image:url(../images/btn-contact.png); background-position:0px 0px; background-repeat:no-repeat; text-indent:-5000px }

#nav li.btn-home-on a { height: 39px; width: 86px; display:block; float:left; margin-left: 0px; text-align:center; background-image:url(../images/btn-home.png); background-position:0px -39px; background-repeat:no-repeat; text-indent:-5000px; }
#nav li.btn-work-on a { height: 39px; width: 86px; display:block; float:left; margin-left: 4px; text-align:center;  background-image:url(../images/btn-work.png); background-position:0px -39px; background-repeat:no-repeat; text-indent:-5000px; }
#nav li.btn-about-on a { height: 39px; width: 86px; display:block; float:left; margin-left: 4px; text-align:center;  background-image:url(../images/btn-about.png); background-position:0px -39px; background-repeat:no-repeat; text-indent:-5000px }
#nav li.btn-contact-on a { height: 39px; width: 86px; display:block; float:left; margin-left: 14px; text-align:center;  background-image:url(../images/btn-contact.png); background-position:0px -39px; background-repeat:no-repeat; text-indent:-5000px }

#nav li.btn-twitter a { height: 17px; width: 20px; margin-top:10px; display:block; float:left; margin-left: 0px; text-align:center; background-image:url(../images/icon-twitter.gif); background-position:0px 0px; background-repeat:no-repeat; text-indent:-5000px; }
#nav li.btn-facebook a { height: 17px; width: 21px; margin-top:10px; display:block; float:left; margin-left: 0px; text-align:center; background-image:url(../images/icon-facebook.gif); background-position:0px 0px; background-repeat:no-repeat; text-indent:-5000px; }
#nav li.btn-linkedin a { height: 17px; width: 20px; margin-top:10px; display:block; float:left; margin-left: 0px; text-align:center; background-image:url(../images/icon-linkedin.gif); background-position:0px 0px; background-repeat:no-repeat; text-indent:-5000px; }
#nav li.btn-rss a { height: 17px; width: 20px; margin-top:10px; display:block; float:left; margin-left: 0px; text-align:center; background-image:url(../images/icon-rss.gif); background-position:0px 0px; background-repeat:no-repeat; text-indent:-5000px; }

#noddydog-home { width:381px; height:159px; position:absolute; top:160px; left:0px; }


/* JQuery Slider */

.ic_container{
    vertical-align:baseline;
    margin:0px;
	margin-bottom:10px;
	height:352px;
	width:592px;
    position:relative;
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;*/
}
.overlay{
    opacity:0.3;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	display:none;
}
.caption{
	font:12px/20px 'Lucida Sans','Lucida Grande','Lucida Sans Unicode',sans-serif;
	font-weight:normal;
    position:absolute;    
    opacity:0.9;   
    overflow:hidden;
    margin:0px;
    padding:0px;
    left:0px;
    right:0px;
    cursor:default;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
}

.caption-text { padding:15px 15px 15px 15px; font-size:11px; }

/* JQuery Slider Work */

#showcase { background-color:#00adf0; margin-top:-7px; padding:7px 2px 7px 7px; width:360px; height:200px; }
.title-showcase { margin:0px; padding:0px; font-size:20px; line-height:21px; padding-bottom:5px; }
.showcase-thumb { display:block; width:85px; height:50px; background-color:#000; float:left; margin-right:5px; margin-bottom:5px; }

.work_ic_container{
	width:197px; height:120px; display:block; background-color:#000; float:left;
    vertical-align:baseline;
    margin:0px;
	margin-bottom:0px;
    position:relative;
    /*-moz-border-radius:10px;
    -webkit-border-radius:10px;
    -khtml-border-radius:10px;
    -moz-box-shadow: 0 1px 3px #888;
    -webkit-box-shadow: 0 1px 3px #888;*/
}

.work-caption-text { height:110px; padding:10px 15px 0px 15px; display:block; font-size:11px; }


#work-top { float:left; text-align:left; width:592px; margin-top:-40px; }
#work-body { float:left; text-align:left;  padding-left:22px; margin-bottom:22px;  margin-top:-40px; }
.work-heading { margin:0px; font-size:20px; line-height:21px; padding-bottom:5px; }
.work-box-empty { width:197px; height:120px; display:block;  float:left; }