/* ----------------------------------
© 2009 Hilbelink.net

---------------------------------- */
* {
	padding:0;
	margin:0;
}

body {
	background:#333 url(../img/bigbg.png) repeat-y center top;
	font-family:Helvetica, Arial, sans-serif;
	height:100%;
	margin:0;
	font-size: 12px;
}

img,div {
	behavior:url(../iepngfix.htc);
}

p#serif {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: italic;
}

h2 {
	color: #660;
	font-size:18px;
	padding: 15px 0;
}
	
h3 {
	color: #006;
	font-size:14px;
	padding: 0 0 15px 0;
}
	
p {
	color: #333;
	line-height: 20px;
	padding: 0 0 10px 0;
}
	
p#sdbr {
	font-size: 10px;
	color: #8b5e2f;
	line-height: 18px;
	text-transform: uppercase;
	padding: 0;
}


a, a:active {
	color:#993;
	text-decoration: none;
}

a:hover {
	color:#006;
	text-decoration: none;
	border-bottom: 1px dotted #006;
}


hr {
	background-color: #330;
	height: 1px;
	border: 0px solid;
	margin: 0 0 10px 0;
}


#wrapper {
	background:url(../img/sitebg2.png) no-repeat center top;
	width:980px;
	height:610px;
	border: 0px solid #000;
	color:#000;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-490px;
	margin-top:-305px;
}

#menuhelper {
	background:url(../img/shadow.png) no-repeat center bottom;	
	border: 0px solid #F00;
	width:980px;
	height:630px;
}

#content {
	position:relative;
	width:650px;
	height:630px;
	text-align:left;
	border: 0px solid #00F;
	color:#000;
	margin:0;
	padding:0 0 0 40px;
	float:left;
}

#menubx {
	background: url(../img/bird.png) no-repeat 130px bottom;
	position:relative;
	width:240px;
	height:550px;
	text-align:left;
	border: 0px solid #f00;
	color:#000;
	margin:0;
	padding:0 40px 0 0;
	float:right;
}

/*#header {
	position:relative;
	width:585px;
	height:205px;
	text-align:left;
	border: 0px solid #f00;
	color:#000;
	margin:0;
	padding:0 40px 0 0;
	float:left;
}*/


#header {
	position:relative;
	width:640px;
	height:205px;
	text-align:left;
	border: 0px solid #f00;
	color:#000;
	margin:0;
	padding:0;
	float:left;
}



#navbtns {
	border: 0px solid red;
	margin:0;
	padding:0;
	width:230px;
}

#menu {
	border: 0px solid red;
	margin:5px 0 0 0;
	padding:0;
	width:230px;
}


	
/*
#menu ul {
	margin: 5px 0 0 0;
	padding: 0;
}

#menu li {
	border: 0px solid red;
	height: 50px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
*/
#maincnt {
	border: 0px solid red;
	float:left;
	margin:0;
	padding:15px 0 25px 25px;
	width:600px;
	height:290px;
}

#page01,#page02,#page03,#page04,#page05 {
	float:left;
	border: 0px solid red;
	width:600px;
}

#pgtxt {
	float:left;
	border: 0px solid red;
	width:380px;
}

#pgtxt2 {
	float:left;
	border: 0px solid red;
	width:600px;
}

#sidebar {
	background:url(../img/sidebar.png) no-repeat center top;
	border: 0px solid red;
	float:right;
	margin:0;
	padding:0;
	position:relative;
	width:202px;
	height:310px;
}

#sidebar2 {
	background:url(../img/sidebar_lns.png) no-repeat center top;
	border: 0px solid red;
	float:right;
	margin:0;
	padding:0;
	position:relative;
	width:202px;
	height:310px;
}

#sdbrcntHm {
	border: 0px solid red;
	margin: 0;
	padding:0;
	position:relative;
	width:178px;
}

