@charset "utf-8";
/*
Krea Style Sheet
By: Junaid Bhura
www.junaidbhura.com
*/

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

html {
	overflow-y:scroll;
}

body {
	background-color:#FFF;
	font-family:Verdana, Geneva, sans-serif;
	color:#999999;
	font-size:11px;
	margin-top:10px;
	margin-bottom:10px;
}

img {
	border:0px;
}

a {
	text-decoration:none;
}
	a:hover {
		text-decoration:underline;
	}

h1 {
	font-size:18px;
}

h2 {
	font-size:14px;
	font-weight:normal;
}


/* -- Classes -- */
.ClearFloats {
	font-size:1px;
	height:1px;
	clear:both;
}

.HomeColumn {
	float:left;
	width:164px;
	border-right:1px dotted #999999;
	padding-left:25px;
	padding-right:25px;
	padding-top:15px;
	padding-bottom:15px;
}
	.Last {
		border-right:none;
	}
	.HomeColumn p {
		font-size:10px;
		line-height:15px;
		color:#415C74;
	}
	.HomeColumn .ReadMore {
		float:right;
		margin-top:5px;
	}

.AjaxLoading {
	background-image:url(../images/ajax_loading.gif);
	background-repeat:no-repeat;
	background-position:center center;
}

.Header {
	font-size:14px;
	line-height:18px;
	color:#FF6600;
	font-weight:bold;
}

.ULHeader {
	background-image:url(../images/megaphone.png);
	background-repeat:no-repeat;
	background-position:left;
	height:18px;
	padding-left:28px;
	font-size:14px;
	line-height:18px;
	color:#FF6600;
	font-weight:bold;
	margin-bottom:10px;
}

.KreaUL {
	list-style-type:none;
	margin-left:10px;
}
	.KreaUL li {
		background-image:url(../images/arrow.png);
		background-position:left 5px;
		background-repeat:no-repeat;
		font-size:11px;
		line-height:16px;
		font-weight:normal;
		color:#666666;
		padding-left:14px;
		margin-bottom:5px;
	}
	.KreaUL li ul {
		list-style-type:none;
		margin-left:10px;
		margin-top:5px;
	}
		.KreaUL li ul li {
			background-image:url(../images/arrow_small.png);
			background-repeat:no-repeat;
			background-position:left 5px;
			padding-left:10px;
		}

.Icon {
	float:left;
	margin-right:30px;
	line-height:30px;
}
	.Icon img {
		float:left;
		margin-right:5px;
	}

.Success, .Fail {
	margin-top:10px;
	padding:5px;
	text-align:center;
	margin-bottom:20px;
	border:1px solid #6F6;
}

.Fail {
	border:1px solid #F33;
}

.RightComment {
	padding-top:140px;
	padding-left:80px;
	width:150px;
}

.BlogLink {
	color:#FF6600;
}

.TwitterLink {
	color:#415C74;
}

.twitter_container{
	margin: 0 auto;
	overflow:hidden;
}
.twitter_container a{
	color:#0066CC;
	font-weight:bold;
}
.twitter_status{
	padding:6px;
	border-bottom:solid 1px #DEDEDE;
	margin-bottom:5px;
	color:#666;
}
.twitter_status_text {
	padding-left:17px;
	background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position:0px 3px;
}
.twitter_posted_at{
	padding-top:4px;
 font-size:10px;
 color:#999;
 clear:both;
 padding-left:17px;
}

.highlight {
	color:#FF6600;
}


/* -- IDs -- */
#wrap {
	width:860px;
	margin:0 auto;
}

#header {
	border-bottom:1px dotted #FF6600;
}

#logo {
	float:left;
}

#navigation {
	list-style-type:none;
	float:right;
	margin-top:30px;
}
	#navigation li {
		font-size:10px;
		line-height:10px;
		color:#415C74;
		text-align:right;
		padding-bottom:2px;
		float:left;
		padding-left:8px;
		padding-right:8px;
		border-right:1px solid #415C74;
	}
	#navigation li a {
		color:#415C74;
	}
	#navigation li.active a {
		color:#FF6600;
	}
	#navigation li.last {
		border:0px;
		padding-right:0px;
	}

#content {
}

#footer {
	border-top:1px dotted #999999;
	margin-top:10px;
	padding-top:15px;
	text-align:center;
	color:#999999;
	font-size:10px;
}
	#footer a {
		color:#415C74;
	}

#home_slider {
	height:378px;
}

#panelsContent, #aboutContent {
	margin-top:10px;
}

.Pin {
	background-image:url(../images/pin.jpg);
	background-repeat:no-repeat;
	background-position:top right;
}

#columnLeft {
	width:600px;
	float:left;
}

#columnRight {
	width:259px;
	float:right;
}



/* ---- jScrollPane START ---- */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background-image:url(../images/scroll_bg.png);
	background-repeat:repeat-y;
	background-position:center;
}
.jScrollPaneDrag {
	position: absolute;
	background: #BEBEBE;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}
/* ---- jScrollPane END ---- */