/* Design by MJR's 
http://www.mjrs.co.uk/ */

/*<--------------------- Throught Website ----------------------*/

body {
	background-color: #BEBFC1; margin: 0px;	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; color: #000000;
}

#container {
	margin-top: 20px; margin-left: auto; margin-right: auto; width: 955px; height: auto; z-index: 1;
}

#header {
	background-image: url(../Images/header.png); background-repeat: no-repeat; width: 955px; height: 100px;	z-index: 1;
}

#logo {
	position: relative;	top: 15px; width: auto;	height: 94px; z-index: 2; margin-right: 10px; background-image: url('../Images/mjrs_logo.png');	background-repeat: no-repeat; background-position: right; left: 0px;
}

.clr {
	height: 0px; clear: both
}

#mainnav {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; letter-spacing: 1px; text-align: center; z-index: 1; position: relative;	margin: 0px; width: 953px; height: 36px; background-image: url(../Images/nav_bg.png); border: 1px solid #878787;
}

#mainnav ul {
    padding: 0 0 0 0; margin: 0 0 0 0;
}

#mainnav li {
	width: 117px; height: 36px; float:left; line-height: 36px; background: url(../Images/tab_off.png) top left repeat-x; list-style: none;
}

#mainnav li a {
    color: #000000; height: 36px; width: 117px; text-decoration: none; display: block; float: left;
}

#mainnav li a:hover {
	color: #FFFFFF;	background: url(../Images/tab_active.png);
}

#mainnav li.firstcurrent a {
	background: url(../Images/tab_on.png); color: #FFFFFF; height: 36px;
}

.pagetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 36px; letter-spacing: 1px; color: #5D84C5; width: auto; height: auto; float: left; padding:10px;
}

.subheading {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px; color: #5D84C5; line-height: 1.4em;
}

.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #000000;	font-size: 12px; line-height: 1.4em; padding: 5px; list-style-position: inside; list-style-image: url(../Images/blue_bullet.gif);
}

.text a{
	color: #5D84C5;	text-decoration: none;
}

.text a:hover{
	color: #000000;	text-decoration: underline;
}

.bold {
	font-weight: bold; 
}

.black {
	color: #000000;
}

#content {
	background-color: #FFFFFF; width: 933px; height: auto; border-left: 1px solid #878787; border-right: 1px solid #878787; border-bottom: 1px solid #878787; padding: 10px; z-index: 1;
}

.sidebartext {
	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #000000;	font-size: 12px; line-height: 1.4em; padding: 0px 5px 10px 5px; list-style-position: inside; list-style-image: url(../Images/blue_bullet.gif);
}

.sidebartext  a {
	color: #000000;	text-decoration: none;
}

.sidebartext  a:hover {
	color: #5D84C5;	text-decoration: underline;
}

.sidebar {
	float: right; width: 221px;	height: auto; margin: 10px 0px 10px 10px;	
}

.sidebarheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px; color: #5D84C5; margin: 40px 2px 5px 5px; text-align: left; letter-spacing: 1px;
}

.sidebarbox {
	width: 205px; height: auto;	background-color: #CFE1EE; border-right: 1px solid #5D84C5;	border-bottom: 1px solid #5D84C5; 	padding: 5px 5px 5px 10px;
}

.sidebarbox img {
	margin: 5px 15px 15px 0px;
}

.sidebaractionbox {
	width: 210px; height: auto; background-color: #CFE1EE; border-right: 1px solid #5D84C5; border-bottom: 1px solid #5D84C5; padding: 5px;
}

#boxaction {
	width: auto; height: 100px;	text-align: left;
}

#footer {
	background-image: url(../Images/footer.png); background-repeat: no-repeat; padding-top: 30px; width: 955px; height: 20px; z-index: 1;
}

.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif; width: 945px; padding-right: 10px; font-size: 12px;	color: #000000; text-align: right;
}

.footer a {	
	text-decoration: none; color: #000000;
}

.footer a:hover {
	text-decoration: none; color: #000000;
}

/*<------------------------ Our Service ------------------------*/

#serviceleft {
	width: 702px; height: auto;	float: left;
}

