/* Global Page Controls */

html, body {
	height:100%;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	background-color:#404041;
}

html, body {
	margin:0;
	padding:0;
}

html>body #wrap {
	height: auto;
}

img {
	border:0;
}



/* Page Container */

#container {
	background-color:#414042;
	min-width: 1004px;
	width: 1004px;
	height:700px;
	float:left;

}

#navigation {
	background-color:#F1F1F2;
	width:158px;
	float:left;
	position:absolute;
	height:700px;
	float:left;
}

#main-page {
	width:846px;
	float:right;
}

#copyright {
	width:846px;
	text-align:center;
	font-size:10px;
	color:#F1F1F2;
	float:left;
	clear:both;
	position:absolute;
	top:700px;
	left:158px;
	
}

/* Navigation */

#rkg-logo {
	width:115px;
	position:relative;
	margin: 70px 0 34px 21px;
}

#contact-details {
	font-size:10px;
	padding: 25px 0 0 23px;
	color:#414042;
}

ul.menu {
	border:0; 
	list-style-type:none; 
	background-color:#F1F1F2;
	width:158px;

}

ul.menu, ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	
}


ul.menu, ul li {
	margin: 0 0 0 23px;
	padding: 0 0 5px 0;
}


li.flyout ul  {
	background-image:url(../images/site/expanding-menu-bg.png);
	background-repeat: repeat;
	width:846px;
	margin: 0;
	padding: 0 0 0 0;
	left:158px;
	top:0;
	border:0; 
	list-style-type:none; 
	position:absolute;
	height:100%;
	z-index:1000;

}				

ul.menu {
	margin: 0;
	padding: 0 0 0 0;
}


ul.menu ul {

}

ul.menu li {

}

ul.menu li.flyout {

}

ul.menu li a {
	display:block;
	text-decoration:none;
	color:#414042;
	text-decoration: none;
}

ul.menu li a.last, 
ul.menu li a.last:visited {
	display:block;
}

ul.menu li ul {
	display:none;

}

 
ul.menu a:hover {
	border:0; 
	text-decoration: none;
	color:#BE1E2D;
}

ul.menu li:hover ul, 
ul.menu li a:hover ul {
	display:block;
	color:#BE1E2D;
}

ul.menu li:hover ul li a, 
ul.menu li a:hover ul li a { 
	font-weight:normal;
	
	
	
}

ul.menu li:hover ul li:hover a, 
ul.menu li a:hover ul li a:hover {
	color:#BE1E2D;

}

.hide{
	display: none;
}

.show{
display: block;
}

#content {
	width: 826px;
	float: left;
	margin: 70px 0 0 0;
	padding: 0 10px 10px 10px;
}

#main-image {
	width: 616px;
	height: 410px;
	float:left;
	margin: 70px 0 0 10px;
}

#thumbnail-01{
	width: 200px;
	height: 200px;
	float:left;
	padding: 0 0 10px 10px;
	margin: 70px 0 0 0;

}

#thumbnail-02{
	padding: 0 0 0 10px;
	width: 200px;
	height: 200px;
	float:left;

}

a div#ask-main-image-mo {
	float:left;
	width: 616px;
	height: 410px;
	background-image: url(../images/thumbnails/ask-models.com/ask-616x410.jpg);
	background-repeat: no-repeat;
}

a:hover div#ask-main-image-mo {
  background-position:0 -410px;	
}

a div#ask-thumbnail-01-mo {
	float:left;
	width: 200px;
	height: 200px;
	background-image: url(../images/thumbnails/ask-models.com/ask-200x200-A.jpg);
	background-repeat: no-repeat;
}

a:hover div#ask-thumbnail-01-mo {
  background-position:0 -200px;	
}


a div#ask-thumbnail-02-mo {
	float:left;
	width: 200px;
	height: 200px;
	background-image: url(../images/thumbnails/ask-models.com/ask-200x200-B.jpg);
	background-repeat: no-repeat;
}

a:hover div#ask-thumbnail-02-mo {
  background-position:0 -200px;	
}

a div#blitz-main-image-mo {
	float:left;
	width: 616px;
	height: 410px;
	background-image: url(../images/thumbnails/blitzkrieg/blitz-616x410.jpg);
	background-repeat: no-repeat;
}

a:hover div#blitz-main-image-mo {
  background-position:0 -410px;	
}