#sdbrcnt {
	border: 0px solid red;
	margin: 0 12px;
	padding:0;
	position:relative;
	width:178px;
}

#sidebar h3, #sidebar2 h3 {
	text-transform: uppercase;
	font-weight: bold;
	font-family: Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 15px 15px 5px 15px;
	color: #c9ba6c;
}

#footer {
	border: 0px solid red;
	clear:left;
	float:left;
	height:60px;
	margin:0 0 0 10px;
	padding:0;
	width:630px;
}

#socials {
	border: 0px solid red;
	clear:left;
	float:right;
	width:200px;
	height:50px;
	margin: 10px 15px 0 0;
	padding:0;
}

#cpyrght {
	width:930px;
	height:20px;
	font-size:10px;
	text-align:right;
	color:#333;
	font-weight: bold;
	border:0px solid red;
	float:left;
	text-transform: uppercase;
}

	
/* ------ Work Windows ------ */
.work {
	text-align:center;
	margin:0 auto;
	padding:0;
}

.work ul {
	list-style:none;
	margin:0 auto;
	padding-left:0;
	border: 0px solid green;
}

.work li {
	border: 1px solid #333;
	width:188px;
	display:inline;
	height:68px;
	list-style:none;
	margin: 5px;
	float:left;
	text-align:center;
	font-size:11px;
	line-height:14px;
}


	
/* ------ Work Windows ------ */
.workSM {
	text-align:center;
	margin:0 auto;
	padding:0;
}

.workSM ul {
	list-style:none;
	margin:0 auto;
	padding-left:0;
	border: 0px solid green;
}

.workSM li {
	border: 1px solid #333;
	width:178px;
	display:inline;
	height:68px;
	list-style:none;
	margin: 5px;
	float:left;
	text-align:center;
	font-size:11px;
	line-height:14px;
}

	

	
	
/* ------ Home Btns ------ */
/*.logo {
	position:relative;
	display:block;
	text-indent:-9999px;
	width:180px;
	height:125px;
	margin:55px 0 0;
	float:left;
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
}

#nav_logo {
	background-position:0 0;
}

#nav_logo:hover,#nav_logo.hover {
	background-position:-230px 0;
	border: 0;
}*/

/* ------ Home Btns ------ */
.logo {
	position:relative;
	display:block;
	text-indent:-9999px;
	width:180px;
	height:125px;
	margin:55px 0 0;
	float:left;
	background-image:url(../img/logo.png);
	background-repeat:no-repeat;
}

.tags {
	position:relative;
	display:block;
	width:220px;
	height:195px;
	margin:10px 0 0;
	float:right;
}




	
/* ------ Social Btns ------ */
.socbar a {
	display:block;
	text-indent:-9999px;
	width:40px;
	height:50px;
	margin:0;
	padding: 0;
	float:right;
	background: url(../img/socbtn.png) no-repeat;
}

#socbar_twt {
	background-position:0 0;
}

#socbar_twt:hover,#socbar_twt.hover {
	background-position:0 -50px;
	border: 0;
}

#socbar_fb {
	background-position:-40px 0;
}

#socbar_fb:hover,#socbar_fb.hover {
	background-position:-40px -50px;
	border: 0;
}

#socbar_ca {
	background-position:-80px 0;
}

#socbar_ca:hover,#socbar_ca.hover {
	background-position:-80px -50px;
	border: 0;
}

#socbar_lnkd {
	background-position:-120px 0;
}

#socbar_lnkd:hover,#socbar_lnkd.hover {
	background-position:-120px -50px;
	border: 0;
}

#socbar_rss {
	background-position:-160px 0;
}

#socbar_rss:hover,#socbar_rss.hover {
	background-position:-160px -50px;
	border: 0;
}

#socbar_Dmoo {
	background-position:-200px 0;
}

#socbar_Dmoo:hover,#socbar_Dmoo.hover {
	background-position:-200px -50px;
	border: 0;
}


	
/* ------ Fav Btns ------ */

