/*
--------------------------------------------------------------
|	HTML TAGS
--------------------------------------------------------------
*/

	body{
		margin:			0px;
		padding:		0px;
		background-color:	#ffffff;
		height:			100%;
	}

	img{
		display:		block;
		outline:		none;
		border:			0px;
	}
	
	canvas{
		display:		block;
	}
	
	ul{
		margin:			0px;
		list-style-type:	none;
	}

	li{
		padding:		0px;
		border:			0px;	
		margin-left:		0px;
	}

	*{
		outline:		none;
		margin:			0px;
		padding:		0px;
	}
	
	table{
		border-collapse:	collapse;
	}
	
/*
--------------------------------------------------------------
|	CMS EDITOR
--------------------------------------------------------------
*/	
	
	.bold{
		font-weight:		bold;
	}
	
	.italic{
		font-style:		italic;
	}
	
	
/*
--------------------------------------------------------------
|	FRAMEWORK
--------------------------------------------------------------
*/
	
	#celcius{
		position:		absolute;
		top:			0px;
		left:			50%;
		margin-left:		-490px;
		width:			980px;
	}
	
	#celcius_container{
		margin-left:		20px;
		margin-top:		5px;
	}

/*
--------------------------------------------------------------
|	CONTENT
--------------------------------------------------------------
*/
	
	#celcius_logo{
		height:			110px;
		width:			980px;
	}

	
	#celcius_content{
		overflow:		auto;
	}
	
	#content_left{
		float:			left;
		width:			220px;
		margin-top:		10px;
	}
	
	#content_right{
		float:			left;
		width:			720px;
		margin-left:		20px;
		margin-top:		10px;
	}

	#content_right h6{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		24px;
		color:			#6d6d6d;
		padding-bottom:		8px;
		border-bottom:		1px solid #b2b2b2;
		margin-bottom:		30px;
	}	
	
/*
--------------------------------------------------------------
|	COLUMN LEFT
--------------------------------------------------------------
*/	
	
	#celcius_btns{
		padding-bottom:		11px;
	}
	
	.celcius_btn{
		width:			222px;
		height:			62px;
		background-repeat:	no-repeat;
		padding-bottom:		6px;
		position:		relative;
		cursor:			pointer;
	}
	
	.celcius_btn img{
		position:		absolute;
		left:			25px;
		top:			14px;
	}
	
	.off{
		background-image:	url('images/bg_button_off.jpg');
	}

	.on{
		background-image:	url('images/bg_button_on.jpg');
	}
	
	#lostinspace{
		background-color:	#eff0ef;
	}
	
	.celcius_address{
		padding-bottom:		20px;
	}

	.celcius_address p{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		12px;
		color:			#313131;	
		line-height:		21px;
		border-left:		1px solid #a6a6a6;
		border-right:		1px solid #a6a6a6;
		padding-left:		20px;
		padding-top:		10px;
		padding-bottom:		10px;
	}
	
	.celcius_address p a,
	.celcius_address p a:link,
	.celcius_address p a:active,
	.celcius_address p a:visited{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		12px;
		color:			#89b649;	
		text-decoration:	none;
		text-transform:		lowercase;
	}

	.celcius_address p a:hover{
		color:			#427f38;
	}	
		
/*
--------------------------------------------------------------
|	FOOTER
--------------------------------------------------------------
*/
	
	#celcius_footer{
		position:		relative;
		background-image:	url('images/bg_footer.jpg');
		background-repeat:	repeat-x;
		height:			130px;
	}

	#logo_footer{
		position:		absolute;
		top:			30px;
		left:			30px;
	}
	
	#celcius_footer p{
		position:		absolute;
		top:			27px;
		left:			240px;	
		font-family:		Arial;
		font-weight:		normal;
		font-size:		10px;
		color:			#030303;
		line-height:		16px;
	}
	
	#celcius_footer p a,
	#celcius_footer p a:link,
	#celcius_footer p a:active,
	#celcius_footer p a:visited{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		10px;
		color:			#030303;	
		text-decoration:	none;
		text-transform:		lowercase;
	}
	
	#celcius_footer p a:hover{
		color:			#89B649;		
	}

