body {
	margin:0;
	padding:0;
	background:#000
}
a {
	outline:0;
	text-decoration:none
}
p, span, a, div, ing, ul, li {
	margin:0;
	padding:0
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal
}
#wrap {
	width:1015px;
	margin:0 auto
}
#wrapSupport {
	width:1015px;
	float:left
}
#portfolio {
	width:100%;
	float:left;
	height:770px;
	background:url(images/portfolioBg.png) no-repeat center top
}
.head {
	width:100%;
	height:270px;
	position:relative;
	float:left
}
h2 {
	width:588px;
	float:left;
	position:absolute;
	bottom:0;
	text-align:right
}
ul.menu {
	width:354px;
	height:61px;
	float:left;
	position:absolute;
	left:653px;
	bottom:0px;
	overflow:hidden;
	border-left:#3350ff solid 9px;
	background:#0e0e0e
}
ul.menu li {
	width:auto;
	margin-left:27px;
	float:left;
	list-style:none
}
ul.menu li a, ul.menu li a.active {
	width:auto;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#750050;
	line-height:60px;
	text-transform:uppercase
}
ul.menu li a:hover, ul.menu li a.active {
	color:#3350ff
}
.portfolioContent {
	width:752px;
	margin:41px 0 0 226px;
	float:left;
}
.portfolioContent h3 {
	width:100%;
	height:71px;
	float:left;
	font-family:"Franklin Gothic Medium Cond";
	font-size:40px;
	color:#3350ff;
	letter-spacing:-1.2px;
	background:url(images/headingBg.png) no-repeat center bottom
}
ul.profile {
	width:auto;
	margin-left:30px;
	float:left
}
ul.profile li {
	width:auto;
	margin:15px 28px 0 0;
	float:left;
	list-style:none
}
ul.profile li a {
	width:auto;
	float:left
}
ul.profile li a img {
	width:auto;
	float:left;
	border:0px;
}
#index {
	width:100%;
	float:left;
	height:647px;
	background:url(images/indexBg.png) no-repeat left 100PX
}
.indexContent {
	width:100%;
	margin:38px 0 0 0;
	float:left
}
.indexContent .left {
	width:584px;
	float:left
}
.indexContent .left p {
	width:100%;
	float:left;
	font-family:"Franklin Gothic Medium Cond";
	font-size:40px;
	color:#3350ff;
	line-height:38px;
	letter-spacing:-1px;
	text-align:right
}
.indexContent .right {
	width:363px;
	margin-left:65px;
	float:left
}
.indexContent .right p {
	width:320px;
	padding:0 0 20px 0;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#616161;
	line-height:15px;
	text-align:justify
}
#about {
	width:100%;
	padding:0 0 219px 0;
	float:left;
	background:url(images/aboutBg.png) no-repeat left 180px
}
.aboutContent {
	width:100%;
	margin-top:38px;
	float:left
}
.aboutContent .left {
	width:584px;
	float:left
}
.aboutContent .left p {
	width:100%;
	float:left;
	font-family:"Franklin Gothic Medium Cond";
	font-size:40px;
	color:#3350ff;
	line-height:38px;
	letter-spacing:-1px;
	text-align:right
}
.aboutContent .left p a {
	color:#3350ff
}
.aboutContent .left p a:hover {
	color:#750050
}
.aboutContent .right {
	width:363px;
	margin-left:65px;
	float:left
}
.aboutContent .right p {
	width:320px;
	padding:0 0 20px 0;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#616161;
	line-height:15px;
	text-align:justify
}
.aboutContent .right p a {
	color:#616161;
	text-decoration:underline;
	font-style:italic
}
.aboutContent .right p a:hover {
	text-decoration:none
}
#contact {
	width:100%;
	padding:0 0 252px 0;
	float:left;
	background:url(images/contactBg.png) no-repeat left 67px
}
.contactContent {
	width:100%;
	margin-top:38px;
	float:left
}
.contactContent .left {
	width:584px;
	float:left
}
.contactContent .left p {
	width:100%;
	float:left;
	font-family:"Franklin Gothic Medium Cond";
	font-size:40px;
	color:#3350ff;
	line-height:38px;
	letter-spacing:-1px;
	text-align:right
}
.contactContent .left p a {
	color:#3350ff
}
.contactContent .left p a:hover {
	color:#750050
}
.contactContent h4 {
	width:100%;
	float:left;
	font-family:"Franklin Gothic Medium Cond";
	font-size:40px;
	color:#3350ff;
	line-height:45px;
	letter-spacing:-1px;
	text-align:right
}
.contactContent .right {
	width:363px;
	margin-left:65px;
	float:left
}
.contactContent input[type="text"] {
	width:350px;
	height:33px;
	margin-top:11px;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#616161;
	font-style:italic;
	border:#131313 solid 6px;
	background:#0a0a0a
}
.contactContent textarea {
	width:350px;
	height:80px;
	margin-top:11px;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#616161;
	font-style:italic;
	border:#131313 solid 6px;
	overflow:auto;
	background:#0a0a0a
}
.contactContent input[type="text"]:nth-child(1) {
margin:0px
}
.link {
	width:auto;
	float:left;
	position:absolute;
	left:0;
	top:0;
	color:#fff;
	text-indent:-9999px;
}
.home {
	width:60px;
	height:20px;
	position:fixed;
	left:50%;
	top:0px;
	z-index:5;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#750050;
	line-height:20px;
	text-transform:uppercase;
	background:#0e0e0e;
	text-align:center
}
.credit {
	width:100%;
	padding:0px;
	height:30px;
	position:fixed;
	left:0;
	bottom:0px;
	z-index:5;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#616161;
	line-height:30px;
	background:#0e0e0e;
	text-align:left
}
.credit a {
	color:#616161;
	font-weight:bold
}
.credit .left {
	width:auto;
	padding:0 10px;
	float:left
}
.credit .right {
	width:auto;
	padding:0 10px;
	float:right
}
#gallery {
	width:auto;
	float:left
}
.portfolioContent .tabs ul{
	width:100%;
	height:71px;
	float:left;
	display:inline;
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

.portfolioContent ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
	background:url("images/headingBg.png") no-repeat scroll center bottom transparent;
}


.portfolioContent .tabs li a{
	
	color:#750050;
	float:left;
	font-family:"Franklin Gothic Medium Cond";
	font-size:40px;
	height:71px;
	letter-spacing:-1.2px;
	width:100%;
	display:block;
}

/* when mouse enters the tab move the background image */
.portfolioContent ul.tabs a:hover {
	color:#3350FF;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.portfolioContent ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor:default !important; 
	color:#3350FF !important;
}