#favbtns {
	border: 0px solid red;
	margin: 0 10px;
	padding:0;
	position:relative;
	width:180px;
}

#favbtns ul {
	list-style:none;
	margin:0 auto;
	padding-left:0;
	border: 0px solid green;
}

#favbtns li {
	border: 0px solid green;
	width:32px;
	display:inline;
	height:43px;
	list-style:none;
	margin: 0;
	float:left;
	padding: 2px;
}



.favbar a {
	position:relative;
	display:block;
	text-indent:-9999px;
	width: 32px;
	height: 43px;
	margin: 0;
	float:left;
	background-image:url(../img/favs.png);
	background-repeat:no-repeat;
}

#fav_001 { background-position: 0 0;}
#fav_001:hover,#fav_001.hover { background-position: 0 -43px;border: 0;}

#fav_002 { background-position: -32px 0;}
#fav_002:hover,#fav_002.hover { background-position: -32px -43px;border: 0;}

#fav_003 { background-position: -64px 0;}
#fav_003:hover,#fav_003.hover { background-position: -64px -43px;border: 0;}

#fav_004 { background-position: -96px 0;}
#fav_004:hover,#fav_004.hover { background-position: -96px -43px;border: 0;}

#fav_005 { background-position: -128px 0;}
#fav_005:hover,#fav_005.hover { background-position: -128px -43px;border: 0;}

#fav_006 { background-position: -160px 0;}
#fav_006:hover,#fav_006.hover { background-position: -160px -43px;border: 0;}

#fav_007 { background-position: -192px 0;}
#fav_007:hover,#fav_007.hover { background-position: -192px -43px;border: 0;}

#fav_008 { background-position: -224px 0;}
#fav_008:hover,#fav_008.hover { background-position: -224px -43px;border: 0;}


	
/* ------ Navigation Btns ------ */
.navbar a {
	display:block;
	text-indent:-9999px;
	width:230px;
	height:51px;
	margin:0;
	float:left;
	background:url(../img/navbtn.png) no-repeat;
	border-bottom:0px solid #000;
}

#nav_home {
	background-position:0 0;
}

#nav_home:hover,#nav_home.hover {
	background-position:-230px 0;border: 0;
}

#nav_work {
	background-position:0 -51px;
}

#nav_work:hover,#nav_work.hover {
	background-position:-230px -51px;border: 0;
}

#nav_abot {
	background-position:0 -102px;
}

#nav_abot:hover,#nav_abot.hover {
	background-position:-230px -102px;border: 0;
}

#nav_xtra {
	background-position:0 -153px;
}

#nav_xtra:hover,#nav_xtra.hover {
	background-position:-230px -153px;border: 0;
}

#nav_blog {
	background-position:0 -204px;border: 0;
}

#nav_blog:hover,#nav_blog.hover {
	background-position:-230px -204px;border: 0;
}





	
/* ------ Twitter Btn ------ */
.twtrbar a {
	display:block;
	text-indent:-9999px;
	width:140px;
	height:70px;
	margin:0;
	padding: 5px 0 0 0;
	float:left;
	background:url(../img/follow.png) no-repeat;
	border-bottom:0px solid #000;
}

#twt_home {
	background-position:0 0;
}

#twt_home:hover,#twt_home.hover {
	background-position: 0 -70px;border: 0;
}



	
/* ---- Twitter Follow ---- */
#twtrbx {
	width:220px;
	margin:0;
	padding: 5px;
	border: 0px solid red;
	clear:left;
}

.tweet {
	height: 80px;
	margin: 0;
	padding: 0 0 0 0;
	font-size: 12px;
	line-height: 16px;
	color: #6b6b00;
	border: 0px solid red;
}

.tweet .tweet_list li {
	list-style-type:none;
	margin:0;
	padding: 0px 5px 5px 5px;
}
.tweet .tweet_list a {
	color: #525200;
	text-decoration: none;
}
.tweet .tweet_list a:hover {
	color: #6b6b00;border: 0;
}