/*
--------------------------------------------------------------
|	MENU
--------------------------------------------------------------
*/	

	#navibalk{
		position:		relative;
		padding-bottom:		10px;
	}
	
	#navibalk img{
		position:		absolute;
		top:			0px;
		left:			0px;
	}
	
	#navi_left{
		position:		absolute;
		top:			2px;
		left:			20px;
	}

	#navi_right{
		position:		absolute;
		top:			2px;
		right:			20px;
	}
	
	#navi_left a,
	#navi_left a:link,
	#navi_left a:visited,
	#navi_left a:active{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		14px;
		color:			#89868a;
		text-decoration:	none;
		text-transform:		lowercase;
		padding-right:		40px;
	}

	#navi_left a:hover{
		color:			#030303;
	}

	#navi_right a,
	#navi_right a:link,
	#navi_right a:visited,
	#navi_right a:active{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		14px;
		color:			#89b649;
		text-decoration:	none;
		text-transform:		lowercase;
	}

	#navi_right a:hover{
		color:			#427f38;
	}

	
	#navi_right a span{
		color:			#89b649;
	}

/*
--------------------------------------------------------------
|	CASE STUDY
--------------------------------------------------------------
*/

	#case_study{
		width:			960px;		
	}
	
/*
--------------------------------------------------------------
|	SOCIAL TOOL
--------------------------------------------------------------
*/	
	
	.shareDiv{
		position:		absolute;
		left:			650px;
		background-color:	#ffffff;
		border:			1px solid #A6A6A6;
		z-index:		1000;
	}
	
	.shareDiv ul{
		padding-top:		10px;
		padding-bottom:		10px;
	}
	
	.shareDiv ul li{
		padding-left:		10px;
		padding-right:		10px;
	}
	
	.shareDiv ul li img{
		display:		inline;
		padding-right:		5px;
		vertical-align: 	middle;
	}
	
	.shareDiv ul li a,
	.shareDiv ul li a:link,
	.shareDiv ul li a:active,
	.shareDiv ul li a:visited{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		11px;
		color:			#89B649;
		text-decoration:	none;
	}

	.shareDiv ul li a:hover{
		color:			#427f38;
	}	
	
/*
--------------------------------------------------------------
|	SHOWCASE
--------------------------------------------------------------
*/
	
	.spotlight{
		overflow:		auto;
		padding-bottom:		20px;
	}
	
	.spotlight_pic{
		float:			left;
		width:			320px;
		position:		relative;
	}

	.spotlight_info{
		float:			left;
		width:			380px;
		padding-left:		20px;
	}
	
	#pDiv{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		11px;
		color:			#666666;	
		line-height:		21px;
		padding-bottom:		40px;
	}
	
	#pDiv a,
	#pDiv a:link,
	#pDiv a:active,
	#pDiv a:visited{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		11px;
		color:			#89B649;	
		line-height:		21px;	
	}
	
	#pDiv a:hover{
		color:			#427f38;
	}
	
	#pDiv ul{
		list-style-type:	square;
	}
	
	#pDiv ul li{
		margin-left:		30px;
	}

	#pDiv h1{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		20px;
		color:			#6d6d6d;
		padding-bottom:		8px;	
	}

	#pDiv h2{
		font-family:		Arial;
		font-weight:		bold;
		font-size:		12px;
		color:			#6d6d6d;
		padding-bottom:		8px;	
	}	
	
	.spotlight_info h1 a,
	.spotlight_info h1 a:link,
	.spotlight_info h1 a:active,
	.spotlight_info h1 a:visited,
	.spotlight_info h1 a:hover{
		display: 		block;
	}
	
	.spotlight h1{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		20px;
		color:			#6d6d6d;
		padding-bottom:		8px;
		margin-top:		-5px;
	}
	
	.spotlight h2{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		10px;
		color:			#8d8d8d;
		text-transform:		uppercase;
		border-top:		1px solid #bababa;
		border-bottom:		1px solid #bababa;
		padding-top:		2px;
		padding-bottom:		2px;
		margin-bottom:		8px;
	}

	.spotlight h3{
		font-family:		Arial;
		font-weight:		bold;
		font-size:		11px;
		color:			#8d8d8d;
		padding-top:		5px;
		padding-bottom:		3px;
	}
	
	.spotlight h3 a,
	.spotlight h3 a:link,
	.spotlight h3 a:active,
	.spotlight h3 a:visited{
		font-family:		Arial;
		font-weight:		bold;
		font-size:		11px;
		color:			#89b649;
		text-decoration:	none;
	}
	
	.spotlight h3 a:hover{
		color:			#427f38;
	}	

	.spotlight h4{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		11px;
		color:			#8d8d8d;
		height:			100px;
	}
	
	.spotlight h4 a,
	.spotlight h4 a:link,
	.spotlight h4 a:active,
	.spotlight h4 a:visited{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		11px;
		color:			#89b649;
		text-decoration:	none;
	}

	.spotlight h4 a:hover{
		color:			#427f38;
	}

	.float_left_h5{
		float:			left;
		width:			315px;
		text-align:		left;		
	}

	.float_right_h5{
		float:			left;
		width:			65px;
		text-align:		right;
	}

	.spotlight h5 a,
	.spotlight h5 a:link,
	.spotlight h5 a:active,
	.spotlight h5 a:visited{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		11px;
		color:			#89b649;
		text-decoration:	none;
	}

	.spotlight h5 a:hover{
		color:			#427f38;
	}
	