.serviceheader {
	border: 1px solid #CFE1EE ;	padding: 0px 0px 0px 10px; margin-bottom: 10px;	background-image: url(../Images/header_bg.png); background-repeat: repeat-x; line-height: 38px;	height: 38px; width: 690px; 
}

.servicetitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 16px; color: #5D84C5; line-height: 38px;	width: 300px; float: left;
}

.servicecross {
	height: 16px; width: 16px; float: right; padding: 11px;
}

.servicetext {
	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #000000;	font-size: 12px; line-height: 1.4em; padding: 0px 5px 10px 5px; list-style-position: inside; list-style-image: url(../Images/blue_bullet.gif);	height: auto; width: auto;
}

.servicetext  a{
	color: #5D84C5;	text-decoration: none;
}

.servicetext  a:hover{
	color: #000000; text-decoration: underline;
}  

/*<----------------------- Our Portfolio -----------------------*/

#portfoliocontainer {
	height: auto; width: 933px;
}

#flashportfolio {
	float: left; width: 630px; height: 210px; margin: 5px;
}

#portfolioright {
	float: right; width: 293px;	height: 215px; margin-bottom: 5px;
}
	
#leftcontent {
	width: 692px; height: auto; float: left; margin-right: 10px; 
}

#rightcontent {
	width: auto; height: auto;	float: right;
}

#fullcontent {
	width: auto; height: auto;
}

#reviewright {
	float: right; height: auto; width: 456px;
}

#websiteimageholder {
	margin-top: 40px; border: 1px solid #878787; width: 454px; height: 280px;
}

#navbox {
	padding-top: 15px; width: 456px; height: 25px;	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #000000;	line-height: 1.4em; font-size: 12px;	text-align: center;
}

#navprevious {
	float: left; height: 25px; width: 92px;
}

#navnext {
	float: right; height: 25px;	width: 92px;
}

#reviewleft {
	float: left; height: auto; width: 467px; margin-right: 10px;
}

/*<---------------------- Graphic Design -----------------------*/

#graphiccontent {
	width: 933px; height: auto;
}

#graphicheader {
	border: 1px solid #CFE1EE; padding: 0px 0px 0px 5px; margin-bottom: 10px; background-image: url(../Images/header_bg.png); background-repeat: repeat-x; line-height: 38px;	height: 38px; width: 926px; 
}

.graphicheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 16px; color: #5D84C5; line-height: 38px; width: 300px; float: left;
}

#identityleftbox {
	width: 500px; height: auto;	float: left; background-image: url(../Images/line_sep.png);	background-position: right;background-repeat: no-repeat; padding: 0px 10px 10px 5px;
}

#identityrightbox {
	width: 408px; height: auto;	float: right; padding: 15px 0px 10px 10px;
}

#printleftbox {
	width: 398px; height: auto;	float: left; padding: 15px 10px 10px 10px;
}

#printrightbox {
	width: 500px; height: auto;	float: right; background-image: url(../Images/line_sep.png); background-position: left; background-repeat: no-repeat; padding: 0px 10px 10px 5px; 
}

#multileftbox {
	width: 403px; height: auto;	float: left; padding-bottom: 10px;
}

#multirightbox {
	width: 490px; height: auto; float: right; background-image: url(../Images/line_sep.png); background-position: left; background-repeat: no-repeat; padding: 70px 10px 10px 20px;
}

#multiflashbox {
	width: 334px; height: 250px; border: 5px solid #5D84C5;	margin: 10px 36px 10px 30px; padding: 2px 1px 2px 2px;

}

.graphictext {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;	font-size: 12px; line-height: 1.4em; list-style-position: inside;	list-style-image: url(../Images/blue_bullet.gif);
}

.graphictext  a{
	color: #5D84C5; text-decoration: none;
}

.graphictext  a:hover{
	color: #000000;	text-decoration: underline;
}

.graphiccross {
	height: 16px; width: 16px; float: right; padding: 11px;
}

#graphicbox {
	width: 933px; height: auto;	padding-top: 10px; padding-bottom: 10px;
}

#graphicquote {
	float: right; width: 300px;	height: auto; background-color: #CFE1EE; border-right: 1px solid #5D84C5; border-bottom: 1px solid #5D84C5; padding: 5px;
}