span#twtrdt {
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
}
	
/*TEST*/

	
/* ===== Tabs CSS ===== */
div.tabPanes > div {
	display:none;
}


	
/* initially all panes are hidden */
div.tabPanes {
	border:solid 0 #e6e1f1;
	padding:0 15px;
	background:url(tab-gradient.png) repeat-x;
}

ul.tabs {
	list-style:none;
	margin:0 0 0 20px;
	padding:0;
	overflow:hidden;
}

ul.tabs li {
	float:left;
	margin-left:2px;
}

ul.tabs li a {
	display:block;
	float:left;
	padding:10px 15px;
	color:#999;
	text-decoration:none;
	font-size:11px;
}

ul.tabs li a:hover {
	border: 0;
}

ul.tabs li a.current {
	font-weight:bold;
}

ul.tabs li a:hover,ul.tabs li a.current {
	color:#454545;
	background:url(tab-gradient.png) repeat-x;
	border: 0;
}


	
/* ===== Tooltip CSS ===== */
div.tooltip {
	display:none; /* initially tooltips are hidden */
	padding:10px;
	background:#222;
	color:#fff;
	font-size:13px;
	font-style:italic;
}


	
/* ===== Scrollable CSS ===== */

	
/* Primary Container */
div.scrollable {
	/*background: #69c;*/
	position:relative;
	width:600px;
	height:240px;
	padding: 0;
	overflow:hidden;
	border: 0px solid red;
}


	
/* Items Container */
div.scrollable div.items {
	width:20000em;
	position:absolute;
	clear:both;
}


	
/* Individual Item Containers */
div.scrollable div.items div.page {
	float:left;
	width:600px;
	height:240px;
	padding:0;
	border: 0px solid red;
}


	
/* Next and Previous buttons */
a.prev,a.next {
	display:block;
	float:right;
	padding:5px 4px;
	cursor:pointer;
	font-size:13px;
	color:#999;
}

a.prev:hover,a.next:hover {
	color:#333;
	border: 0;
}


	
/* Disabled Next or Previous button */
a.disabled {
	visibility:hidden!important;
}


	
/* Navigation Container */
div.navi {
	padding:5px 10px 0 0;
	float:right;
	border: 0px solid;
}


	
/* Navigation Links */
div.navi a {
	float:left;
	margin-left:10px;
	padding:0;
	color:#FFF;
	text-decoration:none;
	font-size:11px;
}

div.navi a.active {
	color:#090;
}

div.navi a:hover,div.navi a.active {
	color:#090;
	border: 0;
	background:url(../img/wrkovr.png) no-repeat;
}


	
/* ===== CSS Rounded Corners ===== */
div.tabPanes {
	-moz-border-radius:0;
	-webkit-border-radius:0;
}

div.tooltip,div.scrollable div.items div {
	-moz-border-radius:0;
	-webkit-border-radius:0;
}


	
/* portfolio works */
.boxgrid {
	width:190px;
	height:70px;
	margin:0;
	float:left;
	border: 1px solid #333;
	overflow:hidden;
	position:relative;
}

.boxgridSM {
	width:180px;
	height:70px;
	margin:0;
	float:left;
	border: 1px solid #333;
	overflow:hidden;
	position:relative;
}

.boxgrid img, .boxgridSM img {
	position:absolute;
	top:0;
	left:0;
	border:0;
}

.boxgrid p, .boxgridSM p {
	text-align: left;
	width:100px;
	padding: 10px 10px 0px 25px;
	color:#afafaf;
	font-weight:bold;
	font:10px "Lucida Grande", Arial, sans-serif;
}

.boxcaption {
	border: 0px solid red;
	float:left;
	position:absolute;
	height:70px;
	width:150px;
	opacity:.8;

/* For IE 5-7 */
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

	
/* For IE 8 */
	-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}

