/* @override http://judson/css/main.css */

/* @override http://judson/css/main.css */

/* @override http://judson/css/main.css */



body {
	background-image: url(../images/backgroundgradient.gif);
	background-repeat: repeat-x;
	background-color: #D4D4D4; 
}

.PTHeadText{
	position: absolute;
	width:430px;
	text-align: center;
	
	top: -6px;
	margin-top: 0px;
	margin-bottom: 0px;
}
h2 {
	color: #ecf2f2;
	font: bold 21px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-shadow: 0px -2px 2px #000;
}


a:visited {
	text-decoration: none;
	color: #6f6f6f;
}

a:link:hover {
	color: #9b9b9b;
}

a:visited:hover {
	color: #9b9b9b;
}

a:link {
	text-decoration: none;
	color: #6f6f6f;
}

/* @group Main Elements */

/* @group PTWrapper */

#PTWrapper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top: 90px;
	width: 588px;
	height: 509px;
}

/* @group PTHeader */

#PTHeader {
	margin: auto;
	background: url(../images/header.png) no-repeat;
	width: 100%;
	height: 168px;
	position: relative;
}

/* @group Navigation */

/*This removes the dotted line around the button when it is clicked.*/

button::-moz-focus-inner { border: 0; }


#PTNav {
	position: relative;
	top: 131px;
	height: 24px;
	width: 484px;
}

/* @group Buttons */

#homebutton {
	height:24px;
	width:43px;
	position: absolute;
	left: 67px;
	overflow: hidden;
	border-style: none;
	background: url(../images/homeButton.gif) 0 0;
	outline: none; 
	outline-style: none;
}

#musicbutton {
	height:24px;
	width:72px;
	position: absolute;
	left: 137px;
	overflow: hidden;
	border-style: none;
	background: url(../images/musicButton.gif) no-repeat 0 0;
	outline: none; 
	outline-style: none;
}

#clientbutton {
	background: url(../images/clientsButton.gif) no-repeat 0 0;
	height:24px;
	width:72px;
	position: absolute;
	left: 237px;
	border-style: none;
	overflow: hidden;
	outline: none; 
	outline-style: none;
}

#aboutbutton {
	height:24px;
	width:68px;
	position: absolute;
	left: 340px;
	border-style: none;
	background: url(../images/aboutButton.gif) no-repeat 0 0;
	overflow: hidden;
	outline: none; 
	outline-style: none;
}

#contactbutton {
	height:24px;
	width:82px;
	position: absolute;
	left: 438px;
	border-style: none;
	overflow: hidden;
	background: url(../images/contactButton.gif) no-repeat 0 0;
	outline: none; 
	outline-style: none;
}

#homebutton:hover {
	background: url(../images/homeButton.gif) 0 -24px;
}


#musicbutton:hover {
	background: url(../images/musicButton.gif) no-repeat 0 -24px;
}

#clientbutton:hover {
	background: url(../images/clientsButton.gif) no-repeat 0px -24px;
}

#aboutbutton:hover {
	background: url(../images/aboutButton.gif) no-repeat 0 -24px;
}

#contactbutton:hover {
	background: url(../images/contactButton.gif) no-repeat 0px -24px;
}



/* @end */



/* @end */



/* @end */

/* @group PTMiddle Section */

#PTNavslider {
	height: 22px;
	width: 36px;
	position: absolute;
	background-position:center;
	background: url(../images/navslider.png);
	left: 85px;
	margin-top: 22px;
	top: 2px;
}

#PTMiddle {
	background: url(../images/middlebackground.png) no-repeat;
	background-position:center;
	position: absolute;
	width: 100%;
	height: 339px;
}

/* @group PTContent Wrapper */

#PTContent {
	position: relative;
	width: 430px;
	height: 252px;
	background: url(../images/contentpane.png) no-repeat;
	margin:auto;
	top: 22px;
	
}

/* @group Content Container */

#PTContentcontainer {
	position: relative;
	visibility: hidden;
	height: 252px;
	width: 430px;
}


/* @group Music Page */

#PTMusiccontainer {
	
	height: 199px;
	width: 409px;
	position: absolute;
	top: 43px;
	left: 10px;
	background: url(../images/musicbackground.png) no-repeat;
}

#PTMusiclist1 ul{
	position: absolute;
	list-style-type: none;
	color: #777878;
	font: 19px/28px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	top: -18px;
	left: -27px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 2px 1px #FFF;
}

#PTMusiclist2 ul{
	position: absolute;
	list-style-type: none;
	color: #777878;
	font: 19px/28px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	top: -18px;
	left: 180px;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 2px 1px #FFF;
	list-style-type: none;
}



/* @end */

/* @group About Page */

#PTAboutImage {
	width: 133px;
	height: 183px;
	position: absolute;
	top: 53px;
	left: 20px;
}

#PTAboutNav {
	position: absolute;
	width: 10px;
	height: 175px;
	top: 56px;
	left: 395px;
	
}



#PTAbout-scroll {
	width: 205px;
	height: 196px;
	overflow: hidden;
	position: absolute;
	top: 45px;
	left: 165px;
	color: #6f6f6f;
 font: 15px/16.5px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 }

#PTAbout-holder {
	width: 205px;
    height: 1000px;
	position: relative;
	top: 0;
	;
}





/* @end */

/* @group Clients Page */

#PTClientNav {
	position: absolute;
	width: 10px;
	height: 175px;
	top: 56px;
	left: 395px;
	
}



#PTClient-scroll {
	width: 369px;
	height: 194px;
	overflow: hidden;
	position: absolute;
	top: 47px;
	left: 17px;
	margin-top: 0;
	padding: 0;
}

