/*@override
http://localhost:8888/ThemeForrest/Websites/Wicked_clean/www/core/css/styles.css

***********************************************
Stylesheet developed on:    11-09-09
Developed by:                GRUBFORCE
***********************************************
In this stylesheet you will find the core styles defined for the Clean Studio THEMPLATE
*****************
Site basics
******************/
*
{
	padding: 0;
	margin: 0;
	border-width: 0;
	list-style-type: none;
	border-style: none;
}
LI
{
	list-style-type: square;
}
UL
{
	font: 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #575050;
	margin-left: 14px;
}
TABLE.mytable
{
	border: 1px solid #CAC2C2;
	padding: 3px;
	margin-top: 0;
	margin-bottom: 6px;
}
TABLE#contacttbl INPUT
{
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 180px;
}
TD.tdMainProjectTime
{
	padding-left: 4px;
}
TABLE.tblProjectDetails
{
	font: 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #575050;
}
TD.tdProjectZoomProjectShortDescription
{
	font: 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #575050;
}
TD.tdMainProjectShortDesc
{
	font: 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #575050;
}
.btnContact
{
	background-color: #EB40C6;
	color: #FFFFFF;
	padding: 10px;
}
.btnContact:hover
{
	background-color: #EB40C6;
	color: #FFFFFF;
	padding: 10px;
	text-decoration: underline;
}
TABLE#contacttbl
{
	background-color: #666666;
	margin-top: 17px;
	padding: 2px;
}
TD.contacttxt
{
	font: 11px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #E5E5E5;
}
FORM
{
	display: inline-block;
	margin: 20px 0 0;
}
A
{
	text-decoration: none;
	font-family: "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #EB40C6;
}
A:hover
{
	text-decoration: underline;
	color: #EB40C6;
}
TD.tdMainProjectImage
{
	width: 260px;
}
DIV#content A
{
	text-decoration: underline;
}
TD.tdMainProjectName
{
	text-decoration: underline;
}
A.small
{
	text-decoration: none;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin-left: 10px;
}
A.small:hover
{
	text-decoration: underline;
}
/***********
Logo
***********/
DIV#logo
{
	width: 383px;
	height: 56px;
	float: left;
	display: inline-block;
	margin: 25px 0 25px 0px;
}
/*******************
Tekst styles
*******************/
P
{
	color: #575050;
	font: 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}
P.space
{
	margin: 0 0 15px;
}
P.twit
{
	font-size: 13px;
	margin: 0 0 5px;
}
P.small
{
	font: 9px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
}
P.T_footer
{
	line-height: 36px;
	font: 10px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}
