@charset "UTF-8";
/* CSS Document */

body  {
	font: Century Schoolbook,Helvetica Neue Light, Helvetica Neue, Georgia, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;
	color: #666666;
	background-color: #D60059;
	font-size: 85%;
	letter-spacing: -0.015em;
}
a:link {
	color: #D60059;
	text-decoration: none;
}
a:visited {
	color: #D60059;
	text-decoration: none;
}
a:hover {
	color: #5B5651;
	text-decoration: underline;
}
a:active {
	color: #D60059;
	text-decoration: none;
}
#wrapper {
	width: 850px;
	background: #FFF;
	margin: 0 auto;
	text-align: left;
} 
#tellafriend {
	height: 32px;
	width: 102px;
	margin: 20px;
	background-image: url(../img/button/btn_tellafriend_02.gif);
	background-repeat: no-repeat;
	float: left;
}
#content {
	background-image: url(../img/general/bg_01.jpg);
	background-repeat: repeat-y;
}
#header {
	height: 160px;
	background-repeat: no-repeat;
	background-color: #5B5651;
	background-image: url(../img/general/jrgd_banner.jpg);
	color: #5B5651;
	background-position: -1px -2px;
} 
#header p {
	padding-left: 20px;
}

#maincontent {
	margin: 15px 5px 15px 35px;
	padding: 0;
	background-image: url(../images/jrgd_slinky.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
} 
#nav {
	background-color: #666666;
	text-align: center;
	color: #FFFFFF;
	border-top: solid #fff thin;
	padding: 0 0 0 1em;
}
#nav a:link {
	color: #999999;
	font-size: .97em;
	text-decoration: none;
}
#nav a:hover {
	color: #D60059;
	text-decoration: none;
}

#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav ul li {
	float: left;
	position: relative;
	width: auto;
	padding: 0 1em 1em 1em;
	border-right: groove #fff thin;
	height: 18px;
}

#nav li { /* all list items */
	float: left;
	position: relative;
}

#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	font-size: 0.78em;
	text-align: left;
	margin-left: 2em;
}
#nav li ul a {
	display: block;
	width: 16em;
	text-align: left;
}

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}


#nav li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	width: 14em;

}

#nav li:hover ul li, li.over ul li {
	display: block;
	background-color: #669900;
	padding: 0 1em 0 1em;
	border-bottom: dotted #fff thin;
}
#links  a:link {
	color: #D60059;
}
#login {
	float: right;
	height: 32px;
	width: 102px;
	margin: 4px;
	background-image: url(../img/button/btn_login.gif);
	background-position: 0 -31px;
}
#left {
	float: left;
	width: 160px;
	margin-right: 24px;
}
#right {
	width: 200px;
	margin-left: 30px;
	float: right;
	margin: 0 10px 60px 30px;
}
#right p {
	font-family: "Rockwell", "Rockwell ITC", "ITC Rockwell", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
}
#right h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	font-weight: normal;
	margin: -6px 0 0 0;
}
#footer {
	background-color: #333333;
	text-align: center;
	font-size: 93%;
	padding: 6pt;
} 
#footer a {
	color: #666666;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#contactdetails {
	margin: 0 60px;
}
#recentprojects  a:link {
	text-decoration: none;
	color: fff;
}
#privacypol {
	border: thin ridge #999999;
	margin: 2em;
}
#returnspol {
	border: thin ridge #999999;
	margin: 2em;
}
#recentprojects {
	width: 190px;
	padding: 0 6px 0 16px;
	text-align: center;
	background-image: url(../img/general/sidebar.jpg);
	background-repeat: repeat-y;
}
#btn  a {
	float: left;
	height: 31px;
	width: 102px;
	margin: 4px;
	background-image: url(../img/button/btn.jpg);
	background-position: 0 60px;
	text-align: center;
	font-family: Rockwell, "Rockwell Bold", Arial, Helvetica, sans-serif;
	color: #5B5651;
	line-height: 30px;
}
#btn a:hover {
	float: left;
	height: 31px;
	width: 102px;
	margin: 4px;
	background-image: url(../img/button/btn.jpg);
	background-position: 0 -31px;
	text-align: center;
	font-family: Rockwell, "Rockwell Bold", Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Helvetica Neue Light", "Helvetica Neue", "Franklin Gothic", Arial, Helvetica, sans-serif;
}
h1 {
	font-size: 24px;
}
h2 {
	font-size: 19px;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 14px;
}
h5 {
	font-size: 11px;
	letter-spacing: 0 em;
}
h6 {
	font-size: 1em;
}

.fltrt { 
	float: right;
	margin-left: 8px;
}
.fltlft { 
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.pink-rockwell-heading {
	font-size: 18px;
	color: #D60059;
	font-family: "Rockwell", "Century Schoolbook", "Helvetica Neue Light", "Helvetica Neue", Georgia, Arial, Helvetica, sans-serif;
}
.recentprojects{
	display: block;
	height: 22px;
	width: 150px;
	background-image: url(../img/recent_projects/recent_projects.jpg);
	background-repeat: no-repeat;
}
.pullout-quote {
	font-size: 24px;
	color: #D60059;
	font-family: Rockwell, "Century Schoolbook", "Helvetica Neue Light", "Helvetica Neue", Georgia, Arial, Helvetica, sans-serif;
	padding: 10px 30px;
	text-align: center;
}
#ads {
	padding-left: 40px;
}