a div#blitz-thumbnail-01-mo {
	float:left;
	width: 200px;
	height: 200px;
	background-image: url(../images/thumbnails/blitzkrieg/blitz-200x200-A.jpg);
	background-repeat: no-repeat;
}

a:hover div#blitz-thumbnail-01-mo {
  background-position:0 -200px;	
}


a div#blitz-thumbnail-02-mo {
	float:left;
	width: 200px;
	height: 200px;
	background-image: url(../images/thumbnails/blitzkrieg/blitz-200x200-B.jpg);
	background-repeat: no-repeat;
}

a:hover div#blitz-thumbnail-02-mo {
  background-position:0 -200px;	
}

a div#serv-main-image-mo {
	float:left;
	width: 616px;
	height: 410px;
	background-image: url(../images/thumbnails/secure-serv/serv-616x410.jpg);
	background-repeat: no-repeat;
}

a:hover div#serv-main-image-mo {
  background-position:0 -410px;	
}

a div#serv-thumbnail-01-mo {
	float:left;
	width: 200px;
	height: 200px;
	background-image: url(../images/thumbnails/secure-serv/serv-200x200-A.jpg);
	background-repeat: no-repeat;
}

a:hover div#serv-thumbnail-01-mo {
  background-position:0 -200px;	
}


a div#serv-thumbnail-02-mo {
	float:left;
	width: 200px;
	height: 200px;
	background-image: url(../images/thumbnails/secure-serv/serv-200x200-B.jpg);
	background-repeat: no-repeat;
}

a:hover div#serv-thumbnail-02-mo {
  background-position:0 -200px;	
}

a div#ask-news-main-image-mo {
	float:left;
	width: 616px;
	height: 410px;
	background-image: url(../images/thumbnails/ask-models.com/ask-news-616x410.jpg);
	background-repeat: no-repeat;
}

a:hover div#ask-news-main-image-mo {
  background-position:0 -410px;	
}

a div#ask-news-thumbnail-01-mo {
	float:left;
	width: 200px;
	height: 200px;
	background-image: url(../images/thumbnails/ask-models.com/ask-news-200x200-A.jpg);
	background-repeat: no-repeat;
}

a:hover div#ask-news-thumbnail-01-mo {
  background-position:0 -200px;	
}


a div#ask-news-thumbnail-02-mo {
	float:left;
	width: 200px;
	height: 200px;
	background-image: url(../images/thumbnails/ask-models.com/ask-news-200x200-B.jpg);
	background-repeat: no-repeat;
}

a:hover div#ask-news-thumbnail-02-mo {
  background-position:0 -200px;	
}

a div#homepage-image {
	float:left;
	width: 752px;
	height: 410px;
	background-image: url(../images/thumbnails/ask-models.com/ask-homepage-616x410.jpg);
	background-repeat: no-repeat;
	margin: 70px 0 0 10px;
	z-index:-500;
}

a:hover div#homepage-image {
  background-position:0 -410px;	
}

#description-container {
 	width: 850px;
	float: left;
	padding: 20px 10px 10px 20px;
}

#project-entailed {
	width: 150px;
	float: left;
	padding: 0 20px 0 0;
	color:#F1F2F2;

}

#project-entailed h1 {
	font-size:21px;
	font-weight:normal;
	padding: 0 0 15px 0;
	margin: 0 0 0 0;

}

#project-entailed p {
	font-size:12px;
	text-decoration:none;
	padding: 0 0 0 0;
	margin: 0 0 -10px 0;

}

#project-entailed ul li {
	font-size:12px;
	text-decoration:none;
	padding: 0 0 0 0;
	margin: 0 0 0 -30px;

}

#project-description {
	width: 526px;
	height: 155px;
	float: left;
	top: 30px;
	color:#F1F2F2;
	font-size: 12px;
	position:inherit;
	padding: 0 0 0 20px;
	margin: 40px 0 0 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F1F1F3;
}

#services-container {


}


#welcome-header {
	float:left;
	width: 250px;
	position:inherit;
}

#services-header {
	float:left;
	width: 270px;
	position:relative;
	padding: 0 0 0 30px;
}

#text {
	width: 826px;
	font-size:12px;
	color:#F1F2F2;
	padding: 10px 0 0 10px;
	position: absolute;
	top: 525px;
}



#welcome-text {
	float:left;
	width: 250px;
	height: 120px;
	clear:left;
	position:relative;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: F1F1F2;
	padding: 0 15px 0 10px;
	margin-bottom:30px;
	margin-top:10px;
}

