@charset "utf-8";
@import url("jdesignclub_960_framework.css");
@import url("framework-button.css");
@import url("framework-icon.css");
html, body					{font-size:13px;font-family:Tahoma;line-height:23px;}

/*
  *********************************
  * GENERAL ***
  *********************************
*/
#body .over_all				{z-index:100;}
/* IE 7 HACK */
*:first-child+html #top		{z-index:100;}

/* TAGS */
h1, h2, h3, h4, h5, h6		{font-weight:normal;font-family:circular;}
h1							{font-size:30px;}
h2							{font-size:26px;}
h3							{font-size:24px;}
h4							{font-size:22px;}
h5							{font-size:20px;}
h6							{font-size:16px;}
h2 strong 					{font-weight:normal;}
h3 strong 					{font-weight:normal;}

a							{text-decoration:none;font-weight:normal;}
#main .item_title a			{font-weight:normal;}
ul a, ul span				{font-weight:normal;}
p							{margin-bottom:20px;}

label						{cursor:pointer;}
img							{display:block;}
code, pre					{display:block;margin:10px 0px 30px 0px;padding:0px 5px;font-weight:normal;font-size:12px;font-family:"Courier New", Courier, Consolas, Monospace;line-height:18px;overflow:auto;white-space:pre;clear:both;}
cite						{margin-right:5px;padding:2px 10px;}
small						{font-size:10px;}
input, textarea				{font-size:13px;font-family:Tahoma;}
	
blockquote					{display:block;margin-bottom:20px;font-style:italic;}
blockquote p				{margin-bottom:0px;padding:10px 10px 10px 50px;}
	
*:first-child+html ul li
/*,*:first-child+html p.hover*/	{font-size:11px;}

a.help						{font-size:11px;font-weight:normal;}
a.hover:link, 
a.hover:visited				{float:left;text-decoration:none;margin:0;font-weight:normal;width:100%;}
a.hover:hover 				{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}

a.button-right/*bt-right*/	{position:absolute;right:2px;bottom:2px;}
a.cancle					{position:absolute;right:136px;bottom:2px;}

p.hover/*button*/			{float:left;text-decoration:none;cursor:default;margin:0;font-weight:normal;width:100%;font-size:13px;}
p.hover:hover 				{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}
p.hover strong.en			{font-size:11px;text-transform:uppercase;}
p.hover strong				{font-weight:normal;}
p.hover span				{float:left;margin:10px;}
p.hover span.button-right	{position:absolute;right:0px;bottom:0px;visibility:hidden;padding:0px 5px;}
p.hover:hover span.button-right{visibility:visible;}


/*
  *********************************
  * ALL PAGE
  *********************************
*/
#top						{position:relative;top:28px;z-index:2;}
#top-header 				{position:absolute;top:0;left:0;z-index:998;}
#top-banner					{position:absolute;top:60px;left:0;z-index:1;} 
#top-banner .caption		{width:265px}

#top-breadcrumb 			{position:absolute;margin:0;top:0;height:90px;left:0;z-index:1;}
#slogan						{font-size:18px;padding:12px 0 0 20px;}

/* SHADOWS */
#body .advertise_shadow		{padding:0 0 10px;}
/* SHADOWS */
#body .shadow-100p,	
#body .shadow-75p,		
#body .shadow-50p,		
#body .shadow-30p,		
#body .shadow-25p,		
#body .shadow-15p,			
#body .advertise_shadow	{display:block;}

/*
  *********************************
  * LISTS ***
  *********************************
*/
.thumbnail_list li			{margin-top:-1px;padding:5px 0px 3px;overflow:hidden;}
.thumbnail_list li p		{margin:5px 0px 0px;line-height:21px;}
.thumbnail_list .post_meta	{margin-top:10px;font-size:10px;}

.news_list li, .article_list li				{margin-top:-1px;padding:2px 0px 2px 20px;}
.news_list li a, .article_list li a				{font-weight:bold;}
.news_list p, .article_list a
.twitter_list p				{margin-bottom:10px;}

.twitter_list li			{margin-top:-1px;padding:2px 0px 2px 30px;}
.twitter_list small			{display:block;margin-top:6px;}


/*
  *********************************
  * HEADER ***
  *********************************
*/
.line-top					{position:absolute;top:0;width:100%;height:13px;left:0;z-index:999;}
.bg-menu-top				{position:absolute;top:0;width:100%;height:65px;left:0;z-index:997;}
#logo 						{float:left;width:220px;height:100%;}
#logo .logo a				{display:block;position:absolute;border:none;text-indent:-9999px;}
#nav						{margin:2px 0px -5px;height:65px;}
#options_wrapper			{position:absolute;margin:51px 0px 0px 640px;width:300px;z-index:13;top:0; left:0;}


/*
  *********************************
  * NAVIGATION ***
  *********************************
*/
/* MENU */
#menu 						{float:right;}
#menu ul					{margin:22px 0px 0px 20px;z-index:500;}
#menu ul a					{float:left;display:block;position:relative;border:none;}
#menu ul li					{float:left;position:relative;margin-right:20px;padding-bottom:10px;z-index:20;}

#menu ul ul					{display:none;position:absolute;margin:0px 0px 10px;padding:13px 5px 5px;top:30px;left:-15px;width:190px;}
#menu ul ul a				{margin:0px;width:175px;}
#menu ul li li				{margin:0px;padding:0px;margin-top:2px;width:190px;}

#menu ul ul ul				{top:auto;padding:3px 5px 5px;width:180px;}
#menu ul li ul a			{float:left;margin:0px;padding:2px 10px;width:160px;font-size:13px;}	
#menu ul li ul ul			{top:-5px;left:185px;}
#menu ul li:hover ul ul, 
#menu ul li:hover ul ul ul, 
#menu ul li:hover ul ul ul ul{display:none;}
#menu ul li:hover ul, 
#menu ul li li:hover ul, 
#menu ul li li li:hover ul, 
#menu ul li li li li:hover ul{display:block;}

/* OPTIONS MENU */
#options_menu				{float:right;width:140px;height:100%;}
#options_menu ul			{position:absolute;margin:22px 0px 0px 8px;}
#options_menu li			{float:left;cursor:pointer;}
#options_menu .search, 
#options_menu .feed			{padding-right:3px;}

/*
  *********************************
  * MAIN ***
  *********************************
*/
#main						{margin-top:-5px;padding-bottom:30px;z-index:1;}
#main h2					{margin:0 0 8px;font-size:26px;}				
#main h2 strong				{font-weight:normal;}

#main .big_gallery			{margin-left:1px;}
#main .entry				{margin:20px 0px;padding:0px 10px 10px 9px;}
#main .entry h2, .entry h2 a,
#main .entry h3, .entry h3 a{margin:10px 0px 0px;}
#main .entry p				{margin:0px 0px 20px;}
#main .entry blockquote p	{margin:0px;padding:10px 10px 10px 50px;}
#main .entry .post_meta		{margin-bottom:10px;padding:3px 0px; position:relative; float: left; width:100%;}
#main .entry .post_meta p	{margin:0px;padding:0px;font-size:11px;float:none;}
#main .entry .read_all		{margin:40px 0px 50px;}
#main .entry .light_button, 
#main .entry .dark_button	{position:absolute;margin:-20px 0px 0px 230px;}

#main #contacts .last		{width:340px;}

#main #full_width			{padding-left:11px;}
#main #full_width blockquote p{margin-bottom:0px;padding:10px 10px 10px 50px;}

/*
  *********************************
  * INTRO ***
  *********************************
*/
/*INTRO (NO BANNER)*/
#intro						{margin:95px auto 5px;}
#intro h1					{width:100%;padding:30px 0px;text-align:center;}

/* INTRO (BANNER)*/
body.index #intro,
body.pro #intro,
body.seo #intro 			{margin:560px auto 5px;}
/* INTRO (HALF BANNER)*/
body.domain #intro, 		
body.hosting #intro,
body.register #intro		{margin:280px auto 5px;}

/*SUB INTRO*/
#intro .intro-sub			{position:relative;margin:0 auto;width:80%;text-align:center;top:-20px;font-size:15px;}



#intro .box_two_third		{padding-left:0px;width:610px;}


