/*
Colors:

Grey: #6d5e37
Orange: #f04c3e
Orange (Active): #fccfbd


Sizes:
Width: 900px
Height: 644px

*/

html {
	font-family: Arial;
	font-size: 10pt;
}	

#wrapper {
	background-color: white;
	width: 901px;

	margin: 0 auto;
}

#nav {
	width: 100%;
	height: 34px;
}

#nav ul {
	list-style:none;
	padding:0;
	margin:0;
}

#nav ul li {
	width: 124px;
	height: 100%;
	list-style: none;
	text-align: center;
	background-color: #ef4524;
	color: white;
	float: left;
	margin-left: 2px;
	padding-left: 0px;
	padding-bottom: 4px;
	padding-top: 3px;
	line-height: 9pt;
}

#nav ul li a {
	text-decoration: none;
	color: white;
	font-family: Arial, san-serifs;
	font-size: 9pt;
	padding-bottom: 2px;
	font-weight: bold;
}

#nav ul .nav-active, #gallery-select .nav-active {
	background-color: #fdd8ca;
}

#nav ul .nav-active a, #gallery-select .nav-active a {
	color: #ef4524;
}

#content {
	width: 100%;
	height: 100%;
	min-height: 633px;
	/*margin-top:-30px;*/
	text-align: center;
}

#content h2 {
	text-align: left;
	padding: 0;
	margin: 25px 0 5px 337px;
}

#content #caseh2 {
	margin: 0 0 0 305px;
	padding: 0;
	color:#EF4524;
	font-size: 23px;
}

#copy {
	height: 100%;
	margin: 0 0 0 305px;
	padding: 0;
	text-align: left;
	width: 600px;
}

#copy h3 {
	margin: 0;
	padding: 0;
}

#copy h1 a {
	color: #ef4524;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#copy-caseStudies {
	height: 100%;
	margin: 0 0 0 200px;
	padding: 0;
	text-align: left;
	width: 700px;
}	

#copy-caseStudies h1 a {
	color: #ef4524;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#copy h1 a:hover {
	color: #ef4524;
	text-decoration: underline;
}

#copy-caseStudies p a {
	color: #ef4524;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

#copy-caseStudies p a:hover {
	color: #ef4524;
	text-decoration: underline;
}

#leftphoto {
	background-image: url(../media/images/RK_case_study1.png);
	background-repeat: no-repeat;
	position: fixed;
	top: 130px;
	width: 435px;
	height: 541px;
}

#leftphoto img {
	position: fixed;
	top: 541px;
	position: relative;
	background-repeat: no-repeat;
}

#title {
	margin: 0;
	padding: 0;
	position: relative;
}

.resonate {
	background-image: url('../media/images/background/resonate.jpg');
	background-repeat: no-repeat;
}

.listen {
	background-image: url('../media/images/background/listen.jpg');
	background-repeat: no-repeat;
}

.wow {
	background-image: url('../media/images/background/wow.jpg');
	background-repeat: no-repeat;
}

.engage {
	background-image: url('../media/images/background/engage.jpg');
	background-repeat: no-repeat;
}

.nudge {
	background-image: url('../media/images/background/nudge.jpg');
	background-repeat: no-repeat;
}

.adapt {
	background-image: url('../media/images/background/adapt.jpg');
	background-repeat: no-repeat;
}

.connect {
	background-image: url('../media/images/background/connect.jpg');
	background-repeat: no-repeat;
}

.enable {
	background-image: url('../media/images/background/enable.jpg');
	background-repeat: no-repeat;
}

#gallery-select {
	float: left;
	margin:0;
	padding: 0;
	position: relative;
	left: -24px;
	top: -14px;
}

#gallery-select ul {
	list-style: none;
}

#gallery-select ul li {
	width: 111px;
	height: 24px;
	list-style: none;
	
	
	margin-top: 2px;
	padding-left: 35px;
	text-align: left;
	padding-top: 5px;
}

#gallery-select ul li a {
	text-decoration:none;
	color: #ef4524;
	font-size: 9pt;
	font-weight: bold;
}

#gallery {
	float: right;
	position: relative;
	left: -2px;
	text-align: center;
}

#copy2 {
	height: 100%;
	margin: 0 0 0 305px;
	padding: 0;
	text-align: left;
	width: 600px;
}

#main-image {
	width:585px;
	height: 425px;
	padding:3px;
	position: relative;
	left: 10px;
	border: 1px solid black;
}

.image-gallery {
	width: 602px;
	margin: 0 auto;
	margin-top: 15px;
	position: relative;
	left: 17px;
}

.image-gallery li {
	width: 110px;
	height: 110px;
	border: 3px double #222;
	float:left;
	list-style: none;
}

.image-gallery li a {
	width: 110px;
	height: 110px;
	border: 3px single #222;
	float:left;
	list-style: none;
	text-decoration: none;
	color: #ef4524;
}


.image-nav {
	clear:both;
	padding-top: 15px;
	margin: 0 auto;
}

.image-nav a {
	text-decoration: none;
	color: black;
}

#rkCouch {
	display: block;
	margin-top: 102px;
	/*margin-left: 20px;*/
	
}

#rkCouch2 {
	display: block;
	margin-top: 102px;
	margin-left: 20px;
	
}

#subNav {
	clear: both;
	position: relative;
	top: -85px;
	left: 420px;
	width: 520px;
}

#subNav1 {
	float: left;
	/*background-color: #33FF00;*/
	height: 58px;
	width: 190px;
	margin-left: 40px;
}

#subNav2 {
	float: left;
	/*background-color: #CC0066;*/
	height: 58px;
	width: 190px;
}



			#subNav12 {
				float: left;
				margin-left: -10px;
				margin-top: 8px;
				/*background-color: #33FF00;*/
				height: 18px;
				width: 200px;
			}
			
			#subNav22 {
				float: left;
				margin-top: 8px;
				padding-top: 0px;
				/*background-color: #CC0066;*/
				height: 18px;
				width: 250px;
			}
			
			/*#subNav12 h3 {
				text-align: center;
				margin-top: 10px;
				margin-bottom: -2px;
				margin-left: -15px;
				color: #6a5a64;
			}

			#subNav22 h3 {
				text-align: center;
				margin-top: 10px;
				margin-bottom: -2px;
				margin-left: -45px;
				color: #6a5a64;
			}*/
						


#subNav img {
	position: relative;
	left: 5px;
}

#subNav1 h3 {
	margin-top: 0px;
	margin-bottom: -2px;
	color: #6a5a64;
}

#subNav2 h3 {
	margin-top: 0px;
	margin-bottom: -2px;
	color: #6a5a64;
}

#footer{
	/*position: relative;
	top: -140px;
	width: 160px;*/
	clear: both;
}	

#footer ul {
	float: right;
	padding: 0;
	margin: 0 30px 5px 0;
	/*margin-top: -25px;*/
}

#footer ul li {
	float: left;
	margin-left: 3px;
	list-style: none;
}

#footer ul li a {
	color: #ef4524;
}

#content-nav {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align:center;
}

#content-nav ul {
	list-style-type: none;
	margin: 0 0 0 35px;
	padding: 0;
	text-align:center;
}

#content-nav li{
	float: left;
	list-style: none;
	margin: 0 5px;
	text-align: center;
}

#content-nav li a {
	color: #ef4524; 
}

h1 {
	margin: 2px 0;
}