#service-text-1 {
	float:left;
	width: 269px;
	height: 120px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: F1F1F2;
	margin-top:10px;
	
}

#service-text-1 ul {
	margin: 0 0 0 0px;
	font-size: 12px;
}

#service-text-1 li {
	padding: 0 15px 5px 0;
}

#service-text-2 {
	float:left;
	width: 254px;
	position:relative;
	padding: 0 0 0 15px;
	height: 120px;
	margin-top:10px;
}

#service-text-2 ul {
	margin: 0 0 0 0px;
	font-size: 12px;
}

#service-text-2 li {
	padding: 0 15px 5px 0;
}

#request-quote-container {
	width: 826px;
	background-color:#58595B;
	float:left;
	clear:both;
	margin: 0 0 0 10px;
}

#request-quote-container1 {
	width: 826px;
	background-color:#58595B;
	float:left;
	clear:both;
	margin: 157px; 0 0 10px;
}

#request-quote-container p {
	padding: 0 0 0 11px;
	font-size:12px;
	color:#F1F1F2;
}

#request-quote-header {
	float:left;
	width: 806px;
	background-color:#58595B;
	font-size: 21px;
	color:#F1F1F2;
	padding: 5px 10px 5px 10px;
}

a div#request-quote-button {
	float:left;
	width: 806px;
	background-color:#58595B;
	font-size: 21px;
	color:#F1F1F2;
	padding: 5px 10px 5px 10px;
	text-decoration:none;
}

a:hover div#request-quote-button {
	background-color:#F1F1F2;
	color:#58595B;
	text-decoration:none;
}

#inner-form-container {
	width:806px;
	height:350px;
	margin: 0 0 0 10px;
}

#name {
	width:398px;
	height:68px;
	background-color:#404041;
	float:left;
}

#name h2{
	font-size:14px;
	font-weight:normal;
	color:#F1F1F2;
	margin: 0 0 0 0;
	padding: 10px 0 0 10px;
}

#email-address {
	width:398px;
	height:68px;
	background-color:#404041;
	float:right;
}

#email-address h2{
	font-size:14px;
	font-weight:normal;
	color:#F1F1F2;
	margin: 0 0 0 0;
	padding: 10px 0 0 10px;
}

#subject-input{
	width:806px;
	height:71px;
	background-color:#404041;
	float:left;
}

#subject-input h2{
	font-size:14px;
	font-weight:normal;
	color:#F1F1F2;
	margin: 0 0 0 0;
	padding: 10px 0 0 10px;
}

#message-input {
	width:806px;
	height:209px;
	background-color:#404041;
	float:left;
}

#message-input h2{
	font-size:14px;
	font-weight:normal;
	color:#F1F1F2;
	margin: 0 0 0 0;
	padding: 10px 0 0 10px;
}

.nameEmailInput {
	width:369px;
	height:30px;
	background-color: #F1F1F2;
	color: #404041;
	border: 1px solid #F1F1F2;
	padding: 5px;
	margin: 5px 0 0 10px;
}

.subjectInput {
	width:777px;
	height:30px;
	background-color: #F1F1F2;
	color: #404041;
	border: 1px solid #F1F1F2;
	padding: 5px;
	margin: 5px 0 0 10px;
}

.messageInput {
	width:777px;
	height:152px;
	background-color: #F1F1F2;
	color: #404041;
	border: 1px solid #F1F1F2;
	padding: 7px 4px 7px 4px;
	margin: 5px 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
}

.button {
	color:#F1F1F2;
	background:#404041;
	font-weight:bold;
	font-size:14px;
	border:none;
	margin: -2px 10px 20px 0;
	padding:10px 10px 10px 10px;
	text-decoration:none;
	float:right;
	cursor:pointer;
}

 .button:hover {
	background:#F1F1F2;
	color:#404041;
}

#success {
	width:786px;
	font-size:14px;
	color:#F1F1F2;
	margin: 10px;
}

#error {
	width:786px;
	background:#9B2634;
	font-size:14px;
	color:#F1F1F2;
	padding: 10px;
	margin: 10px;	
}

#headers {
	width: 806px;
	position:relative;
	font-size:21px;
	color:#F1F2F2;
	padding: 20px 0 0 20px;
}

#contact-details a, 
#contact-details a:visited {
	display:block;
	text-decoration:none;
	color:#414042;
	text-decoration: none;
}
 
#contact-details a:hover {
	border:0; 
	text-decoration: none;
	color:#BE1E2D;
}