.captionfull .boxcaption {
	top:0;
	left:170px;
	color:#000;
}

.captionfullSM .boxcaption {
	top:0;
	left:160px;
	color:#000;
}

.caption .boxcaption {
	top:0;
	left:50px;
	color:#000;
}

.boxcaption b {
	font-weight: bold;
	color: #F63;
	font-size: 9px;
	text-transform: uppercase;
}

.boxcaption a {
	font-weight: bold;
	color: #FFF;
	font-size: 9px;
	text-decoration: none;
}

#bx_site {
	background: #000 url(../img/sld_titles.png) no-repeat 0 0;
}

#bx_logo {
	background: #000 url(../img/sld_titles.png) no-repeat 0 -70px;
}

#bx_illu {
	background: #000 url(../img/sld_titles.png) no-repeat 0 -140px;
}

#bx_dwnld {
	background: #000 url(../img/sld_titles.png) no-repeat 0 -210px;
}

/* PORT TOOLS */

/*1st line */

#bx_ps {
	width: 24px; height: 24px;
	background: url(../img/tools.png) no-repeat 10px 11px;
	float:left;
	border: 1px solid #0FF;
}

#bx_ps {
	width: 24px; height: 24px;
	background: url(../img/tools.png) no-repeat 36px 11px;
}

#bx_pc {
	width: 24px; height: 24px;
	background: url(../img/tools.png) no-repeat 62px 11px;
}

#bx_fl {
	width: 24px; height: 24px;
	background: url(../img/tools.png) no-repeat 88px 11px;
}

#bx_id {
	width: 24px; height: 24px;
	background: url(../img/tools.png) no-repeat 114px 11px;
}

#bx_dw {
	width: 24px; height: 24px;
	background: url(../img/tools.png) no-repeat 140px 11px;
}

#bx_ac {
	width: 24px; height: 24px;
	background: url(../img/tools.png) no-repeat 166px 11px;
}

/*2nd line */

#bx_wp {
	width: 24px; height: 24px;
	background: url(../img/tools.png) no-repeat 10px 41px;
}

#bx_jq {
	width: 24px; height: 24px;
	background: url(../img/tools.png) no-repeat 36px 41px;
}

#bx_ph {
	width: 24px; height: 24px;
	background: url(../img/tools.png) no-repeat 62px 41px;
}

#bx_cf {
	width: 24px; height: 24px;
	background: url(../img/tools.png) no-repeat 88px 41px;
}

#bx_ap {
	width: 24px; height: 24px;
	background: url(../img/tools.png) no-repeat 114px 41px;
}

#bx_ms {
	width: 24px; height: 24px;
	background: url(../img/tools.png) no-repeat 140px 41px;
}

#popimgbx {
	float:left;
	width: auto;
	height: auto;
	border: 1px solid #714519;
}

#popcntbx {
	float:right;
	width:280px;
	border: 0px solid #f00;
}

#appsbx {
	float:right;
	width:280px;
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
	border-top: 1px solid #666;
}

#psImg {
	background: url(../img/tools.png) no-repeat -10px -11px;
	width:24px;
	height:24px;
	float:left;
}

#ilImg {
	background: url(../img/tools.png) no-repeat -35px -11px;
	width:24px;
	height:24px;
	float:left;
}

#pcImg {
	background: url(../img/tools.png) no-repeat -60px -11px;
	width:24px;
	height:24px;
	float:left;
}

#jqImg {
	background: url(../img/tools.png) no-repeat -37px -41px;
	width:24px;
	height:24px;
	float:left;
}

#acImg {
	background: url(../img/tools.png) no-repeat -165px -41px;
	width:24px;
	height:24px;
	float:left;
}

#wpImg {
	background: url(../img/tools.png) no-repeat -10px -41px;
	width:24px;
	height:24px;
	float:left;
}