/* CALL TO ACTION */
#call_to_action h2			{display:block;float:left;margin:0px 0px 0px 20px;width:650px;}
#call_to_action .link		{float:left;margin:0px 0px 0px 50px;width:177px;height:55px;}
/* TITLES */
#page_title					{display:block;float:left;font-size:28px;margin:5px 30px 0px 0px;padding:0px 20px 3px;min-height:35px;}
#slogan						{margin-bottom:0px;padding:0px 0px 0px 20px;min-width:200px;min-height:55px;font-size:20px;}
#text						{margin-bottom:0px;padding:0px 20px 0px;min-width:200px;font-size:14px;}
/**/
#body .big_padding			{padding:30px 0px;}
#body .small_padding		{padding:10px 0px;}
/* IE 7 HACK */
*:first-child+html 
#body .small_padding 		{padding-bottom:20px;}
*:first-child+html 
#body .big_padding			{padding:20px 0px 30px;}


/*
  *********************************
  * TABLE ***
  *********************************
*/
.table_wrapper				{margin-bottom:20px;padding:0px 0px;float:left;}
.table_wrapper .table 		{width:100%;border:none;border-collapse:collapse;}
.table_wrapper .table td 	{padding:5px 10px;}
.table_wrapper .table th	{height:30px;padding:5px 0px 0px 10px;text-align:left;}

#main .entry .table 		{width:100%;border:none;border-collapse:collapse;margin-bottom:20px;}
#main .entry .table td 		{padding:5px 10px;}
#main .entry .table th		{height:30px;padding:5px 0px 0px 10px;text-align:left;}

/*
  *********************************
  * OPTIONS DIV ***
  *********************************
*/
#options_wrapper			{position:absolute;margin:54px 0px 0px 625px;width:300px;z-index:13;}
*:first-child+html 
#options_wrapper 			{margin-left:-300px;}
#search, #feed, #login		{display:none;position:absolute;width:300px;height:60px;}
#search form, #feed form, 
#login form					{margin:20px 0px 0px 23px;}
#search .input_search, 
#feed .input_feed			{float:left;padding:7px 5px;border:none;background:none;}
#search .input_search		{width:190px;}
#feed .input_feed			{width:168px;}
#search .button_search, 
#feed .button_subscribe		{float:left;margin-left:-10px;background:none;border:none;cursor:pointer;}
#search .button_search		{width:65px;height:30px;}
#feed .button_subscribe		{width:87px;height:30px;}
#login						{height:130px; right:34px;}
#login input				{margin-bottom:10px;padding:5px;width:240px;background:none;border:none;}
#login .button_login		{float:right;margin:-3px 10px 0px -5px;width:75px;height:40px;background:none;border:none; cursor:pointer;}
#login .button_regis		{float:right;margin:-3px -5px 0px 0px;width:75px;height:40px;background:none;border:none; cursor:pointer;}

li.mediabox					{ background:url(../images/skin/toolbox-arrow.gif) no-repeat scroll 100% -15px transparent; width:70px;}
li.mediabox.on				{ background:url(../images/skin/toolbox-arrow.gif) no-repeat scroll 100% 7px transparent; width:70px;}


/*
  *********************************
  * Setting web box ***
  *********************************
*/
#popup-mediabox #thumbs { overflow: auto; height: 499px; width: 300px; border: 1px solid #E7E7DE; padding: 0; float: left; background:#000; }
#popup-mediabox #thumbs ul { list-style-type: none; margin: 0 10px 0; padding: 0 0 10px 0; }
#popup-mediabox #thumbs ul li { height: 75px; }
		
#popup-mediabox .thumb { border: 0; float: left; width: 100px; height: 75px; background: url(http://bitcast.vimeo.com/vimeo/thumbnails/defaults/default.75x100.jpg); margin-right: 10px; }
		
#popup-mediabox #embed { background-color: #E7E7DE; height: 481px; width: 641px; float: left; padding: 10px; }
		
#popup-mediabox #portrait { float: left; margin-right: 5px; max-width: 100px; }
#popup-mediabox #stats { clear: both; margin-bottom: 20px; }


/*
  *********************************
  * Setting web box ***
  *********************************
*/
#popup-toolbox				{background:url(../images/skin/popup-toolbox-bg.png) 0 0 no-repeat; width:640px; height:140px; position:absolute;
/* top:54px; left:280px; */ left:-344px;}
#popup-mediabox				{/*background:url(../images/skin/popup-toolbox-bg.png) 0 0 no-repeat;*/ width:965px; height:500px; position:absolute;
 top:63px; left:0; }
div.popup 					{display:none;left:0;position:absolute;top:0;width:562px;z-index:60;}
div.popup input.text {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#0C0C0C;
background-image:none;
background-position:0 0;
background-repeat:repeat;
border-bottom-color:#212121;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-color-ltr-source:physical;
border-left-color-rtl-source:physical;
border-left-color-value:#212121;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:solid;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:1px;
border-right-color-ltr-source:physical;
border-right-color-rtl-source:physical;
border-right-color-value:#212121;
border-right-style-ltr-source:physical;
border-right-style-rtl-source:physical;
border-right-style-value:solid;
border-right-width-ltr-source:physical;
border-right-width-rtl-source:physical;
border-right-width-value:1px;
border-top-color:#212121;
border-top-style:solid;
border-top-width:1px;
color:#515151;
font-family:Tahoma,sans-serif;
font-size:10px;
height:20px;
padding-bottom:0;
padding-left:5px;
padding-right:0;
padding-top:5px;
vertical-align:middle;
width:175px;
}
div.popup div.close {height:75px; display:block!important;}


div.popup div.close a {
display:inline;
float:right;
height:25px;
margin-bottom:0;
margin-left:0;
margin-right:5px;
margin-top:10px;
text-indent:-9999px;
width:65px;}

div.popup form {
clear:both;
}
div.popup-login form {
margin-bottom:10px;
margin-left:22px;
margin-right:0;
margin-top:0;
}
div.popup-login p {
display:inline;
float:left;
}
div.popup-login p label {
cursor:pointer;
}
div.popup-login p label.fix {
padding-bottom:0;
padding-left:0;
padding-right:25px;
padding-top:0;
}
div.popup-login p label input.text {
margin-bottom:0;
margin-left:10px;
margin-right:0;
margin-top:0;
}
div.popup-login p.forget {
color:#666666;
font-size:9px;
line-height:20px;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:10px;
text-transform:uppercase;
}
div.popup-login p.forget label {
margin-bottom:0;
margin-left:0;
margin-right:10px;
margin-top:0;
}
div.popup-login p.forget a {
color:#666666;
margin-bottom:0;
margin-left:10px;
margin-right:0;
margin-top:0;
}
div.popup-login p.forget input.checkbox {
margin-bottom:0;
margin-left:0;
margin-right:5px;
margin-top:-2px;
vertical-align:middle;
}
div.popup-login p.submit {
float:right;
margin-bottom:0;
margin-left:0;
margin-right:24px;
margin-top:10px;
}
div.popup-login p.submit input.button {
border-bottom-color:-moz-use-text-color;
border-bottom-style:none;
border-bottom-width:0;
border-left-color-ltr-source:physical;
border-left-color-rtl-source:physical;
border-left-color-value:-moz-use-text-color;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:none;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:0;
border-right-color-ltr-source:physical;
border-right-color-rtl-source:physical;
border-right-color-value:-moz-use-text-color;
border-right-style-ltr-source:physical;
border-right-style-rtl-source:physical;
border-right-style-value:none;
border-right-width-ltr-source:physical;
border-right-width-rtl-source:physical;
border-right-width-value:0;
border-top-color:-moz-use-text-color;
border-top-style:none;
border-top-width:0;
cursor:pointer;
height:22px;
width:53px;
}
div.popup-login p.error {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#181818;
background-image:url("css/images/error.png");
background-position:0 0;
background-repeat:no-repeat;
display:none;
font-size:9px;
line-height:14px;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:-22px;
padding-bottom:0;
padding-left:24px;
padding-right:0;
padding-top:0;
text-transform:uppercase;
}

div#popup-toolbox {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/skin/popup-toolbox-bg.png");
background-position:0 0;
background-repeat:no-repeat;
height:180px;
width:642px;
}
div#popup-toolbox p.images {
display:inline;
float:left;
margin-bottom:0;
margin-left:10px;
margin-right:0;
margin-top:5px;
}
div#popup-toolbox p.images img {
	float:left;
