* {
padding: 0;
margin: 0;
}

html {
height: 100%;
}

body {
background: #000000 url(../images/bg3.gif);
font-size: 8px;
font-family: 'Lucida Grande', Tahoma, sans-serif;
color: #fff;
height:100%;
text-align: center;
line-height: 2em;
}

p {
font-size: 115%;
margin-bottom: 1em;
}

h1 {
margin: .2em 0 .1em 0;
font-size: 120%;
color: #333;
text-transform: uppercase;
}

h2 {
margin: 1em 0 0 0;
font-size: 110%;
color: #333;
}

label {
margin: 1em 0 0 0;
font-size: 110%;
color: #333;
display: block;
font-weight: bold;
}


h3 {
font-size: 220%;
color: #000;
font-family: 'Lucida Grande', Tahoma, sans-serif;
margin: 1em 0 1.5em 0;
}

form {
margin-top: 0;
}

input,textarea {
border: 1px solid #666;
background: #fff;
font-family: 'Lucida Grande', Tahoma, sans-serif;
font-size: 110%;
padding: 3px;
color: #000;
}


a:link {
color: #630;
}

a:visited {
color: #666;
}

a:hover {
color: #000
}

a:active {
color: #000;
}

/** Navigation **/

#nav { 
	margin-top:-35px; 
	margin-bottom: 30px;
	margin-right:25px;
	z-index: 20;
	overflow:hidden; 
}

#nav ul { 
	height:17px; 
	border:0; 
	margin:0; 
	padding:0; 
	list-style-type:none; 
	text-align:center; 
	line-height:15px; 
}

#nav ul li { 
	display:block; 
	float:right; 
	text-align:center; 
	padding:0; margin:0; 
}

#nav a, #nav a:visited { 
	font-size:9px; 
	color:#fff; 
	text-decoration:none; 
	font-family: 'Lucida Grande', Tahoma, sans-serif; 
	float:left; 
	margin-right:9px; 
	margin-top:2px;
}

#nav a:hover, #nav a:active { 
	border-top:1px dotted; 
	color:#620808;
	margin-top:1px;
}

ul { 
	list-style-type:none; 
	padding:0; 
	margin:10px 0 0 0; 
	line-height:15px; 
}

#container { 
position: absolute;
top: 50%;
left: 50%;
width: 1000px;
height: 761px;
margin: 0 auto;
margin-left: -490px;
margin-top: -394px;
overflow: hidden;
text-align: left;
background: #000;
padding: 0px;
background: url(../images/mainbg2.jpg);
}

#head  {
width: 850px;
height: 618px;
margin-left: 65px;
margin-top: 60px;
background: #000;
overflow: hidden;
clear: both;
}

#text  {
width: 800px;
margin-left: 100px;
margin-top: -100px;
overflow: hidden;
background: #000;
}

#inside {
margin: 15px;
height: 600px;
margin-left: 25px;
margin-top: 30px;
clear: both;
}

#inside_primary a img {
background: #000;
padding: 2px;
margin: 0 1px 1px 0;
}

body.about #inside {
background: #ededed;
}

body.about_us #inside {
background: #ededed;
}

body.work #inside {
background: #ededed;
}

body.contact #inside {
background: #000000;
}


body.home #inside {
background: #000;
}

#inside_text {
padding: 20px;
}

#inside_primary {
float: left;
width: 400px;
}

body.work #inside_primary {
width: 100%;
}

#inside_secondary {
float: left;
width: 375px;
font-size: 95%;  
font-family: 'Lucida Grande', Tahoma, sans-serif; 
}

body.about #inside {
background: url(/images/jgp_interior_about.jpg) no-repeat top left;
}

body.contacts #inside {
background: url(../images/contact_bg.jpg) no-repeat;
}
		
body.contact #inside {
background: url(../images/bio_bg.jpg) no-repeat;
}


#head img {
/*border: 1px solid #fff;*/
}

/** Foot **/
#wrap_foot { clear: both; }

#foot { 

	margin: 0 auto;
	margin-top: 20px; 
	padding: 1em 0; 
	color: #f0f0f0; 
	text-align: center; }

#form1 {
float: left;
width: 170px;
}

#form2 {
float: left;

}


.highlight {
font-size: 120%;
color: #fff;
margin-left: 20px;
line-height: 1.5em;
margin-top: 15px;
margin-bottom: 15px;
}

p.gallery {
margin-top: 2.2em;
font-size: 140%;
}

body.clients input {
border: 1px solid #ccc;
background: #fff;
}


#submit {
margin-left: 10px;
}


.SiteContainer {
	border: 1px solid #C7D3EA;
	background: #47a4be;
	padding: 20px 10px;
}
.SiteContainer,
.Foot {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

/* Various page widths */
  
.SignIn { width: 280px; }
.PasswordRequest { width: 500px; }
.PasswordRequest .PageTitle{ width: 492px; }
.SignOut { width: 400px; }
.Apply { width: 580px; }
.PasswordReset { width: 550px; }

/* Sign-In Page */

#Form.SignInForm fieldset {
	padding: 0px 6px 0px 6px;
	}