#PTClient-holder {
	width: 371px;
    height: 380px; /*Set height of scroll area */
	margin-left: -17px;
	
	position: absolute;
	margin-top: -11px;
}

.PTClient-item ul{
 list-style-type: none;
 color: #6f6f6f;
 font: 16px/18px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
 text-decoration: none;
 
}
/* @end */

/* @group Contact Page */

#PTContactpage{
	position: absolute;
	width: 430px;
	height: 252px;
	
	
}

#PTContactform{
	width: 388px;
	height: 178px;
	position: absolute;
	top: 54px;
	left: 21px;
	font-size: 62.5%;
	font-family: Helvetica, sans-serif;
}




/* @end */



/* @end */



/* @end */



/* @end */

/* @group Footer */

#PTFooter {
	position: absolute;
	width: 200px;
	top: 452px;
	margin:auto;
	color: #828282;
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	right: 42px;
}

#PTFooter a{
	color: #828282;
}

#PTFooter a:visited{
	color: #828282;
}


/* @end */



/* @end */



/* @end */





#PTContactform input {
	width: 300px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 2px 0px 1px;
	border: 2px solid #ccc;
	list-style-type: disc;
	list-style-position: outside;
	padding: 5px 5px 5px 7px;
}

#PTContactform textarea {
	height: 66px;
	width: 336px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	border: 2px solid #ccc;
	margin: 4px 0px 0;
	padding: 5px;
	overflow: hidden;
}

#PTContactform textarea:focus, #PTContactform input:focus {
	
	border: 2px solid #7dba98;
}

#PTContactform input.button {
	height: 26px;
	width: 87px;
	float: right;
	position: relative;
	border-style: none;
	left: -4px;
	top: 7px;
	margin-top: -4px;
	overflow: hidden;
	background: url(../images/sendButton.gif) no-repeat 0px -26px;
	outline: none; 
	outline-style: none;
}

#PTContactform input.button:hover{
	overflow: hidden;
	background: url(../images/sendButton.gif) 0px 0px;
	margin-top: -4px;
}


#PTContactform img{
	float: left;
	visibility: visible;
	margin-right: 9px;
	margin-top: 8px;
	margin-left: 3px;
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}

#message { 
	position:absolute;
	top: -12px;
	left: -5px;
	width: 392px;
	width: 186px; 
}

#checkmark { 
	width: 392px;
	height: 186px;
}









#PTAboutButtonUp{
	top: -2px;
	height:43px;
	width:32px;
	position: absolute;
	overflow: hidden;
	left: -18px;
	border-style: none;
	background: url(../images/scrollarrowup.gif) no-repeat 0 -86px;
}

#PTAboutButtonUp:hover{
	background: url(../images/scrollarrowup.gif) no-repeat 0 -43px;
}
#PTAboutButtonUp:active{
	background: url(../images/scrollarrowup.gif) no-repeat 0 0px;
}



#PTAboutButtonDown{
	height:43px;
	width:32px;
	position: absolute;
	left: -18px;;
	top: 134px;;
	overflow: hidden;
	border-style: none;
	background: url(../images/scrollarrowdown.gif) no-repeat 0 0;
}
#PTAboutButtonDown:hover{
	background: url(../images/scrollarrowdown.gif) no-repeat 0 -43px;
}
#PTAboutButtonDown:active{
	background: url(../images/scrollarrowdown.gif) no-repeat 0 -86px;
}

#PTClientButtonUp{
	top: -2px;
	height:43px;
	width:32px;
	position: absolute;
	overflow: hidden;
	left: -18px;
	border-style: none;
	background: url(../images/scrollarrowup.gif) no-repeat 0 -86px;
}

#PTClientButtonUp:hover{
	background: url(../images/scrollarrowup.gif) no-repeat 0 -43px;
}
#PTClientButtonUp:active{
	background: url(../images/scrollarrowup.gif) no-repeat 0 0px;
}



#PTClientButtonDown{
	height:43px;
	width:32px;
	position: absolute;
	left: -18px;;
	top: 134px;;
	overflow: hidden;
	border-style: none;
	background: url(../images/scrollarrowdown.gif) no-repeat 0 0;
}
#PTClientButtonDown:hover{
	background: url(../images/scrollarrowdown.gif) no-repeat 0 -43px;
}
#PTClientButtonDown:active{
	background: url(../images/scrollarrowdown.gif) no-repeat 0 -86px;
}


#PTHomePage{
	width: 142px;
	height: 52px;
	position: absolute;
}
#PTHomeblurb{
	position: absolute;
	top: 53px;
	color: #6f6f6f;
 font: 14px/19px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	width: 388px;
	height: 101px;
	left: 18px;
	white-space: normal;
	border-bottom: 2px solid #e8e8e8;
	margin-right: 4px;
	margin-left: 4px;
	margin-bottom: 4px;
}

#PTHomebottom {
	width: 387px;
	height: 61px;
	position: absolute;
	top: 115px;
	float: left;
	clear: none;
}

#PTHomebottom img {
	margin-right: 16px;
	margin-left: 15px;
	margin-top: -3px;
	float: left;
	top: 8px;
	position: absolute;
	left: 11px;
}

#PTHomebottom p{
	position: absolute;
	font-size: 12px;
	line-height: 14px;
	float: left;
	margin-top: 0;
	left: 83px;
	top: 8px;
}

#PTHomecol1 {
	position: relative;
	left: 1px;
	top: 0;
}

#PTHomecol2 {
	position: absolute;
	left: 199px;
	top: 0;
}

#warning {
	width: 388px;
	height: 177px;
	position: absolute;
	left: 16px;
}

#warning img {
	top: 72px;
	position: absolute;
	z-index: 3;
	left: 86px;
}