border-bottom-color:#7B7B7B;
border-bottom-style:solid;
border-bottom-width:1px;
border-left-color-ltr-source:physical;
border-left-color-rtl-source:physical;
border-left-color-value:#7B7B7B;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:solid;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:1px;
border-right-color-ltr-source:physical;
border-right-color-rtl-source:physical;
border-right-color-value:#7B7B7B;
border-right-style-ltr-source:physical;
border-right-style-rtl-source:physical;
border-right-style-value:solid;
border-right-width-ltr-source:physical;
border-right-width-rtl-source:physical;
border-right-width-value:1px;
border-top-color:#7B7B7B;
border-top-style:solid;
border-top-width:1px;
cursor:pointer;
margin-bottom:0;
margin-left:5px;
margin-right:0;
margin-top:0;
}
div#popup-toolbox p.images img.on {
border-bottom-color:#FFFFFF;
border-bottom-style:solid;
border-bottom-width:2px;
border-left-color-ltr-source:physical;
border-left-color-rtl-source:physical;
border-left-color-value:#FFFFFF;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:solid;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:2px;
border-right-color-ltr-source:physical;
border-right-color-rtl-source:physical;
border-right-color-value:#FFFFFF;
border-right-style-ltr-source:physical;
border-right-style-rtl-source:physical;
border-right-style-value:solid;
border-right-width-ltr-source:physical;
border-right-width-rtl-source:physical;
border-right-width-value:2px;
border-top-color:#FFFFFF;
border-top-style:solid;
border-top-width:2px;
}
div#popup-toolbox p.colours {
display:inline;
float:right;
margin-bottom:0;
margin-left:0;
margin-right:3px;
margin-top:5px;
width:135px;
}
div#popup-toolbox p.colours a {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/skin/colours.png");
background-position:0 0;
background-repeat:no-repeat;
float:left;
height:18px;
margin-bottom:0;
margin-left:0;
margin-right:5px;
margin-top:5px;
text-indent:-9999px;
width:26px;
}
div#popup-toolbox p.colours a#blue {
background-position:0 0;
}
div#popup-toolbox p.colours a#purple {
background-position:-26px 0;
}
div#popup-toolbox p.colours a#pink {
background-position:-52px 0;
}
div#popup-toolbox p.colours a#red {
background-position:-78px 0;
}
div#popup-toolbox p.colours a#grey {
background-position:0 -36px;
}
div#popup-toolbox p.colours a#green {
background-position:-26px -36px;
}
div#popup-toolbox p.colours a#yellow {
background-position:-52px -36px;
}
div#popup-toolbox p.colours a#orange {
background-position:-78px -36px;
}
div#popup-toolbox p.colours a#blue.on {
background-position:0 -18px;
}
div#popup-toolbox p.colours a#purple.on {
background-position:-26px -18px;
}
div#popup-toolbox p.colours a#pink.on {
background-position:-52px -18px;
}
div#popup-toolbox p.colours a#red.on {
background-position:-78px -18px;
}
div#popup-toolbox p.colours a#grey.on {
background-position:0 -54px;
}
div#popup-toolbox p.colours a#green.on {
background-position:-26px -54px;
}
div#popup-toolbox p.colours a#yellow.on {
background-position:-52px -54px;
}
div#popup-toolbox p.colours a#orange.on {
background-position:-78px -54px;
}
div#popup-toolbox p.remember {
clear:both;
color:#666666;
display:inline;
float:left;
font-size:9px;
line-height:20px;
margin-bottom:0;
margin-left:14px;
margin-right:0;
margin-top:14px;
text-transform:uppercase;
width:260px;
}
div#popup-toolbox p.remember label {
cursor:pointer;
}
div#popup-toolbox p.remember input.checkbox {
margin-bottom:0;
margin-left:0;
margin-right:5px;
margin-top:-2px;
vertical-align:middle;
}
div#popup-toolbox p.submit {
display:inline;
float:right;
margin-bottom:0;
margin-left:0;
margin-right:14px;
margin-top:10px;
width:170px;
}
div#popup-toolbox p.submit input {
border-bottom-color:-moz-use-text-color;
border-bottom-style:none;
border-bottom-width:0;
border-left-color-ltr-source:physical;
border-left-color-rtl-source:physical;
border-left-color-value:-moz-use-text-color;
border-left-style-ltr-source:physical;
border-left-style-rtl-source:physical;
border-left-style-value:none;
border-left-width-ltr-source:physical;
border-left-width-rtl-source:physical;
border-left-width-value:0;
border-right-color-ltr-source:physical;
border-right-color-rtl-source:physical;
border-right-color-value:-moz-use-text-color;
border-right-style-ltr-source:physical;
border-right-style-rtl-source:physical;
border-right-style-value:none;
border-right-width-ltr-source:physical;
border-right-width-rtl-source:physical;
border-right-width-value:0;
border-top-color:-moz-use-text-color;
border-top-style:none;
border-top-width:0;
cursor:pointer;
height:23px;
margin-bottom:0;
margin-left:0;
margin-right:3px;
margin-top:0;
width:76px;
}
div#popup-toolbox p.submit input.reset {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/skin/toolbox-reset.png");
background-position:0 0;
background-repeat:no-repeat;
border:none;
}
div#popup-toolbox p.submit input.save {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/skin/toolbox-save.png");
background-position:0 0;
background-repeat:no-repeat;
border:none;
}



/*
  *********************************
  * BREADCRUMB ***
  *********************************
*/
.breadcrumb					{position:absolute;font-size:10px;z-index:99999;bottom:5px;}
.breadcrumb p				{margin:0 0 0 5px;}
#top-breadcrumb .breadcrumb {top:65px;}
#top .breadcrumb 			{bottom:2px;}

/*
  *********************************
  * FEATURED ***
  *********************************
*/
/*#featured{ margin-top:-5px; }*/
/* IE 7 HACK */
/**:first-child+html #featured { margin-top:0px; }*/

/*
  *********************************
  * GALLERIES ***
  *********************************
*/

	/* GALLERIES NAVIGATION */

	.gallery_navigation{ display:none; position:absolute; margin-top:-20px; padding-right:10px; }
	.gallery_navigation_left, .gallery_navigation_right{ float:left; width:10px; height:40px; }
	.gallery_navigation_center{ float:left; padding:9px 10px 0px 10px; height:31px; }
	.gallery_navigation a{ display:block; float:left; padding:0px; width:15px; height:15px; text-indent:-9999px; }
	.gallery_navigation .button_play_pause{ display:block; float:right; margin:2px 0px 0px 0px; padding-left:30px; width:10px; height:10px; cursor:pointer; }

	/* SMALL GALLERY */

	.small_gallery .gallery_items{ width:570px; height:282px; z-index:9; }
	.small_gallery .gallery_items .item{ display:none; position:absolute; margin:0px auto; width:570px; height:282px; overflow:hidden; }
	.small_gallery .gallery_items .current{ display:block; }

	.small_gallery .gallery_items .over{ position:absolute; margin-top:222px; padding:0px 30px 20px 30px; width:510px; height:40px; }
	.small_gallery .gallery_items .over .title{ margin:0px; padding:10px 0px 0px 0px; }

	.small_gallery_borders { width:580px; height:292px; }
	.small_gallery_borders .gallery_items .item{ padding:5px; }
	.small_gallery_borders .gallery_navigation{ margin-top:-10px; }

	/* BIG GALLERY */

	.big_gallery .gallery_items{ height:465px; }
	.big_gallery .gallery_items .item{ display:none; position:absolute; margin:0px auto; width:940px; height:465px; overflow:hidden;}
	.big_gallery .gallery_items .current{ display:block; }
	.big_gallery .gallery_top_shadow{ position:absolute; margin:0px; width:940px; height:5px; z-index:12; }

	.big_gallery .gallery_items .image{ margin:0px; width:630px; height:465px; overflow:hidden; }
	.big_gallery .gallery_items .description{ margin:0px; width:250px; height:465px; }
	.big_gallery .gallery_items .description h2{ margin-bottom:20px; }
	.big_gallery .gallery_items .description_left{ float:left; padding:50px 30px 30px; }
	.big_gallery .gallery_items .description_right{ float:right; padding:50px 30px 30px; }

	.big_gallery .gallery_items .over{ position:absolute; margin-top:335px; width:940px; height:130px; }
	.big_gallery .gallery_items .over .title{ float:left; padding:20px 20px 20px 30px; width:280px; }
	.big_gallery .gallery_items .over .caption{ float:right; padding:20px 30px 0px 0px; width:570px; }

	/* GALLERY NEXT/PREV */

	.gallery_button_next, .gallery_button_prev{ display:none; position:absolute; width:35px; height:35px; cursor:pointer; }
	.big_gallery .gallery_button_next{ margin-left:915px; z-index:11;}
	.big_gallery .gallery_button_prev{ margin-left:-10px; z-index:10;}

	.small_gallery .gallery_button_next{ margin-left:545px; z-index:11;}
	.small_gallery .gallery_button_prev{ margin-left:-10px; z-index:10;}
	.small_gallery_borders .gallery_button_next{ margin-left:555px; }


