/*
BayPrinting.co.uk style sheet
Darren Taylor for Internet Creation
2009

Primary Colors:

Light Blue: #6DCDDD
Red: #FF0000
Markup created in: 1 hour.
*/
body { background: #FFF; font-family: Arial, sans-serif;}
a { text-decoration: none; color: #000;}
img { display: block; padding: 0 5px 0 5px;}

div#mainWrapper			{ width: 945px; margin: 0 auto; }

div#header				{ background:url(../images/header.jpg) #FFF no-repeat; width: 941px; height: 359px; margin-bottom: 10px;}
div#header h1 				{ text-align: center; color: #FFF; padding-top: 302px; font-size: 32px;}



div#ourServices 			{ float: left; background:url(../images/ourServices.jpg) #FFF no-repeat top right; border: 1px #6DCDDD solid; width: 340px; height: 205px; margin-right: 10px;}
div#ourServices h2 		{ text-align: left; color: #FF0000; font-size: 26px; padding: 70px 0 0 20px;}

div#message 				{ float: left; width: 400px; height: 205px; border: 1px #6DCDDD solid; margin-right: 10px;}
div#message h2 			{ text-align: left; color: #000; font-size: 30px; padding: 15px;}                       

div#content				{ float: left; width: 761px;  }
div#content hr			{ width: 60%; color: #6DCDDD; }
div#content h1 			{ letter-spacing: 4px; padding: 20px 0 20px 0; font-size: 26px;}
div#content h3			{ font-size: 18px; padding-bottom: 10px;}
div#content p				{ line-height: 16px; padding: 0 20px 13px 0; }
div#content a				{ color: #FF0000; }
div#content a:hover, div#content a:active
		{ text-decoration: underline; }
		
div#content div#services	{ font-size: 13px;}
div#content div#services ul	{ padding-left: 25px;list-style: square;}
div#content div#services ul li{ margin-bottom: 3px;}
div#content div#services div.service { display: none;margin-left: 60px; height: 200px; width: 260px; border: 3px solid #6DCDDD; }



div#navigation			{ float: left; height: 205px; width: 175px; background: #FFF; }
div#navigation ul			{ list-style: none; list-style-image: none; }
div#navigation ul li a		{ font-weight: bold; color: #FFF; background: #6DCDDD; text-decoration: none; display: block; width: 170px; height: 15px; padding:5px; margin-bottom: 3px; margin-top: 3px;}
div#navigation ul li a:hover, div#navigation ul li a:active
						{ color: #6DCDDD; background: #FFF; }

div#footer 				{ clear: both; width: 100%; border-top: #6DCDDD 1px solid; padding-top: 10px; margin-top: 10px;}
div#footer p.copyright	{ font-size: 12px; color: #6DCDDD; }
div#footer p.smallPrint	{ font-size: 10px; color: #999999; }
div#footer a 				{ color: #999999;}
div#footer a:hover, div#footer a:active
						{ text-decoration: underline; }

div#mainWrapper div#tier1 div#content div#contact p.error { color: #5F1000; background: #FFAF9F; border: 1px solid #CF625A; padding: 5px; width: 90%; margin-bottom: 20px;}
.note { font-size: 10px; }
.fl { float: left;}
.fr { float: right;}
.bold { font-weight: bold;}
.red {color: #FF0000; }

/* CONTACT FORM */
.textField				{ border: 1px solid #FF0000; display: block; }
.textField:focus 		{ border: 1px solid #990000; }
.label 					{ float: left; display: block; width: 150px; padding:0 20px 0 0; text-align:right; width:90px;}
.loader 					{}
.submit 					{ border: 1px solid #FF0000; background-color: #FFFFFF;} 
.submit:hover 			{  border: 1px solid #990000; }
.bar					{  display:none; background: url(../images/ajax-loader.gif) no-repeat; margin-left:20px; margin-top:50px; height:20px; width: 230px;}
.handcursor 				{ cursor: pointer; }
#contactForm			{  width: 60%;  float:left;  background-color: #fdfdfd;  height:300px;}
#contactForm p.button	{ margin-left: 110px;}	

div#contactInfo 			{ float: left; text-align: left; width: 30%; height: 300px; }

#ServicesLeftArea {
cursor: hand;
float:left;
height:330px;
padding:0 0;
width:190px;
margin-left: 10px;}

#ServicesMidArea {
float:left;
height:270px;
margin:0 0 0 20px;
padding:0 0 0 0;
width:195px;
}

#Advertising, #Banners, #Brochures, #BusinessCards, #Calendars, #CanvasReprints, #DuplexPrinting, #GraphicDesign, #GreetingsCards, #Lamination, #LargeFormat, #LeafletsFlyers, #Letterheads, #LogoDesign, #Menus, #Newsletters, #PersonalStationery, #PhotoEnlargements, #PhotoRepair, #Scanning, #TShirtPrinting
{
  	padding:0px 0 0px 5px; /*top right bottom left */
  	width: 330px;
  	height: 214px;
  	float: right;
  	text-align: center;
  	border-top: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
    border-bottom: 4px solid #ffffff;
    border-left: 4px solid #ffffff;
}

#Advertising p, #Banners p, #Brochures p, #BusinessCards p, #Calendars p, #CanvasReprints p, #DuplexPrinting p, #GraphicDesign p, #GreetingsCards p, #Lamination p, #LargeFormat p, #LeafletsFlyers p, #Letterheads p, #LogoDesign p, #Menus p, #Newsletters p, #PersonalStationery p, #PhotoEnlargements p, #PhotoRepair p, #Scanning p, #TShirtPrinting p
{
    margin: 0 0 0 0;
    padding: 2px 0 0 0;
    color:#193545;
    font-size: .8em;
    text-align: left;
}

#Advertising img, #Banners img, #Brochures img, #BusinessCards img, #Calendars img, #CanvasReprints img, #DuplexPrinting img, #GraphicDesign img, #GreetingsCards img, #Lamination img, #LargeFormat img, #LeafletsFlyers img, #Letterheads img, #LogoDesign img, #Menus img, #Newsletters img, #PersonalStationery img, #PhotoEnlargements img, #PhotoRepair img, #Scanning img, #TShirtPrinting img
{
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
}