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

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

html {
	overflow-y:scroll;
}

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

img {
	border:0px;
}

a {
	color:#00CCFF;
	text-decoration:none;
}
	a:hover {
		text-decoration:underline;
	}

h1 {
	font-size:20px;
	font-weight:normal;
}

p {
	font-size:12px;
	color:#999999;
	line-height:17px;
	font-weight:bold;
	width:540px;
}
	p span {
		color:#5A5A5A;
	}
	p a {
		color:#999999;
	}


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

.PortfolioContent {
	display:none;
	padding-bottom:40px;
}

.AjaxLoading, .AjaxLoadingCenter {
	background-image:url(../images/ajax_load.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

.AjaxLoadingCenter {
	background-position:center center;
}

.Gallery {
	width:918px;
	height:413px;
}
	.Gallery .Close {
		text-align:right;
		padding-bottom:2px;
	}
	.Gallery .GalleryBG {
		background-color:#EFEFEF;
		height:338px;
		overflow:hidden;
	}
	.Gallery .GalleryMenu {
		background-image:url(../images/bg_gallery_gradient.jpg);
		height:73px;
		background-repeat:repeat-x;
		border-bottom:1px solid #929292;
		border-top:1px solid #ABABAB;
	}
	.Gallery .GalleryMenu ul {
		list-style-type:none;
		margin-top:25px;
		margin-left:3px;
	}
	.Gallery .GalleryMenu ul li {
		float:left;
		width:113px;
		height:54px;
		margin-left:15px;
		background-color:#FFFFFF;
	}
	.Gallery .GalleryArrow {
		background-image:url(../images/arrow.png);
		width:17px;
		height:10px;
		background-repeat:no-repeat;
		position:absolute;
		margin-top:-9px;
		margin-left:10px;
	}
	.Gallery .InnerLink {
		position:absolute;
		width:200px;
		height:14px;
		font-size:14px;
		line-height:14px;
		font-weight:bold;
		margin-top:-30px;
		padding-left:18px;
	}

.GalleryPopUpNavigation, .GalleryPopUpNavigationActive {
	width:10px;
	height:10px;
	float:left;
	margin-right:5px;
	display:block;
	background-color:#C0C0C0;
	text-decoration:none;
}

.GalleryPopUpNavigationActive {
	background-color:#292929;
}

.Highlight {
	color:#434343;
}

.SubmitButton {
	border:0px;
	width:60px;
	height:14px;
	background-color:#FFFFFF;
	background-image:url(../images/button_submit.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	cursor:pointer;
}


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

#logo {
	padding-top:20px;
}

#anchors {
	font-size:1px;
	height:1px;
	padding-top:40px;
}

#content {
	padding-top:36px;
}

#portfolioMenu {
	list-style-type:none;
}
	#portfolioMenu li {
		margin-top:-16px;
	}

#menu {
	padding-top:140px;
	margin-bottom:20px;
}

#menu ul {
	list-style-type:none;
}
	#menu ul li {
		float:left;
		padding-right:6px;
	}

#menuBottom {
	padding-top:70px;
	padding-bottom:20px;
}
	#menuBottom ul {
		list-style-type:none;
	}
	#menuBottom ul li {
		height:24px;
		padding-bottom:1px;
	}

#subMenu {
	padding-bottom:30px;
	height:37px;
}
	#subMenu ul {
		list-style-type:none;
	}
	#subMenu ul li {
		float:left;
		padding-right:7px;
	}
	#subMenu ul li a {
		display:block;
		padding-top:17px;
	}

#galleryPopUp {
	display:none;
	position:absolute;
	width:700px;
	height:300px;
	z-index:9999;
	background-color:#FFFFFF;
}

#galleryPopUpNavigation {
	display:none;
	float:left;
	padding-top:5px;
}

#galleryPopUpButtons {
	float:right;
	padding-top:5px;
}
	#galleryPopUpButtons #nextButton {
		padding-left:10px;
		float:right;
	}
	#galleryPopUpButtons #previousButton {
		float:right;
	}

#contactTable td {
	padding:8px;
	padding-left:0px;
}

/* --- Modal Box --- */
#mask {
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	background-color:#FFFFFF;
	display:none;
	left:0;
	top:0;
}