/*
  *********************************
  * 9) PORTFOLIO ***
  *********************************
*/

	#project_details .project{ position:absolute; display:none; }

	/* PORTFOLIO THUMBS GALLERY */

	.portfolio_thumbs_gallery .project h2{ margin:50px 10px 0px 10px; }
	.portfolio_thumbs_gallery .project .box_one_fourth{ margin:25px 0px 0px 0px; }
	.portfolio_thumbs_gallery .project .thumbs{ overflow:hidden; margin-top:60px; padding:35px 0px 35px 55px; }
	/* IE 7 HACK */
	*:first-child+html .portfolio_thumbs_gallery .project .thumbs{ padding-top:80px; background-position:0px 50px; }

	.portfolio_thumbs_gallery .project .button_close{ position:absolute; margin:30px 0px 0px 400px; cursor:pointer; }

	/* PORTFOLIO SMALL GALLERY */

	.portfolio_small_gallery .project h2{ margin:50px 10px 0px 10px; }
	.portfolio_small_gallery .project p{ margin-top:25px; padding:0px 10px; }
	.portfolio_small_gallery .button_close{ position:absolute; margin:33px 0px 0px 565px; cursor:pointer; z-index:1; }

	.portfolio_small_gallery .small_gallery{ margin:40px 0px 0px 12px; }
	/* IE 7 HACK */
	*:first-child+html .portfolio_small_gallery .small_gallery{ margin-top:55px; }

	.portfolio_small_gallery .small_gallery_borders { margin:40px 0px 0px 5px; }
	.portfolio_small_gallery .small_gallery_borders .small_gallery { margin:0px; }

	/* PORTFOLIO BIG GALLERY */

	.portfolio_big_gallery .project .top_shadow{ position:absolute; margin:0px; width:940px; height:5px; z-index:4;}
	.portfolio_big_gallery .project h2{ margin:0px 10px 0px 10px; }
	.portfolio_big_gallery .project p{ padding:0px 10px; }
	.portfolio_big_gallery .button_close{ position:absolute; margin:33px 0px 0px 890px; cursor:pointer; z-index:1; }

	/* PORTFOLIO NAVIGATION */

	#portfolio_navigation { display:none; overflow:hidden; padding:0px; }
	/* IE 7 HACK */
	*:first-child+html .navigation_1{ margin-bottom:20px; }

	.navigation_1 .next, .navigation_1 .prev{ display:none; float:left; padding-top:10px; cursor:pointer; }
	.navigation_1 .next{ margin-left:15px; }
	.navigation_1 .prev{ margin-left:343px; }

	.navigation_2{ margin:-20px 0px 30px 5px; }
	.navigation_2 .next, .navigation_2 .prev{ float:left; cursor:pointer; }
	.navigation_2 .next{ margin-left:15px; }
	.navigation_2 .prev{ margin-left:15px; }

	/* PROJECTS GRID */

	#grid{ padding:20px 0px 20px 0px; }
	#grid .box_one_third{ margin-bottom:20px; }
	#grid .view{ position:absolute; margin:-25px 0px 0px 103px; }
	#grid h3{ margin-bottom:10px;}
	#grid h3, #grid h3 a{ font-weight:normal; }
	#grid .caption{ margin-top:5px; margin-bottom:0px; padding:0px 5px; }
	#grid .box_one_third{ background:transparent center 95px no-repeat; }

	/* CATEGORIES DROPDOWN */

	#categories_dropdown{ top:0; left:0; position:absolute; margin:-67px 5px 0px 690px; width:200px; z-index:60; }
	#categories_dropdown .dropdown_button{ margin:0px; }
	#categories_dropdown .dropdown{ display:none; position:absolute; margin:-8px 0px 0px 5px; width:190px; z-index:80; }
	#categories_dropdown .dropdown a{ display:block; padding:3px 20px; height:auto; font-weight:normal; font-size:12px; }


/*
  *********************************
  * SIDEBAR ***
  *********************************
*/
#left_sidebar								{margin-right:0px; padding:30px 20px 10px 20px;}
#right_sidebar								{padding:30px 0px 10px 10px;}

#sidebar_top, #sidebar_bottom				{display:block;position:absolute;top:0;width:15px;height:70px;z-index:0;}
#left_sidebar #sidebar_top, 
#left_sidebar #sidebar_bottom				{right:0;}
#right_sidebar #sidebar_top, 
#right_sidebar #sidebar_bottom				{left:0;}
#left_sidebar #sidebar_bottom, 
#right_sidebar #sidebar_bottom				{top:auto;bottom:0;}

#left_sidebar .box							{margin:0px 10px 40px 0px;overflow:hidden;}
#right_sidebar .box							{margin:0px 0px 40px 10px;overflow:hidden;}

#left_sidebar .sidebar_one_half, 
#right_sidebar .sidebar_one_half			{float:left;margin:0px 20px 20px 0px;width:125px;}
#left_sidebar .clear_bottom_margin, 
#right_sidebar .clear_bottom_margin			{margin-bottom:0px;}
#left_sidebar .last, 
#right_sidebar .last						{margin-right:0px;}

#right_sidebar h3 a							{font-weight:normal;}

#right_sidebar ul.arrows_list li 			{float:left;margin:0 10px 0 0;width:46%;}

/*
  *********************************
  * COMMENTS ***
  *********************************
*/
#comments .label_title 						{padding:20px 0px 15px 30px;font-size:14px;}
#comments .comment							{width:580px;margin:5px 0;}
span.reply-comment							{float: left; text-align:right; font-size:10px; width:99%; margin:-71px 0 0; cursor:pointer;}
#comments .comment .message					{float:left;padding:10px 10px 0px 10px;width:560px;}
#comments .comment .message					{ /*-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;*/}
#comments .comment .gravatar				{float:left;padding:0px;width:60px;height:60px;}
#comments .comment .comment_text			{float:right;width:460px;}
#comments .comment .comment_meta			{clear:both;margin-bottom:20px;margin-top:0px;padding:2px 0px 0px 105px;font-size:11px;width:80%;}

/*** COMMENTS Sub***/
#comments .label_title 							{padding:20px 0px 15px 30px;font-size:14px;}
#comments .comment.sub							{width:500px;margin:5px 0; float:right;}
#comments .comment.sub .message					{float:left;padding:10px 10px 0px 10px;width:480px;}
#comments .comment.sub .message					{ /*-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;*/}
#comments .comment.sub .gravatar				{float:left;padding:0px;width:60px;height:60px;}
#comments .comment.sub .comment_text			{float:right;width:380px;}
#comments .comment.sub .comment_meta			{clear:both;margin-bottom:20px;margin-top:0px;padding:2px 0px 0px 105px;font-size:11px;width:80%;}

/*
  *********************************
  * FORM ***
  *********************************
*/
#form										{clear:both;}
#form form									{padding-top:10px;}
#form textarea								{float:right;margin-bottom:10px;padding:6px 5px;width:450px;height:130px;overflow:hidden;}
#form input									{float:right;margin-bottom:10px;padding:6px 5px;width:450px;font-size:13px;line-height:18px;}
#form label									{float:left;}
#form label span							{display:block;margin-top:-8px;font-size:10px;}
#form fieldset								{margin:0px;padding:0px;border:none;}

#form .light_button_send, #form .dark_button_send{border:none;/*background:none;*/padding:4px 20px 6px;width:auto;font-size:13px;cursor:pointer;-moz-border-radius:5px;}
#form .light_button_send:hover, 
#form .dark_button_send:hover				{background-position:0px bottom;}

#form #response								{display:none;margin:0px 0px 10px;padding:5px 0px;width:580px;text-align:center;}
#form #response p							{margin:0px;padding:0px;}


/*
  *********************************
  * Reply FORM ***
  *********************************
*/
.reply-form										{clear:both;}
.reply-form form								{padding-top:10px;}
.reply-form textarea							{float:right;margin-bottom:10px;padding:6px 5px;width:450px;height:130px;overflow:hidden;}
.reply-form input								{float:right;margin-bottom:10px;padding:6px 5px;width:450px;font-size:13px;line-height:18px;}
.reply-form label								{float:left;}
.reply-form label span							{display:block;margin-top:-8px;font-size:10px;}
.reply-form fieldset							{margin:0px;padding:0px;border:none;}