/*
--------------------------------------------------------------
|	ARCHIVE
--------------------------------------------------------------
*/	
	#tblArchive{
		margin-bottom:		20px;
	}

	#tblArchive tr th,
	#tblHosting tr th
	{
		text-align:		left;
		font-family:		Arial;
		font-weight:		normal;
		font-size:		13px;
		color:			#313131;
		border-bottom:		1px solid #868686;
		padding-bottom:		5px;
	}	
	
	#tblArchive tr td,
	#tblHosting tr td
	{
		padding-bottom:		4px;
		padding-top:		4px;
		border-bottom:		1px solid #f3f3f3;
	}
	
	.tdProjClient{
		text-align:		left;
		font-family:		Arial;
		font-weight:		normal;
		font-size:		11px;
		color:			#89868a;	
	}

	.tdProjClient a,
	.tdProjClient a:link,
	.tdProjClient a:active,
	.tdProjClient a:visited{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		11px;
		color:			#89b649;
		text-decoration:	none;
	}

	.tdProjClient a:hover{
		color:			#427f38;
	}	
	
/*
--------------------------------------------------------------
|	LIMELITE
--------------------------------------------------------------
*/

	#limelite_demo{
		padding-left:		30px;
		width:			600px;
		height:			505px;
	}

/*
--------------------------------------------------------------
|	HOSTING
--------------------------------------------------------------
*/

	.tdHostingLabel{
		text-align:		left;
		font-family:		Arial;
		font-weight:		normal;
		font-size:		11px;
		color:			#313131;	
	}	

	.tdHostingValue{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		11px;
		color:			#89868a;	
	}

	.smallNote{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		10px;
		color:			#89868A;	
		line-height:		16px;
		text-align:		left;	
		padding-top:		10px;
		padding-bottom:		10px;
		font-style:		italic;
	}
	

/*
--------------------------------------------------------------
|	PROFILE
--------------------------------------------------------------
*/	
	
	#profile ul{
		list-style-type:	square;
	}
	
	#profile ul li{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		11px;
		color:			#666666;	
		line-height:		21px;	
		margin-left:		16px;
	}
	
	#profile p{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		11px;
		color:			#666666;	
		line-height:		21px;
		width:			670px;
	}
	
	#profile h1{
		font-family:		Arial;
		font-weight:		normal;
		font-size:		20px;
		color:			#6d6d6d;
		padding-bottom:		8px;	
	}

	#profile h2{
		font-family:		Arial;
		font-weight:		bold;
		font-size:		12px;
		color:			#6d6d6d;
		padding-bottom:		8px;	
	}
	
	.floatULs{
		overflow:		auto;
	}
	
	.floatULs ul{
		float:			left;
		width:			360px;
	}