#graphicinfo {
	float: left; width: 550px; height: auto; background-color: #CFE1EE;	border-right: 1px solid #5D84C5; border-bottom: 1px solid #5D84C5; padding: 5px; margin: 0px 3px 0px 20px;	
}

.graphicinfoheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px; color: #5D84C5; text-align: left; letter-spacing: 1px;
}

/*<-------------------------- About Us -------------------------*/

#aboutleft {
	width: 702px; height: auto;	float: left; padding-bottom: 40px;
}

/*<------------------------ Contact Us -------------------------*/

FORM .mjrs {
	padding: 6px 6px 6px 0px;	
}

FORM .formheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 14px; color: #5D84C5; text-align: left; letter-spacing: 1px;
}

FORM .formtxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;	color: #000000;	font-size: 12px; float: left; letter-spacing: 1px; padding-top: 6px; padding-right: 20px;
}

FORM .mjrs INPUT {
	border: 1px solid #DDDDDD; line-height: 13px; width: 150px; background: url(../Images/bg_input.png) #fff repeat-x; float: right; height: 11px; font-size: 12px; 
}

FORM .mjrs TEXTAREA {
	border: 1px solid #DDDDDD; line-height: 12px; width: 150px; background: url(../Images/bg_txtarea_input.png) #fff repeat-x; float: right; height: 46px; font-size: 12px; 
}

FORM .button {
	text-align: right;
}

#contactcontentleft {
	width: 623px; height: 300px; float: left; margin-right: 10px;
}

#formcontainer {
	float: right; width: 300px;	padding-top: 50px;	padding-bottom: 50px;
}

#formcontent {
	border: 1px solid #878787; height: auto; width: 238px; float: left;	padding: 5px;
}

#formheader {
	background-image: url(../Images/form_top.png); background-repeat: no-repeat; margin: 0px; width: 250px; height: 19px; color: #FFFFFF; text-align: center; padding-top: 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px;
}

.formtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; text-align: left; color: #000000; padding: 2px;
}

.formfield {
	text-align: left; padding: 2px;
}

#contactform {
	float: right; width: 288px;	height: auto; background-color: #CFE1EE; border-right: 1px solid #5D84C5; border-bottom: 1px solid #5D84C5; padding: 5px;
}

.pleasewait {
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;	font-size: 12px; letter-spacing: 1px; height: 32px; width: auto; background-image: url(../Images/pleasewait.gif); background-repeat: no-repeat; background-position: left; padding-left: 50px; line-height: 32px; text-align: left;
}

/*------------------------ Testimonials ------------------------*/
#testicontent {
	height: auto; width: 933px;	padding-bottom: 50px;
}

.testibox {
	float: left; width: auto; height: auto;	margin: 20px 5px 0px 5px; background-color: #CFE1EE; border-right: 1px solid #5D84C5; border-bottom: 1px solid #5D84C5; padding: 10px 10px 0px 10px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 1.4em;
}

.quoteleft {
	float: left; width: 31px; height: 24px; padding-right: 10px;
}

.quoteright {
	float: right; width: 31px; height: 24px; padding-left: 10px;
}

.testiname {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; color: #5D84C5; line-height: 1.4em; text-align: left; padding-left: 10px;
}

.testiprev {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; color: #000000; line-height: 1.4em; text-align: left;
}

.testiprevblue {
	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px; color: #5D84C5; line-height: 1.4em; text-align: left;
}

/*-------------------------- Temporary -------------------------*/
#underdevelopcontent {
	width: auto; height: auto; padding: 30px;
}

/*--------------------------------------------------------------*/
.storeleftcontent {
	float: left; width: 175px;	height: 200px; background-color: red;	
}

.storerightcontent {
	float: right; width: 758px; height: 200px; background-color: blue;
}

.storecontent 
{
  float: left; padding: 10px; height: 180px; width: 563px; background-color: Green;
}

.storesidebarright {
	float: right; width: 175px; height: 200px; background-color: yellow;
}

/*-------------------------- Error Page ------------------------*/
#errorcontent {
	width: 933px; height: auto;
}