/* ELEMENTS */
body {
	margin: 0px;
	font-family: "trebuchet ms", helvetica, arial, verdana, sans-serif;
	color: #FFF;
	font-size: 0.8em;
	background-color: #000;
}

a {
	color: #88C540;
	outline: none;
	text-decoration: none;
}
a:hover {
	color: #FFF;
	text-decoration: underline;
}

span.grey {
	color: #B3BAC0;	
}


/* MAIN */
div#wrapper {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -500px;
	margin-top: -300px;
	width: 1000px;
	height: 600px;
	z-index: 1;
}

a#reset {
	display: block;
	position: absolute;
	left: 21px;
	top: 0px;
	width: 43px;
	height: 31px;
	background-image: url("gfx/reset.gif");
	outline: none;
}
a#reset:hover {
	background-position: 0px 31px;
}

a.themebutton {
	width: 22px;
	height: 22px;
	display: block;
	float: left;
	background-image: url("gfx/themebuttons.gif");
	margin-top: -1px;
}

a#themebutton0 {
	margin-left: 58px;
	background-position: 0px 0px;
}
a#themebutton0:hover {
	background-position: 0px 22px;
}
a#themebutton1 {
	background-position: -22px 0px;
}
a#themebutton1:hover {
	background-position: -22px 22px;
}
a#themebutton2 {
	background-position: -44px 0px;
}
a#themebutton2:hover {
	background-position: -44px 22px;
}
a#themebutton3 {
	background-position: -66px 0px;
}
a#themebutton3:hover {
	background-position: -66px 22px;
}
a#themebutton4 {
	background-position: -88px 0px;
}
a#themebutton4:hover {
	background-position: -88px 22px;
}
a#themebutton5 {
	background-position: -110px 0px;
}
a#themebutton5:hover {
	background-position: -110px 22px;
}
a#themebutton6 {
	background-position: -132px 0px;
}
a#themebutton6:hover {
	background-position: -132px 22px;
}

div#shadow {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 712px;
	background-image: url("gfx/shadow.png");
	z-index: 0;
}


/* BOXES */
div.container {
	display: block;
	position: absolute;
	-khtml-user-select: none;
	-moz-user-select: none;
}

div.static {
	background-repeat: no-repeat;
}

div.static div.content {
	margin-left: -11px;
	margin-top: -11px;
	padding: 0px;
}

div.content {
	position: absolute;
	left: 11px;
	top: 11px;
	z-index: 2;
	cursor: default;
	color: #999;
}

div.draggable div.widget_title {
	cursor: move;
}

a.collapse {
	display: block;
	position: absolute;
	left: 4px;
	top: -6px;
	width: 16px;
	height: 16px;
	background-image: url("gfx/collapse.gif");
	background-position: 1px 1px;
	outline: none;
}
a.collapse:hover {
	background-position: 1px 16px;
}

a.expand {
	display: block;
	position: absolute;
	left: 4px;
	top: -6px;
	width: 16px;
	height: 16px;
	background-image: url("gfx/collapse.gif");
	background-position: -14px 2px;
	outline: none;
}
a.expand:hover {
	background-position: -14px 17px;
}

div.title {
	position: absolute;
	left: 22px;
	top: 2px;
	height: 23px;
	z-index: 3;
}

	td.title1 {
		width: 4px;
		height: 23px;
		background-image: url("gfx/title.png");
		background-position: 0px 0px;
		font-size: 0px;
	}

	td.title2 {
		width: 4px;
		height: 23px;
		background-image: url("gfx/title.png");
		background-position: -15px 0px;
		font-size: 0px;
	}

	td.title_repeat {
		height: 23px;
		background-image: url("gfx/title_repeat.png");
		background-repeat: repeat-x;
		color: #88C540;
		padding-left: 4px;
		padding-right: 4px;
		cursor: move;
	}

div.corner {
	position: absolute;
	right: 10px;
	top: 10px;
	width: 14px;
	height: 14px;
	background-image: url("gfx/corner.png");
	z-index: 2;
}

td.grid1 {
	width: 22px;
	height: 22px;
	background-image: url("gfx/grid1.png");
	background-position: 0px 0px;
	font-size: 0px;
}

td.grid2 {
	height: 22px;
	background-image: url("gfx/grid2.png");
	background-position: 0px 0px;
	background-repeat: repeat-x;
	font-size: 0px;
}

td.grid2_3 {
	height: 22px;
	background-image: url("gfx/grid2_3.png");
	background-position: 0px 0px;
	background-repeat: repeat-x;
	font-size: 0px;
}

td.grid3 {
	width: 22px;
	height: 22px;
	background-image: url("gfx/grid1.png");
	background-position: -23px 0px;
	font-size: 0px;
}

td.grid3_2 {
	width: 21px;
	height: 22px;
	background-image: url("gfx/grid1_2.png");
	background-position: -23px 0px;
	font-size: 0px;
}

td.grid3_3 {
	width: 22px;
	height: 22px;
	background-image: url("gfx/grid1_3.png");
	background-position: -23px 0px;
	font-size: 0px;
}

td.grid4 {
	width: 22px;
	background-image: url("gfx/grid3.png");
	background-position: 0px 0px;
	background-repeat: repeat-y;
	font-size: 0px;
}

