@charset "utf-8";
/* CSS Document */
* {margin:0; padding: 0;}
body {width: 100%; }

#bgbody{width: 100%; background: #27272e url(../images/bg5.jpg) top center no-repeat;}
#wrapper {
	position: relative;
	margin: auto;
	width: 956px;
	height: auto;
}


#header {
	width: 956px;
	height: 400px;
}

#content {
	width: 956px;
	height: auto; 
}

#content2{
	position: relative;
	width: 956px;
	right: 50px;
	height: auto; 
	background: url(../images/bodyfill.jpg) repeat-y;
}

.kwicks li {
	width: 878px;
	height: 500px;
}
#kwick1 { 
}
#kwick2 {
	margin: 0 0 0 0px;
	background:  url(../images/vert2.png) no-repeat;
}
#kwick3 {
	margin: 0 0 0 0px;
	background:  url(../images/vert2.png) no-repeat;
}
#kwick4 { 
	margin: 0 0 0 0px;
	background:  url(../images/vert2.png) no-repeat;
}
        	
/* defaults for Kwicks */
.kwicks {
	list-style: none;
	position: relative;
	margin: 0px 0 0 50px;
	padding: 0;
	
}
.kwicks li{
	display: block;
	overflow: auto;
	padding: 0;
	cursor: pointer;
}
/* End defaults for Kwicks */

#portfoliotitle{ display: inline; position:absolute; background:url(../images/portfolio2.gif) no-repeat; width:52px; height:500px; margin: 20px 0 0 10px;}
#portfoliotitle:hover {background: url(../images/portfolio_h.gif) no-repeat; }

#servicestitle {position:absolute; background:url(../images/services2.gif) no-repeat; width:52px; height: 500px; margin: 20px 0 0 15px;}
#servicestitle:hover {background: url(../images/services_h.gif) no-repeat; margin: 20px 0 0 15px;}

#aboutmetitle {position:absolute; background:url(../images/aboutme2.gif) no-repeat; width: 52px; height: 500px; margin: 20px 0 0 15px;}
#aboutmetitle:hover {background: url(../images/aboutme_h.gif) no-repeat; margin: 20px 0 0 15px;}
	
#contacttitle {position:absolute; background:url(../images/contact2.gif) no-repeat; width: 52px; height: 500px; margin: 20px 0 0 15px;}
#contacttitle:hover {background: url(../images/contact_h.gif) no-repeat; margin: 20px 0 0 15px;}

#mywork {background: url(../images/mywork2.gif) no-repeat; width: 380px; height: 44px; margin: 20px 0 0 110px;}
#doforyou {background: url(../images/doforyou2.gif) no-repeat; width: 380px; height: 46px; margin: 20px 0 0 110px;}
#abridged {background: url(../images/abridged2.gif) no-repeat; width: 380px; height: 42px; margin: 20px 0 0 110px;}
#dropmeline {background: url(../images/dropmeline2.gif) no-repeat; width: 380px; height: 43px; margin: 20px 0 0 110px;}

#barebones, #angelameuser, #studentwork, #barebones2, #angelameuser2, #studentwork2, #barebones3, #angelameuser3, #studentwork3, #barebones4, #angelameuser4, #studentwork4 {position: relative; background: url(../images/whiteport.png) no-repeat; width: 575px; height: 385px; margin: 0px 0 0 0px;}

#bbport {position: absolute; background: url(../images/bbport.jpg) no-repeat; width: 515px; height: 337px; margin: 23px 0 0 25px;}
#amport {position: absolute; background: url(../images/amport.jpg) no-repeat; width: 515px; height: 337px; margin: 23px 0 0 25px;}
#swport {position: absolute; background: url(../images/swport.jpg) no-repeat; width: 515px; height: 337px; margin: 23px 0 0 25px;}

.launch{ position: absolute; background:url(../images/lanchsite_ns.gif); width: 80px; height: 87px; left: 575px; top: 100px; outline: none;}
.launch:hover{position: absolute; background:url(../images/lanchsite_s.gif); width: 80px; height: 87px; left: 575px; top: 100px; outline: none;}


div#header h1, h3{
	text-indent: -9000px;
}

    .widget{
    width: 510px;
    margin: -10px 0 0 70px;
    padding: 0px;
    border: 0px solid #dedbd1;
    }
	
	ul.tabnav { width: 600px; height: auto; margin: 0px 0 0 0; padding: 0;}

    .tabnav li {
    display: inline;
    list-style: none;
    padding-right: 5px;
	margin: 0px 0px 0px 0px;
    }

    .tabnav li a {
    padding: 22px 6px; outline: none;
	}
	
	.whitebox {padding: 35px 50px;}
	
	li#bb > a {background:url(../images/barebonesns.gif) no-repeat;}
	li#bb a:hover {background:url(../images/bareboness.gif) no-repeat;}

	li#am > a {background:url(../images/angelameuserns.gif) no-repeat;}
	li#am a:hover {background:url(../images/angelameusers.gif) no-repeat;}

	li#sw > a {background:url(../images/studentworkns.gif) no-repeat;}
	li#sw a:hover {background:url(../images/studentworks.gif) no-repeat;}
	
	li#design > a {background:url(../images/design_ns.gif) no-repeat;}
	li#design a:hover {background:url(../images/design_s.gif) no-repeat;}

	li#develop > a {background:url(../images/develop_ns.gif) no-repeat;}
	li#develop a:hover {background:url(../images/develop_s.gif) no-repeat;}

	li#deliver > a {background:url(../images/deliver_ns.gif) no-repeat;}
	li#deliver a:hover {background:url(../images/deliver_s.gif) no-repeat;}
	

    .ui-tabs-hide {
    display: none;
    }
	
#footer {
	margin: auto;
	width: 100%;
	height: 85px;
	background: #27272e url(../images/footer5.jpg) center no-repeat;
	padding: 0px 0 0 0;
}

#hide {display: none;}