@charset "utf-8";
/*
Scion Web Site Styles
By: Junaid Bhura
www.junaidbhura.com
*/

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

body {
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

img {
	border:0px;
}

a {
	text-decoration:none;
	color:#E1328C;
}

a:hover {
	text-decoration:none;
}

h1 {
	color:#72706F;
	font-weight:normal;
	line-height:35px;
	font-size:25px;
}

h2 {
	color:#72706F;
	font-weight:normal;
	padding-bottom:15px;
	font-size:22px;
	line-height:22px;
}

h3 {
	color:#E1328C;
	font-size:11px;
	font-weight:normal;
}

p {
	font-size:10px;
	color:#878585;
	line-height:14px;
	padding-bottom:20px;
}


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

.Content {
	padding:40px;
	padding-left:30px;
	padding-right:30px;
	overflow:hidden;
}

.ScrollContent {
	height:270px;
}

.ScionUL {
	margin-left:15px;
}

.ScionUL li {
	color:#878585;
	font-size:10px;
	padding-bottom:5px;
}

.Slider {
	width:770px;
	height:350px;
	overflow:hidden;
	position:absolute;
}

.ProjectsSlide {
	width:770px;
	float:left;
	position:absolute;
}

.BigText, .MediumText, .SmallText {
	font-family:"Palatino Linotype", "Times New Roman", Arial;
	font-size:25px;
	line-height:35px;
}

.MediumText {
	font-size:17px;
	line-height:25px;
}

.SmallText {
	font-size:15px;
	line-height:20px;
}


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

#header {
	margin-bottom:45px;
	height:110px;
}

#logo {
	width:164px;
	float:left;
}

#menu {
	float:left;
}

.SubMenu {
	margin-left:15px;
}

#mainMenu, .SubMenu {
	list-style-type:none;
	margin-top:25px;
	float:left;
}

#mainMenu li, .SubMenu li {
	font-size:9px;
	line-height:9px;
	margin-bottom:10px;
	color:#666666;
}

#mainMenu li a {
	font-weight:bold;
}

#mainMenu li a, .SubMenu li a {
	color:#CCCCCC;
}

#mainMenu li a.MenuActive, .SubMenu li a.MenuActive {
	color:#666666;
}

#mainMenu li a:hover, .SubMenu li a:hover {
	text-decoration:none;
}

#contentStatus {
	height:10px;
}

#contentContainer {
	width:770px;
	height:350px;
	/*background-color:#F5F5F5;*/
	display:none;
}

#columnLeft, .columnLeft {
	width:195px;
	float:left;
}

#columnRight, .columnRight {
	width:495px;
	float:right;
}

#footer {
	margin-top:15px;
	font-size:10px;
	color:#D3D3D3;
}
	#footer span {
		float:left;
	}
	#footer ul {
		list-style-type:none;
		margin-left:50px;
		float:left;
	}
	#footer ul li {
		float:left;
		padding-left:10px;
		padding-right:10px;
		border-right:1px solid #DF3E6C;
		height:10px;
		line-height:10px;
	}
	#footer ul li.last {
		border:none;
	}
	#footer ul li a {
		color:#D3D3D3;
	}

#projectNavigation {
	padding-left:15px;
}

#projectNavigation a {
	color:#CCCCCC;
	text-decoration:none;
	font-weight:bold;
}

#projectNavigation a:hover {
	color:#E1328C;
	text-decoration:none;
}

#projectDescription {
	color:#666666;
	padding-left:15px;
}

#loadStatus {
	position:absolute;
	left:50%;
	margin-left:-155px;
	width:320px;
	padding-top:300px;
	z-index:300;
}


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

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	display:none;
}
.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: 250px;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-image:url(../images/up.png);
	background-position:center;
	background-repeat:no-repeat;
	height: 7px;
}
a.jScrollArrowUp:hover {
	background-image:url(../images/up_active.png);
	background-position:center;
	background-repeat:no-repeat;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-image:url(../images/down.png);
	background-position:center;
	background-repeat:no-repeat;
	height: 9px;
}
a.jScrollArrowDown:hover {
	background-image:url(../images/down_active.png);
	background-position:center;
	background-repeat:no-repeat;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}