.reply-form .light_button_send, .reply-form .dark_button_send{border:none;/*background:none;*/padding:4px 20px 6px;width:auto;font-size:13px;cursor:pointer;-moz-border-radius:5px;}
.reply-form .light_button_send:hover, 
.reply-form .dark_button_send:hover				{background-position:0px bottom;}

.reply-form #response							{display:none;margin:0px 0px 10px;padding:5px 0px;width:580px;text-align:center;}
.reply-form #response p							{margin:0px;padding:0px;}
/*
  *********************************
  * PAGINATION ***
  *********************************
*/
#pagination									{clear:both;text-align:left;padding-left:10px;}
#pagination a,
#pagination span							{text-align:center;position:relative;float:left;margin:0 1px;padding:2px 10px;font-size:11px;font-family:Tahoma;font-weight:bold;}	
#pagination span.current					{-moz-border-radius:3px;}
#pagination b								{text-align:center;position:relative;float:left;margin:0 1px;padding:2px 10px;font-size:11px;font-family:Tahoma;font-weight:bold; background:#000;-moz-border-radius:3px; color:#676767;}
#pagination.blog							{padding-top:10px;}
#pagination.portfolio						{padding-top:30px;}

/*
  *********************************
  * PRE FOOTER ***
  *********************************
*/
#pre_footer									{padding-bottom:20px;overflow:hidden;}
*:first-child+html #pre_footer 				{padding:10px 0px 40px;}
	
#pre_footer h4								{margin:20px 0px 25px;font-size:20px;}
#pre_footer h4 a							{font-weight:normal;}

*:first-child+html 
#pre_footer .thumbnail_list li p 			{font-size:11px;}
#pre_footer .thumbnail_list .post_meta  	{font-size:10px;}
#pre_footer .thumbnail_list li 				{border-top:none;padding:2px 0 1px;}
#pre_footer .thumbnail_list li span 		{border-bottom:none;}
#pre_footer .thumbnail_list a, 
#pre_footer .news_list a, 
#pre_footer .twitter_list a					{border:none;}
#pre_footer .news_list li a 				{font-weight:normal;}
#pre_footer .news_list li 					{border-top:none;}
#pre_footer .arrows_list li 				{border-top:none;}

#pre_footer ul span.thumb_shadow 			{border-bottom:none;}
#pre_footer ul span.alignleft				{margin:5px 10px 0px 5px;}
#pre_footer ul span.alignright				{margin:5px 5px 0px 10px;}
#pre_footer .thumbnail_list li span.text	{position:relative;top:8px;}

#pre_footer a.hover:link, 
#pre_footer a.hover:visited 				{float:left;text-decoration:none;margin:0;font-weight:normal;width:270px;padding:5px;}
#pre_footer a.hover:hover 					{-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;}

/*Border*/
#body .neutral_outline 						{border:none;padding:3px;}

/*
  *********************************
  * FOOTER ***
  *********************************
*/
#footer										{height:20px;}
#footer .menu_clone							{float:left;margin:2px 10px 0;font-size:11px;}
#footer .menu_clone li						{float:left;margin-right:3px;}
#footer .menu_clone li a					{padding:0px;margin:0px;border:none;}
#footer .networks li						{float:left;margin:7px 3px 0px;}
#footer .copyright							{float:right;margin:2px 20px 0 0;font-size:11px;}
/* FORM */
#footer_form .label							{margin-top:10px;width:280px;}
#footer_form .label img						{float:left;margin:0px 10px 0px -5px;padding:0px;}
#footer_form .label h4						{float:left;margin:12px 0px 0px;padding:0px;line-height:18px;}
/* IE 7 HACK */
*:first-child+html #footer_form .label h4 	{margin-top:-12px;}
#footer_form .label span					{display:block;font-size:11px;}
#footer_form form							{clear:both;width:284px;height:220px;margin-top:-10px;}

#footer_form fieldset						{padding:0px;border:none;margin:0;}
#footer_form input, #footer_form textarea	{padding:5px 10px;background:none;border:none;}
#footer_form input							{margin-bottom:7px;width:260px;height:20px;}
#footer_form textarea						{margin-top:3px;width:260px;height:70px;overflow:hidden;}
#footer_form .btn							{float:right;margin:-5px 20px 0px 0px;width:65px;height:40px;/*background:none;*/cursor:pointer;}
#footer_form #response						{display:none;margin-left:10px;padding:5px 0px;width:280px;}
#footer_form #response p					{margin:0px;padding:0px;}

a.validate									{position:relative;float:left;height:auto;margin:3px 0 0 5px;font-size:11px;}
a.validate:hover							{text-decoration:underline;}
a.validate img								{position:relative;float:left;margin:3px 5px 0 0;}

/*
  *********************************
  * EXTRA CLASSES ***
  *********************************
*/

	#body .text_right_quote, #body .text_left_quote{ float:left; margin:10px 20px 10px 0px; padding:10px 10px 10px 50px; width:35%; font-size:14px; }
	#body .text_right_quote{ float:right; margin-left:20px; margin-right:0px; }

	/* BUTTONS */

	#body .light_button, #body .dark_button{ display:inline-block; margin:10px 0px 0px 0px; padding:4px 20px 6px 20px; height:20px; font-weight:normal; }
	#body .light_button:hover, #body .dark_button:hover{ background-position:0px bottom; }
	#body .light_button, #body .dark_button{/* -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;*/ }

	/* HIGHLIGHTERS */

	#body .highlighter_1{ padding:2px 10px 4px 10px; }
	#body .highlighter_2{ padding:2px 10px 4px 10px; }

	/* TEXT CAPS */

	#body .text_caps{ font-size:45px; line-height:40px; float:left; margin:3px 10px 0px 0px; }

	/* MARGINS */

	#body .heading{ margin:30px 0px 20px 0px; padding-bottom:5px;}
	#body .heading-sub{ margin:30px 0px 20px 0px; padding-bottom:5px;width:940px;}
	#body .label{ margin-bottom:10px; padding-bottom:5px;}
	#body .add_margin_top{ margin-top:15px; }
	#body .reset_padding{ padding:0px; }

	/* BORDERS */

	#body .border{ padding:5px; }
	#body .clear_border{ border:none; }
	#body .light_outline, #body .neutral_outline, #body .dark_outline{ padding-bottom:4px; }
	#body .border, #menu ul ul a, #pagination a, .small_gallery_borders .gallery_items .item, #body .light_outline, #body .neutral_outline, #body .dark_outline{
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
	}

	/* SHADOWS */

	#body .thumb_shadow{width:100px; padding: 5px 0 10px 0; }
	#body .small_shadow{width:277px; padding: 5px 0 10px 0; }
	#body .big_shadow{width:570px; padding: 0px 0 10px 0; }
	#body .big_shadow_border{ padding: 0px 0 10px 0; }
	#body .full_shadow{width:940px; padding-bottom:40px; }
	
/*
  *********************************
  * PLUGIN ***
  *********************************
*/
.tooltip					{cursor:pointer;}
h2.trigger span				{text-indent:-999px;float:left;width:50px;height:10px;overflow:hidden;}
#easyTooltip				{padding:5px;font-size:11px;-moz-border-radius:4px;-webkit-border-radius:4px;}

/*Drag to share*/
.ui-draggable 				{cursor:move;}
#tip 						{position:absolute;display:none;height:25px;padding:9px 9px 0px;font-family:Verdana;font-size:11px;font-weight:bold;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
#tip .arrow 				{width:0;height:0;line-height:0;position:absolute;left:-8px; top:9px;}
#targets 					{display:none;list-style-type:none;position:fixed;top:60px;z-index:99999;}
#targets li 				{float:left;margin-right:20px;display:block;width:60px;height:60px;position:relative;}
#targets li#delicious 		{background-position:0 -60px;}
#targets li#facebook 		{background-position:0 -120px;}
#targets li span 			{display:block;position:absolute;bottom:-40px;white-space:pre;}

#targets li 				{background:url(../images/iconSprite.png) no-repeat 0 0;}
#targets li span 			{color:#fff;}