td.grid5 {
	background-color: #424242;
	font-size: 0px;
}

td.grid5_3 {
	background-color: #303030;
	font-size: 0px;
}

td.grid6 {
	width: 22px;
	background-image: url("gfx/grid3.png");
	background-position: -23px 0px;
	background-repeat: repeat-y;
	font-size: 0px;
}

td.grid6_2 {
	width: 21px;
	background-image: url("gfx/grid3_2.png");
	background-position: -23px 0px;
	background-repeat: repeat-y;
	font-size: 0px;
}

td.grid6_3 {
	width: 22px;
	background-image: url("gfx/grid3_3.png");
	background-position: -23px 0px;
	background-repeat: repeat-y;
	font-size: 0px;
}

td.grid7 {
	width: 22px;
	background-image: url("gfx/grid1.png");
	background-position: 0px 22px;
	font-size: 0px;
}

td.grid8 {
	background-image: url("gfx/grid2.png");
	background-position: 0px -23px;
	background-repeat: repeat-x;
	font-size: 0px;
}

td.grid8_3 {
	background-image: url("gfx/grid2_3.png");
	background-position: 0px -23px;
	background-repeat: repeat-x;
	font-size: 0px;
}

td.grid9 {
	width: 22px;
	background-image: url("gfx/grid1.png");
	background-position: -23px 22px;
	font-size: 0px;
}

td.grid9_2 {
	width: 21px;
	background-image: url("gfx/grid1_2.png");
	background-position: -23px 22px;
	font-size: 0px;
}

td.grid9_3 {
	width: 22px;
	background-image: url("gfx/grid1_3.png");
	background-position: -23px 22px;
	font-size: 0px;
}

/* NAWT */
div.naw_icon {
	width: 24px;
	height: 25px;
	background-image: url("gfx/naw_icons.gif");
	position: absolute;
	left: 104px;
}
div#naw_icon_phone {
	top: 58px;
}
div#naw_icon_fax {
	background-position: 0px 50px;
	top: 82px;
}
div#naw_icon_mail {
	background-position: 0px 25px;
	top: 106px;
}

/* WIDGETS TV */
div#tv_note{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -99px;
	margin-top: -74px;
	/*padding-top: 9px;*/
	font-size: 0.9em;
	text-align: center;
	width: 198px;
	height: 149px;
}
div#tv_controls {
	display: none;
	position: absolute;
	left: 0px;
	bottom: 2px;
}
a.tv_control {
	width: 18px;
	height: 20px;
	background-image: url("gfx/tv_controls.png");
	background-repeat: no-repeat;
	display: block;
	outline: none;
	float: left;
	margin-left: 2px;
}
a#tv_previous {
	left: 4px;
}
a#tv_previous:hover {
	background-position: 0px -20px;
}
a#tv_pause{
	left: 24px;
	background-position: -20px 0px;
}
a#tv_pause:hover {
	background-position: -20px -20px;
}
a#tv_play{
	left: 24px;
	background-position: -40px 0px;
}
a#tv_play:hover {
	background-position: -40px -20px;
}
a#tv_next{
	left: 24px;
	background-position: -60px 0px;
}
a#tv_next:hover {
	background-position: -60px -20px;
}
a#tv_fullscreen{
	left: 44px;
	background-position: -80px 0px;
}
a#tv_fullscreen:hover {
	background-position: -80px -20px;
}

div#tv_number {
	position: absolute;
	bottom: 2px;
	left: 104px;
}


/* SALES CHAT */
a#chat {
	margin-left: 14px;
	margin-top: 26px;
	display: block;
	width: 93px;
	height: 74px;
	background-image: url("gfx/chat.gif");
	outline: none;
}
a#chat:hover {
	background-position: 0px 74px;
}

div.chat_offline {
	position:absolute;
	margin-left: 32px;
	margin-top: -18px;
	width: 54px;
	height: 11px;
	background-image: url("gfx/online.gif");
}
div.chat_online {
	margin-left: 32px;
	margin-top: -18px;
	width: 54px;
	height: 11px;
	background-image: url("gfx/online.gif");
	background-position: 0px 11px;
}


/* CALL ME BACK */
a#callback {
	position: absolute;
	left: 6px;
	top: 98px;
	display: block;
	width: 117px;
	height: 27px;
	background-image: url("gfx/callback.gif");
	outline: none;
}
a#callback:hover {
	background-position: 1px 28px;
}

input.callback_textfield {
	padding-left: 6px;
	padding-right: 2px;
	width: 103px;
	height: 19px;
	border: 0px;
	background-image: url("gfx/callback_bg.gif");
	background-repeat: no-repeat;
	font-family: "trebuchet ms", helvetica, arial, verdana, sans-serif;
	font-size: 0.9em;
	color: #000;
}


/* PROJECTS */
div.project_slot {
	position: absolute;
	width: 100px;
	height: 100px;
	background-image: url("gfx/project_slot.jpg");
}

img.project_icon {
	cursor: pointer;
}

div#projects_pagenumber {
	position: absolute;
	left: 94px;
	width: 20px;
	text-align: center;
}


/* CLIENTS */
div#clients_logos {
	position: absolute;
	left: 26px;
	top: 50px;
}
div.client {
	float: left;
	margin: 8px;
	text-align: center;
}