#Form.SignInForm .Submit {
	padding: 6px 0px 0px 0px;
	clear: left;
	text-align: center;
	}
#Form #RememberMe label {
	width: auto;
	padding-left: 95px;
	text-align: left;
	font-size: 12px;
	}
#Form #RememberMe input {
	width: auto;
	}
.MembershipOptionLinks {
	margin: 4px 0px 0px 6px !important;
	}
.MembershipOptionLinks li {
	width: 132px;
	overflow: hidden;
	white-space: nowrap;
	padding: 0px;
	margin: 0px;
	}
.MembershipOptionLinks a,
.MembershipOptionLinks a:link,
.MembershipOptionLinks a:visited {
	display: block;
	text-align: center;
	padding: 3px 0px 3px 0px;
	font-size:12px;
	text-decoration: underline;
	}
.ForgotPasswordLink {
	position: absolute;
	z-index:100;
	}
.ApplyForMembershipLink {
	padding-left: 136px !important;
	}
	
/* Password Request Form */
.PasswordRequestForm .ErrorContainer {
	margin: 0px;
	}
.PasswordRequest .About {
	width: 234px;
	}
.PasswordRequestForm {
	padding: 0px 0px 0px 262px;
	}
	
/* Apply Form */
#Form.ApplyForm {
	padding: 0px 0px 0px 282px;
	}
.ApplyForm .ErrorContainer {
	margin: 0px;
	}
div.Apply #Form {
	height: 300px;
	}
html>body div.Apply #Form { /* ugly hack, but fixes display error in IE. */
	min-height: 322px;
	height: auto;
	}
#Form.ApplyForm .Submit {
	padding-left: 104px;
	}
#Form.ApplyForm label {
	width: 98px;
	}
#Form.ApplyForm input {
	width: 156px;
	}
#Form.ApplyForm .Submit input {
	width:auto !important;
	}
#TermsOfServiceCheckBox input {
	width: auto !important;
	}
#TermsOfServiceCheckBox {
	font-size: 12px;
	color: #fff;
	}
#TermsOfServiceCheckBox a {
	text-decoration: underline;
	}
	
/* Password Reset Form */

#Form.PasswordResetForm .ErrorContainer {
	margin: 0px;
	}
#Form.PasswordResetForm .Submit {
	padding-left:100px;
	}  
.PasswordReset .About {
	width: 254px;
	}
#Form.PasswordResetForm {
	padding: 0px 0px 0px 267px;
	}
  
/* Form Complete */
  
.FormComplete {
	padding: 8px 16px 16px 16px;
	}
.FormComplete h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 6px 0px;
	color:#fff;
	}
.FormComplete ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
.FormComplete ul li {
	margin: 0px;
	padding: 0px;
	color:#fff;
	}
.FormComplete ul li strong {
	font-weight: normal;
	color:#e00;
	}/** Foot **/
#wrap_foot { clear: both; }

#foot { 

	margin: 0 auto;
	margin-top: 20px; 
	padding: 1em 0; 
	color: #f0f0f0; 
	text-align: center; }

#form1 {
float: left;
width: 170px;
}

#form2 {
float: left;

}


.highlight {
font-size: 120%;
color: #fff;
margin-left: 20px;
line-height: 1.5em;
margin-top: 15px;
margin-bottom: 15px;
}

p.gallery {
margin-top: 2.2em;
font-size: 140%;
}

body.clients input {
border: 1px solid #ccc;
background: #fff;
}


#submit {
margin-left: 0px;
}

#footer { 
position: absolute; 
left: 50%;
top: 50%;
width: 850px;
height: 51px;
margin-left: -420px;
margin-top: 320px;
overflow: hidden;
text-align: left;
z-index: 20;
background: #000;
padding: 0 0 0 0;
}

#footer img {
border: 1px solid #fff;
margin-top: 8px;
}

#copyright { 
position: absolute; 
left: 50%;
top: 50%;
width: 950px;
height: 51px;
margin-left: -480px;
margin-top: 270px;
overflow: hidden;
text-align: center;
z-index: 20;
padding: 0 0 0 0;
font-size:9px; 
color:#fff; 
text-decoration:none; 
font-family: 'Lucida Grande', Tahoma, sans-serif; 
}

#copyright02 { 
position: absolute; 
left: 50%;
top: 50%;
width: 950px;
height: 51px;
margin-left: -480px;
margin-top: 205px;
overflow: hidden;
text-align: center;
z-index: 20;
padding: 0 0 0 0;
font-size:9px; 
color:#fff; 
text-decoration:none; 
font-family: 'Lucida Grande', Tahoma, sans-serif; 
}