#overlay 					{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99997;}
#helper 					{position:absolute;height:35px;padding:15px 70px 0 20px;font-family:Tahoma;font-weight:bold;font-size:18px;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
#thumb 						{width:50px;height:50px;position:absolute;right:0;top:0;}
.share 						{font-weight:bold;position:absolute;font-size:14px;font-family:Tahoma;margin-left:-38px;}
#toolbar 					{bottom:0;position:fixed;right:0;text-align:center;width:100%;z-index:99999;}
#toolbar a#top-link			{text-decoration:none;position:absolute;right:0;top:3px;}
#toolbar span 				{font-size:9px;text-transform:uppercase;}

/*
  *********************************
  * BLOG PAGE ***
  *********************************
*/
body.blog div.post_meta p			{margin:0;}	

body.blog .entry .alignleft 		{float:left; margin-right:20px;}
body.blog .entry .alignright 		{float:right; margin-left:20px;}
body.blog .entry .aligncenter		{margin:0px auto 10px;}
body.blog .entry .read_all 			{clear:both;height:5px;}

body.blog .entry a.hover:link, 
body.blog .entry a.hover:visited 	{width:560px;padding:10px;margin-bottom:20px;}

body.blog .entry p					{padding:0;}
body.blog .entry p.big_shadow_border,
body.blog .entry span.big_shadow_border,
body.blog .entry p.small_shadow,
body.blog .entry span.small_shadow,
body.blog .entry p.thumb_shadow,
body.blog .entry span.thumb_shadow,
body.blog .entry p.advertise_shadow,
body.blog .entry span.advertise_shadow,
body.blog .entry .shadow-100p,
body.blog .entry .shadow-75p,
body.blog .entry .shadow-50p,
body.blog .entry .shadow-30p,
body.blog .entry .shadow-25p,
body.blog .entry .shadow-15p		{padding:0 0 10px;}

body.blog .entry h1, 
body.blog .entry h1 a 				{margin-bottom:0px;font-weight:normal;}
body.blog .entry h2,
body.blog .entry h3,					
body.blog .entry h4,
body.blog .entry h5,
body.blog .entry h6					{clear:both;width:100%;}
body.blog .entry ol					{float:left;margin:0 0 20px 0px;width:100%;list-style-position:inside;}
body.blog .entry hr					{height:1px;width:100%;clear:both;}

body.blog .entry ul					{float:left;margin:0 0 20px 0px;width:100%;/*list-style-type:inherit;*/}

/*
  *********************************
  * BLOG POST PAGE ***
  *********************************
*/
body.blog .entry a#button-download			{float:left;font-family:circular;font-size:25px;font-weight:normal;margin:10px 20px 20px 0px;}
body.blog .entry a:hover#button-demo,
body.blog .entry a:hover#button-download	{text-decoration:underline;}

body.blog #comments .comment .message		{-moz-border-radius:8px;}
body.blog .max-width	{ max-width:600px;}