H1
{
	font: bold 16px/40px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #EB40C6;
}
H1.small
{
	width: 300px;
	height: 40px;
	float: left;
	display: inline-block;
	background-image: url(core_images/col_small.png);
	padding: 0 0 0 20px;
}
H1.small_twitter
{
	width: 300px;
	height: 40px;
	float: left;
	display: inline-block;
	background-image: url(core_images/col_small_twitter.png);
	padding: 0 0 0 20px;
}
H1.medium
{
	width: 630px;
	height: 40px;
	float: left;
	display: inline-block;
	background: url(core_images/col_medium.png) no-repeat;
	padding: 0 0 0 20px;
}
H1.full
{
	width: 960px;
	height: 40px;
	display: inline-block;
	float: left;
	background-image: url(core_images/col_full.png);
	padding: 0 0 0 20px;
}
H2
{
	font: bold 16px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #363636;
	margin: 0 0 5px;
}
/*******************
Contentframe
*******************/
DIV#contentframe
{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
DIV#content
{
	display: inline-block;
	width: 980px;
	float: left;
	margin: 10px 0 0;
}
/*****************
Navigation
*****************/
DIV#nav_wrapper
{
	width: 940px;
	height: 40px;
	background: url(core_images/nav.png) no-repeat;
	display: inline-block;
	float: left;
	padding: 0 20px;
}
#nav UL LI
{
	float: left;
	display: inline-block;
	height: 40px;
	font: 13px/40px "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0 40px 0 0;
}
A.nav
{
	text-decoration: none;
	color: #898989;
}
A.nav:hover
{
	color: #363636;
}
/***********
Cols
***********/
DIV#col_2_1
{
	width: 650px;
	display: inline-block;
	float: left;
	margin: 0 10px 0 0;
}
DIV#col_2_2
{
	display: inline-table;
	float: left;
	width: 320px;
}
/**************
Modules
**************/
DIV.small_col
{
	display: inline-block;
	float: left;
	width: 280px;
	padding: 20px 20px 15px;
	background: url(core_images/div_small.png) repeat-y;
}
DIV.bottom
{
	display: inline-block;
	float: left;
	width: 320px;
	height: 5px;
	background-image: url(core_images/div_small_bottom.png);
	overflow: hidden;
	margin: 0 0 10px;
}
DIV.medium_col
{
	display: inline-block;
	float: left;
	width: 610px;
	padding: 20px 20px 15px;
	background-image: url(core_images/BG_medium_col.png);
}
DIV.medium_bottom
{
	display: inline-block;
	width: 650px;
	height: 5px;
	background-image: url(core_images/div_medium_bottom.png);
	overflow: hidden;
	float: left;
	margin: 0 0 10px;
}
DIV.full_col
{
	display: inline-block;
	width: 960px;
	background-image: url(core_images/BG_full_col.png);
	height: 580px;
	padding: 20px 0 15px 20px;
}
DIV.full_col_2
{
	display: inline-block;
	width: 940px;
	background-image: url(core_images/BG_full_col.png);
	padding: 20px 20px 15px;
}
DIV.full_bottom
{
	display: inline-block;
	width: 980px;
	height: 5px;
	background-image: url(core_images/div_full_bottom.png);
	float: left;
	overflow: hidden;
	margin: 0 0 10px;
}
/****************
Showcases
***************
Full showcase*/
BUTTON.prev
{
	width: 30px;
	height: 59px;
	position: absolute;
	z-index: 5;
	display: inline-table;
	cursor: pointer;
	margin: 115px 0 0;
}
BUTTON.next
{
	width: 30px;
	height: 59px;
	position: absolute;
	z-index: 5;
	display: inline-table;
	cursor: pointer;
	margin: 115px 0 0 950px;
}
DIV#showcase
{
	width: 980px;
	height: 360px;
	overflow: hidden;
	float: left;
}
DIV.showcase_wrapper_small
{
	float: left;
	display: inline-table;
	overflow: hidden;
}
DIV#showcase_wrapper
{
	display: inline-table;
	width: 980px;
	height: 360px;
}
#showcase_wrapper UL
{
	display: inline-table;
}
DIV#showcase_wrapper UL LI
{
	display: inline-table;
}
A.showcase_link
{
	width: 785px;
	height: 60px;
	float: left;
	display: inline-block;
	font: 18px/60px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #FFF;
	cursor: pointer;
	padding: 0 0 0 20px;
}
A.showcase_link:hover
{
	text-decoration: underline;
}
A.moreinfo
{
	display: inline-block;
	height: 60px;
	width: 155px;
	font: 18px/60px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #FFF;
	cursor: pointer;
	float: left;
	padding: 0 0 0 20px;
}
A.moreinfo:hover
{
	text-decoration: underline;
}
/*Mini showcase*/
BUTTON.prev_mini
{
	width: 30px;
	height: 59px;
	position: absolute;
	z-index: 5;
	display: inline-table;
	cursor: pointer;
	margin: 61px 0 0;
}
BUTTON.next_mini
{
	width: 30px;
	height: 59px;
	position: absolute;
	z-index: 5;
	display: inline-table;
	cursor: pointer;
	margin: 60px 0 0 620px;
}
DIV#showcase_mini
{
	width: 650px;
	height: 185px;
	margin: 0 0 10px;
}
/*Product showcase*/
DIV#showcase_control_product
{
	display: table;
	position: absolute;
	z-index: 0;
}
BUTTON.prev_product
{
	width: 30px;
	height: 59px;
	position: absolute;
	z-index: 5;
	display: inline-block;
	cursor: pointer;
	margin: 256px 0 0 -20px;
}
BUTTON.next_product
{
	width: 30px;
	height: 59px;
	position: absolute;
	z-index: 5;
	display: inline-block;
	cursor: pointer;
	margin: 256px 0 0 930px;
}
DIV#showcase_wrapper_product
{
	width: 980px;
	position: absolute;
	z-index: 3;
	overflow: hidden;
	height: 586px;
}
#showcase_wrapper_product UL
{
	width: 945px;
	position: absolute;
	display: inline-block;
	z-index: 5;
	margin: auto;
}
#showcase_wrapper_product UL LI
{
	width: 945px;
	float: left;
	height: 586px;
}
DIV.tumb_product
{
	width: 310px;
	height: 190px;
	float: left;
	margin: 0 5px 5px 0;
}
DIV.tumb_product IMG
{
	position: absolute;
	z-index: 4;
}
H3 A
{
	font-size: 13px;
	line-height: 35px;
	color: #363636;
	height: 35px;
	position: absolute;
	z-index: 5;
	margin-top: 145px;
	padding: 0 20px;
}
/************
Image
************/
.img_homepage
{
	width: 980px;
	float: left;
	display: inline-block;
	height: 300px;
	margin: 0;
}
.img_medium
{
	width: 650px;
	height: 300px;
	margin: 0 0 10px;
}
IMG.part_left
{
	float: left;
	display: inline-block;
	margin: 0 25px 10px 0;
}
IMG.part_right
{
	float: left;
	display: inline-block;
	margin: 0 0 10px;
}
/*************
Footer
*************/
DIV#footer
{
	display: inline-block;
	width: 960px;
	background-image: url(core_images/footer.png);
	height: 40px;
	margin: 0 0 50px;
	padding: 2px 0 0 20px;
}
/***********
Home
**********
JFlow homepage*/
DIV#myController
{
	display: inline-block;
	float: left;
	width: 630px;
	background-image: url(core_images/controller_medium.png);
	height: 30px;
	padding-left: 20px;
}
SPAN.jFlowControl
{
	font: 12px/25px "Lucida Grande", Lucida, Verdana, sans-serif;
	height: 25px;
	display: inline-block;
	float: left;
	margin-top: 5px;
	padding-left: 6px;
	padding-right: 6px;
	margin-right: 1px;
	color: #E5E5E5;
	cursor: pointer;
}
SPAN.jFlowControl.jFlowSelected
{
	font: 12px/25px "Lucida Grande", Lucida, Verdana, sans-serif;
	height: 25px;
	display: inline-block;
	float: left;
	margin-top: 5px;
	padding-left: 6px;
	padding-right: 6px;
	margin-right: 1px;
	color: #E5E5E5;
	cursor: pointer;
}
DIV#flow_home
{
	display: inline-table;
}
DIV#jFlowSlide
{
	display: inline-block;
}
DIV#mySlides
{
	display: inline-table;
}
DIV.jFlowSlideContainer
{
	display: inline-block;
	float: left;
}
DIV.home_slide
{
	width: 610px;
	float: left;
	display: inline-block;
	padding: 0 20px 20px;
	height: 280px;
	overflow: hidden;
	background: url(core_images/JFlow_home.png) left bottom;
	margin-bottom: 10px;
}
/*Vertical items*/
DIV.ver_item1
{
	width: 280px;
	float: left;
	display: inline-block;
	margin: 20px 20px 20px 0;
}
DIV.ver_item2
{
	width: 280px;
	float: left;
	display: inline-block;
	margin: 20px 0;
	padding: 0;
}
IMG.large_thumb
{
	width: 280px;
	height: 105px;
	margin: 10px 0;
}
/*Horizontal items*/
DIV.hor_item
{
	display: block;
	float: left;
	width: 610px;
	margin: 5px 0 20px;
}
IMG.small_thumb
{
	display: inline-block;
	float: left;
	margin: 0 20px 0 0;
}
/**************
TWITTER
**************/
UL#twitter
{
	float: left;
	display: inline-block;
	width: 280px;
}
#twitter LI
{
	border-bottom: 1px solid #EBEBEB;
	margin: 10px 0;
}
/**************
Contact
**************/
LABEL
{
	font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
	float: left;
	display: inline-block;
	width: 150px;
	clear: left;
	margin: 0 0 10px;
}
INPUT.in_medium
{
	height: 25px;
	width: 250px;
	float: left;
	display: inline-block;
	border: 1px solid #666;
	clear: left;
	margin: 0 0 10px;
}
TEXTAREA.in_textarea
{
	border: 1px solid #666;
	width: 600px;
	float: left;
	display: inline-block;
	margin: 0 0 10px;
}
INPUT#submit
{
	width: 166px;
	height: 38px;
	float: left;
	display: inline-block;
	line-height: 38px;
	font-size: 18px;
	color: #FFF;
	cursor: pointer;
	margin: 0 0 0 436px;
}