ul.tag_list		{ width:99%;}
ul.tag_list	li 	{ float:left; margin:0 3px; }
ul.tag_list	li a	{ border:1px solid #333; -moz-border-radius:5px; padding:5px 10px 2px 20px; font-size:10px; color:#666; background:url(../images/skin/tag.png) -4px 0 no-repeat #1E1D1D;}
ul.tag_list	li a:hover	{ color:#000; background:url(../images/skin/tag.png) -4px 0 no-repeat #404040;}

/*
  *********************************
  * INPUT TEXT FOR RE-SIZE FONT ***
  *********************************
*/
.font-size-control	{ text-align:right;}
input.increaseFont	{ background:url(../images/ico/font-resize.png) no-repeat; background-position:left 3px; width:24px; height:28px; border:none; text-indent:-999999px; cursor:pointer; margin-left:18px;}
input.resetFont		{ background:url(../images/ico/font-resize.png) no-repeat; background-position:-37px 3px; width:20px; height:28px; border:none; text-indent:-999999px; cursor:pointer;}
input.decreaseFont	{ background:url(../images/ico/font-resize.png) no-repeat; background-position:-70px 3px; width:24px; height:28px; border:none; text-indent:-999999px; cursor:pointer;}


input.increaseFont:hover		{ background-position:left -27px;}
input.resetFont:hover			{ background-position:-37px -27px;}
input.decreaseFont:hover		{ background-position:-70px -27px;}

/*
  *********************************
  * BLOG RIGHT SIDE ***
  *********************************
*/
#right_sidebar li a.hover:link, 
#right_sidebar li a.hover:visited	{width:260px;padding:5px;}
#right_sidebar li a.hover:hover	{-moz-border-radius:8px;}

span.post-by,
span.in-category					{font-size:11px;font-family:Verdana;}
span.in-category a:link,				
span.in-category a:visited			{font-size:11px;font-family:Tahoma;font-weight:normal;text-decoration:underline;}
span.in-category a:hover			{text-decoration:none;}

/*
  *********************************
  * ORDER PAGE ***
  *********************************
*/
p.description							{font-size:11px;margin-bottom:5px;}
h3.price								{position:absolute;right:10px;top:15px;width:200px;font-size:25px;text-align:right;}

fieldset.order							{margin:-10px 0 0 10px;}
fieldset.order ul						{position:relative;float:left;width:100%;margin-bottom:10px;}
fieldset.order ul li					{display:inline;width:100%;}
fieldset.order ul li span				{position:relative;float:right;font-size:11px;text-align:right;}
fieldset.order ul li.title				{position:relative;float:left;font-weight:100; width:70%;}
fieldset.order ul li.price				{position:relative;float:right;width:30%;font-size:11px;text-align:right;}

div span.price							{position:relative;float:right;width:auto;text-align:right;font-size:11px;}
div span.title							{position:relative;float:left;width:80%;margin:0;font-size:11px;}
div span.title select					{position:relative;float:right;font-family:Tahoma;font-size:11px;}
div span.title select.domain			{position:absolute;font-family:Tahoma;font-size:11px;margin:0px 4px;}
div span.title input.domain				{position:relative;margin:0 3px;height:11px;top:-3px;font-family:Tahoma;font-size:11px;}
div span.price							{position:relative;float:right;width:auto;text-align:right;font-size:11px;}

ul.order-hosting						{position:relative;float:left;}
ul.order-hosting li						{position:relative;float:left;width:auto;margin:0 10px 0 0;font-size:11px;}

ul.order-banner							{position:relative;float:left;width:100%;}
ul.order-banner li						{position:relative;float:left;width:100%;font-size:11px;}
ul.order-banner li span.toggle_container{position:relative;float:left;width:100%;}

ul.order-banner li span.price			{position:relative;float:right;width:auto;text-align:right;}
ul.order-banner li span span.title		{position:relative;float:left;width:80%;margin: 0 0 0 15px;}
ul.order-banner li span span.price		{position:relative;float:right;width:auto;text-align:right;}

/*
  *********************************
  * SERVICE PAGE ***
  *********************************
*/
body.what #main h2 						{border-bottom:none;margin:0;}

.bar									{position:relative;width:940px;clear:both;margin:0 auto;padding:0 10px;}
div#main div.bar h2.trigger				{background-position:0px 0px;cursor:pointer;height:39px;width:940px;text-indent:-9999px;border-bottom:none;margin:0;}
div#main div.bar h2.active				{background-position:0px -39px;cursor:pointer;height:39px;width:940px;text-indent:-9999px;border-bottom:none;margin:0;}
.bar div								{width:100%;float:left;height:465px;position:relative;}
.bar p									{width:35%;float:right;margin:0 40px 0 10px;line-height:25px;text-align:justify;clear:both;}
.bar h3.top								{width:40%;float:right;margin:50px 10px 0 0;font-size:22px;}

/*
  *********************************
  * SHOW CASE PAGE ***
  *********************************
*/
body.showcase #intro 					{margin:33px auto 5px;}
body.showcase #top div#project_details 	{margin:62px auto 0;}
#categories_dropdown 					{margin:-75px 5px 0 730px;}

/*
  *********************************
  * DOMAIN PAGE ***
  *********************************
*/
body.domain h2.trigger					{text-align:center;}

/*
  *********************************
  * REGISTER PAGE ***
  *********************************
*/
.register #form fieldset		{border:1px solid #252525;width:600px;margin:10px auto;-moz-border-radius:10px;padding-bottom:20px;}

fieldset						{font-size:13px;font-family:Tahoma;}
fieldset						{position:relative;margin:10px auto;}
fieldset legend					{position:relative;font-size:15px;font-weight:normal;z-index:1;margin:10px 0 10px 20px;}
fieldset form					{position:relative;float:left;width:100%;margin:0;}

/* 1 Row */
.register fieldset label,
.register fieldset div			{position:relative;float:left;width:90%;margin:5px 5px 5px 60px;height:auto;text-align:left;cursor:pointer;}

/* Left ( Text etc. ) */
/*fieldset label span,*/
fieldset div span				{position:relative;float:left;width:28%;text-align:left;}

/* Right ( Input, Select etc. )*/
.register #form input			{position:relative;float:left;margin:0 5px;padding:5px;height:14px;}
.register #form textarea		{position:relative;float:left;margin:0 5px;padding:5px;height:auto;}
.register #form select			{position:relative;float:left;margin:0 5px;padding:5px;}


fieldset div label				{position:relative;float:left;width:auto;margin:0;}
fieldset div label input,
fieldset div label select		{position:relative;float:left;width:auto;padding:5px;cursor:pointer;outline:none;}
fieldset div label span			{position:relative;float:left;width:auto;margin:0px 5px;}

/* Require field */
fieldset div em,
fieldset em						{position:relative;float:left;top:0px;width:auto;font-style:normal;}
fieldset label em strong		{position:relative;top:-2px;font-weight:normal;}

fieldset label span#rule		{position:relative;float:left;width:500px;margin:0 0 0 5px;line-height:20px;height:150px;text-align:left;padding:5px;overflow:auto;}


/* Button Submit */
fieldset label a				{position:relative;float:left;margin:5px 5px 0;text-decoration:none;}		
fieldset label a:visited		{position:relative;float:left;margin:5px 5px 0;text-decoration:none;}		
fieldset label a:hover			{position:relative;float:left;text-decoration:underline;}		
fieldset label a img			{position:relative;float:left;margin:0 5px 0 0;text-decoration:none;}		

.register fieldset#card span	{font-size:13px;}
fieldset#card span.digit		{position:relative;float:left;margin:1px 3px 1px 60px;width:340px;clear:left;}
fieldset#card span.digit input	{width:10px;margin:1px;padding:3px 6px;}

.register #label-gender			{position:relative;float:left;margin:10px 0 0 60px;text-align:left;}
.register #label-gender label	{position:relative;float:left;width:100px;margin:10px 0px;}
.register #label-gender label span	{position:relative;float:left;margin-top:-6px;}

.register #label-birthday		{margin:0 0 10px 55px;}
.register #label-birthday span	{width:100%;text-indent:4px;}
.register #label-birthday label	{position:relative;float:left;width:auto;margin:5px 0px;}
.register #label-birthday label select {font-family:Tahoma;-moz-border-radius:5px;}

.register #label-age			{text-align:left;}
.register #label-age span		{width:100%;}
.register #label-age input		{width:17px;height:10px;text-align:center;}

.register #label-agree input	{width:auto;}

#label-gender input				{float:none;width:auto;margin:0;}
#label-gender label input		{float:left;}
#label-agree input				{margin:4px 5px;}
#label-file input				{position:relative;float:left;height:25px;}
#label-remember-pass em 		{position:relative;margin:1px 0 0;font-size:11px;}


/*
  *********************************
  * PRODUCT EACH PAGE ***
  *********************************
*/
.prod_detail {width:699px; float:left;}
.prod_detail .big_thumb{width:240px; float:left;}
.prod_detail .desc{width:408px;float:right;}
.prod_detail .desc a.email{font-weight:bold;background-image:url(../images/email.gif);background-repeat:no-repeat;background-position:left;padding-left:20px;}
.prod_desc {
	float:left;
	margin-top:10px;
	width:607px;
}
.prod_desc h6.bar{
	margin-bottom:10px;
}

/*
  *********************************
  * jcarousel For RECOMMEND ITEM* ***
  *********************************
*/
#showitem		{ width:610px; margin:24px 0 0; padding:0 20px 0 7px;}
#showitem h1	{  font-size:24px;line-height:36px; text-indent:12px; width:663px; background:url(../images/skin/hr.gif) 0 bottom repeat-x;}
span.recommend_btn	{ background:url('../images/skin/recommend_btn.jpg') no-repeat 0 0; position:relative; float: left; width: 605px; margin:0 0 0 7px; text-align:center; }
span.recommend_btn a 	{ color:#FFF;}
span.recommend_btn a:hover { text-decoration:underline;} 
.jcarousel-skin-tango img		{ border:3px solid #fff; -moz-border-radius: 5px;}
.jcarousel-skin-tango .jcarousel-container { /*-moz-border-radius: 8px; */background: none;}
.jcarousel-skin-tango .jcarousel-container-horizontal {/* width: 800px;*/ padding: 20px 40px;}
.jcarousel-skin-tango .jcarousel-container-vertical { width: 100px;height: 245px;padding: 40px 20px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal { /* width:  245px;*/width:580px; height: 87px;}
.jcarousel-skin-tango .jcarousel-clip-vertical { width:  100px; height: 245px;}
.jcarousel-skin-tango .jcarousel-item {width: 106px;height: 82px; border:1px solid #252525;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;}
.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: 10px;}
.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff;color: #000;}
/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute;top: 43px;right: 5px; width: 32px;height: 32px;cursor: pointer; background: transparent url(../images/skin/next-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 43px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(../images/skin/prev-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default;background-position: -96px 0;}
/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical { position: absolute;bottom: 5px; left: 43px;width: 32px;height: 32px; cursor: pointer; background: transparent url(../images/skin/next-vertical.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-vertical:hover { background-position: 0 -32px;}
.jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px;}
.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {cursor: default; background-position: 0 -96px;}
.jcarousel-skin-tango .jcarousel-prev-vertical {position: absolute; top: 5px;left: 43px;width: 32px;height: 32px;cursor: pointer; background: transparent url(../images/skin/prev-vertical.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-vertical:hover {background-position: 0 -32px;}
.jcarousel-skin-tango .jcarousel-prev-vertical:active {background-position: 0 -64px;}
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {cursor: default;background-position: 0 -96px;}
    

/*
  *********************************
  * SHOPPING-CART PAGE ***
  *********************************
*/
ul.steps {
background:url("../images/skin/step_shadow.jpg") no-repeat scroll center bottom transparent;
font-size:11px;
height:90px;
list-style:none outside none;
margin:10px auto 10px 10px;
padding:0;
}

ul.steps li#step-1-active {
background:url("../images/skin/step_1.png") no-repeat scroll left top transparent;
}

ul.steps li#step-1-inactive {
background:url("../images/skin/step_1.png") no-repeat scroll left -64px transparent;
}

ul.steps li#step-2-active {
background:url("../images/skin/step_2.png") no-repeat scroll left top transparent;
}

ul.steps li#step-2-inactive {
background:url("../images/skin/step_2.png") no-repeat scroll left -64px transparent;
}

ul.steps li#step-3-active {
background:url("../images/skin/step_3.png") no-repeat scroll left top transparent;
}

ul.steps li#step-3-inactive {
background:url("../images/skin/step_3.png") no-repeat scroll left -64px transparent;
}

ul.steps li#step-4-active {
background:url("../images/skin/step_4.png") no-repeat scroll left top transparent;
}

ul.steps li#step-4-inactive {
background:url("../images/skin/step_4.png") no-repeat scroll left -64px transparent;
}
ul.steps li a { font-size:12px; color:#720000;}

ul.steps li {
color:#999999;
display:block;
float:left;
height:34px;
padding:30px 0 0 10px;
width:110px;
border-left:1px solid #191919;
border-right:1px solid #252525;
font-weight:bold;}

/*
=======================================================================
	Shopping Cart Rules
=======================================================================
*/
.shoppingcart {
	width:940px;
	float:left;
}
/*for checkout summary page*/
body.checkout .shoppingcart ul.tablehead{
	width:943px;
	float:left;
	background-image:url(../images/skin/cart_bg.gif);
	background-repeat:repeat-x;
	list-style:none;
	height:24px;
	padding-top:5px;
	line-height:16px;
	border:1px solid #ccc;
	margin-left:3px;
}




/*end checkout summary page*/


.shoppingcart ul.tablehead{
	width:942px;
	float:left;
	background-image:url(../images/skin/cart_bg.gif);
	background-repeat:repeat-x;
	list-style:none;
	height:24px;
	padding-top:5px;
	line-height:16px;
}
.shoppingcart ul.tablehead li{
	float:left;
	padding:2px 0px 0px 0px;
	font-weight:bold;
	font-size:12px;
	color:#3b9fd5;
	background:none !important;
	height:18px !important;
}
.shoppingcart ul li.remove{
	width:34px;
	text-align:center;
	height:28px;
	padding-left:10px;
}
.shoppingcart ul li.thumb{
	width:50px;
	text-align:center;
	height:44px;
	padding:4px 0 0 30px!important;
}
.shoppingcart ul li.title{
	width:575px;
	padding-left:10px;
	height:28px;
}
.shoppingcart ul li.price{
	width:75px;
	text-align:center;
	height:28px;
}
.shoppingcart ul li.qty{
	width:64px;
	text-align:center;
	height:48px;
}
.shoppingcart ul li.qty input{
	width:25px;
	height:25px;
	background-color:#fafafa;
	border:#d5d5d5 solid 1px;
	text-align:center;
	margin-top:12px;
}
.shoppingcart ul li.total{
	width:75px;
	text-align:center;
}

.shoppingcart ul.cartlist{
	width:940px;
	float:left;
	list-style:none;
	padding:0px 0px;
	height:50px;
	margin-top:0px;
	border-bottom:1px solid #191919;
	border-top:1px solid #252525;
}
.shoppingcart ul.cartlist li{
	float:left;
	padding-top:0px;
}
.shoppingcart ul.cartlist li.txt{
	padding-top:10px;
}
.btns {
	border-bottom:1px solid #191919;
	border-top:1px solid #252525;
	width:100%;
	padding:15px 0px;
	float:left;
}
.btns ul{
	list-style:none;
}
/*
=======================================================================
	Grand Total Rules
=======================================================================
*/
.sections {
float:left;
padding:20px 0;
width:942px;
border-bottom:1px solid #191919;
border-top:1px solid #252525;
}
.grand_total {
	width:285px;
	border:#333 solid 1px;
	padding:10px;
	float:right;
	margin-bottom:10px;
	text-align:center;
}
.grand_total h5{
	font-weight:bold;
}
.grand_total ul.line{
	border-bottom:#444444 solid 1px;
	width:100%;
	margin-bottom:10px;
}
.grand_total ul{
	float:left;
	list-style:none;
	margin-bottom:5px;
}
.grand_total ul li{
	float:left;
	background:none  !important;
}
.grand_total ul li.title{
	text-align:right;
	width:100px !important;
}
.grand_total ul li.price{
	text-align:right;
	width:130px !important;
}

/*
  *********************************
  * CONTACT PAGE ***
  *********************************
*/
fieldset#button-submit			{position:relative;float:left;width:100%;height:19px;}
/*
  *********************************
  * facebook fan page Index ***
  *********************************
*/
#facewrap						{height:320px;margin-top:-20px;}
#fanpage						{width:659px;float:left;}
#fb-pro							{position:relative;float:left;margin:50px 0 0 1px;width:250px;height:243px;}
#fb-pro	h3						{position:relative;float:left;margin:80px 0 0 80px;}
#fb-pro	p						{position:relative;float:left;width:90%;text-indent:80px;padding:10px;}

/*
  *********************************
  * TUTORIAL PAGE ***
  *********************************
*/
#tutorial h1					{margin:20px 0 10px;}
#tutorial #main					{border:none;}


/*
  *********************************
  * Image Caption ***
  *********************************
*/
#text div.caption {margin: 0 10px 10px 10px;border: 1px solid #ccc;padding: 5px;}
#text div.right {margin-right: 0;}
div.left  { margin-left: 0;}
#text div.caption img {margin: 0;padding:0;}
#text div.caption p {margin: 5px 0 0 0;padding: 5px;border-top: 1px #ddd dotted;font-size: 13px;}
.entry div.caption {margin: 0;padding:0;position: relative;}
#main .entry div.caption p {position: absolute;margin: 0; padding: 5px;font-size: 13px;width:100%;text-align:center;bottom: 0;left: 0;background:black;color: white;opacity: .7;}
.entry div.caption img {margin: 0; padding: 0;}
	

/*
  *********************************
  * Scroll next and prev* ***
  *********************************
*/

/*.nav-dock {
	position: fixed;
	right: 15px;
	top: 35%;
	z-index:99999;
}

.nav-dock a {
	display: block;
	padding: 3px 10px;
	margin: 3px 0;
	background: #666;
	color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .3);
}
.nav-dock a:hover {
	background: #000;
}
.nav-dock #next {
	margin-bottom: 10px;
	
}*/
div.scrollupdown { position: relative; float:right; margin:-25px 0 0;}
#body .scrollupdown span.border { position: relative; float:left; margin: 0 3px; padding: 2px; cursor: pointer; }
div.scrollupdown span.icons { position: relative; float:left; }
div.break			{position: relative; float:left; margin: 5px;}

/*
  *********************************
  * styles for the unit rater ***
  *********************************
*/
/*widget box*/
div.ratingblock		{position: relative; float: left; padding:0;}
body.blog div.ratingblock	p	{width: 135px!important; float:right!important;}
div.col-2-right div#vote ul li div.ratingblock { position: relative;/* float: left;*/ width: 80%; font-size: 13px;  margin: 3px 0 0 0; color: #666; border:none; }
div.col-2-right div#vote ul li div.ratingblock p { position: relative; float: left; /*clear: both;*/ width: 100%; text-align: center; }
div.col-2-right div#vote ul li div.ratingblock p.voted { position: relative; float: left; /*clear: both;*/ width: 100%; text-align: center; }
div.col-2-right div#vote ul li div.ratingblock ul.unit-rating  /* the UL */{ position: relative; list-style:none; margin: 0px; padding:0px; height: 20px; left: 80px; background:url(../images/starrating.png) top left repeat-x; }
div.col-2-right div#vote ul li div.ratingblock ul.unit-rating li{ text-indent: -90000px; padding:0px; margin:0px;	/*\*/float: left;/* */ }
div.col-2-right div#vote ul li div.ratingblock ul.unit-rating li.current-rating { position: absolute; background:url(../images/starrating.png) left bottom; height: 20px; display: block; text-indent: -9000px; z-index: 1; }
div.col-2-right div#vote ul li div.ratingblock ul.unit-rating li {}


.show-ct div.item div.ratingblock			{ position: relative; float: left; width: 80%; font-size: 13px;  margin: 3px 0 0 0; color: #666; border:none; }
.show-ct div.item div.ratingblock p			{ position: absolute; top:-6px; left: 120px; width: 50%; }
.show-ct div.item div.ratingblock p.voted	{ position: absolute; top:-6px; left: 120px; width: 50%; }
.loading { height: 30px; background:url(../images/working.gif) 50% 50% no-repeat; border:none; }
.unit-rating  /* the UL */{	position: relative; width: 30%; list-style:none; margin: 0px!important; padding:0px; height: 20px; background:url(../images/starrating.png) top left repeat-x; }	
.unit-rating li{ text-indent: -90000px;	padding:0px; margin:0px;	/*\*/float: left;/* */ }
.unit-rating li a { position: absolute; outline: none; padding: 0px; display:block; width:20px; height: 20px; text-decoration: none; text-indent: -9000px; z-index: 20; }
.unit-rating li a:hover{ background:url(../images/starrating.png) left center; z-index: 2; left: 0px; }

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:20px;}
.unit-rating a.r2-unit{left:20px;}
.unit-rating a.r2-unit:hover{width: 40px;}
.unit-rating a.r3-unit{left: 40px;}
.unit-rating a.r3-unit:hover{width: 60px;}
.unit-rating a.r4-unit{left: 60px;}	
.unit-rating a.r4-unit:hover{width: 80px;}
.unit-rating a.r5-unit{left: 80px;}
.unit-rating a.r5-unit:hover{width: 100px;}
.unit-rating a.r6-unit{left: 100px;}
.unit-rating a.r6-unit:hover{width: 120px;}
.unit-rating a.r7-unit{left: 120px;}
.unit-rating a.r7-unit:hover{width: 140px;}
.unit-rating a.r8-unit{left: 140px;}
.unit-rating a.r8-unit:hover{width: 160px;}
.unit-rating a.r9-unit{left: 160px;}
.unit-rating a.r9-unit:hover{width: 180px;}
.unit-rating a.r10-unit{left: 180px;}
.unit-rating a.r10-unit:hover{width: 200px;}

.unit-rating li.current-rating { position: absolute; background:url(../images/starrating.png) left bottom; height: 20px; display: block; text-indent: -9000px; z-index: 1; }

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}