/*
Theme Name: Whartons Copy & Print
Theme URI: http://www.whartonscopyprint.com
Description: A theme designed uniquely for Paul Wharton
Version: 1.5
Author: Rebecca Fletcher - - Stagecoach Designs
Tags: mantle color, variable width, two columns, widgets

*/


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

body { margin: 0px auto; background-image:url(images/bodyBkg.jpg); background-repeat:repeat-x; background-color:#FFF;}

#wrapper { width: 983px; height: auto; margin: 0px auto; text-align: center; font-family: Arial, Helvetica, sans-serif;}

#header { position:relative; width: 960px; margin:0px auto; background-image:url(images/header.jpg); height: 239px;}

#navigation { position:relative; top:-14px; text-align:center; font-family: Arial, Helvetica, sans-serif; size: 16px; color:#FFF; background-color:#000; width: 960px; margin: 0px auto;}

#nav ul {text-align:center; display:inline;  font-family: Arial, Helvetica, sans-serif; size: 16px; color:#FFF; position:relative; background-color:#000;  }

#nav li {text-align:center; display: inline; padding: 0px 8px 0px 8px;}

#nav li a {text-align:center;  font-family: Arial, Helvetica, sans-serif; size: 16px; color:#FFF;  text-decoration:none; line-height: 30px;}

#nav li a:hover {font-family: Arial, Helvetica, sans-serif; size: 16px; color:#FC029A; text-decoration:none; line-height: 30px;}

#contentWrapper { width: 983px; background-image:url(images/Bkg.jpg); background-repeat:repeat-y; height: auto; position:relative; top: -24px;}

#homeWrapper { width: 983px; background-image:url(images/Bkg.jpg); background-repeat:repeat-y; height: 700px; position:relative; top: -29px;}

#bkgwrapper { background-image:url(images/bkgwrapper.jpg); position:relative; background-repeat:repeat-y; margin: -5px 0px 0px 0px; }

#sidebar { position:relative; width: 225px; height: 700px; background-color:#000; background-image:url(images/sidbarBkg.jpg); background-repeat:no-repeat; float:left; margin: 0px auto; margin: 0px 0px 4px 12px;}

.phone { width 225px; position:relative; height: 50px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size: 16px; text-align:left; margin: 20px 10px 0px 60px;}

.address { width 245px; position:relative; height: 50px; font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size: 16px; text-align:left; margin: 0px 10px 10px 60px;}

.email { width 225px;
	position:relative;
	height: 35px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size: 12px;
	text-align:left;
	margin: 0px 0px 0px 60px;
}


#homeContent {position:relative; width: 730px; height: 600px; float:right; margin: 20px 12px 0px 0px;}

#interiorContent {position:relative; width: 730px; height: auto; float:right; margin: 20px 12px 0px 0px;}

#homeBoxes { width: 729px; height:240px; margin: 0px auto; position:relative;}

.homeBoxText { width: 204px; height: 100px; margin: 120px 20px 10px 10px; font-family:Arial, Helvetica, sans-serif; color:#FFF; position:relative; font-size: 13px; text-align:left; line-height: 20px;}

#printBox { width: 224px; height:239px; position:relative; float:left; background-image:url(images/printBox.jpg); margin: 0px 5px 0px 15px;}

#designBox { width: 224px; height:239px; position:relative; float:left; background-image:url(images/designBox.jpg); margin: 0px 5px 0px 5px;}

#bindBox { width: 224px; height:239px; position:relative; float:left; background-image:url(images/bindBox.jpg); margin: 0px 0px 0px 5px;}

#homeText { width: 729px; height:240px; margin: 0px auto; position:relative; margin-top: 20px; margin-left: 6px;}

#homeTextTop { width: 706px; height: 38px; position:relative; background-image:url(images/homeContentTop.jpg);}

#homeTextMiddle { width: 706px; height: 300px; position:relative; background-image:url(images/homeContentSides.jpg); top: -20px; }

#homeTextMiddleBKG { background-image:url(images/homeTextBkg.jpg); width: 680px; height: 303px; margin: 0px auto; background-repeat:repeat-y; text-align:center;  }

.homeText { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; margin: 20px 10px 0px 10px; text-align:left;}

#homeTextBottom {  width: 706px; height: 38px; position:relative; background-image:url(images/homeContentBottom.jpg); top:-34px;}

#footer { position:relative; width: 960px; height: 74px; margin:0px auto; background-image:url(images/footer.jpg); top: -46px;}

.footerText { font-family:Arial, Helvetica, sans-serif; color:#000; font-size: 12px; text-align:center;  margin: 0px 0px 0px 0px;}

h1 { font-family:Arial, Helvetica, sans-serif; color:#FF0099; font-size: 20px; font-weight:bold; text-align:left;}

a{font-family:Arial, Helvetica, sans-serif; color:#000; font-size: 14px; text-decoration:none; }

a:hover {font-family:Arial, Helvetica, sans-serif; color:#000; font-size: 14px; text-decoration:underline; }

a.black {font-family:Arial, Helvetica, sans-serif; color:#fff; font-size: 12px; text-decoration:none; }

a.black:hover {font-family:Arial, Helvetica, sans-serif; color:#fff; font-size: 12px; text-decoration:underline; }

#contentText { width: 729px; height:auto; margin: 0px auto; position:relative; margin-top: 20px; margin-left: 6px;}

#contentTextTop { width: 706px; height: 38px; position:relative; background-image:url(images/homeContentTop.jpg);}

#contentTextMiddle { width: 706px; height: auto; position:relative; background-image:url(images/homeContentSides.jpg); top: -20px; }

#contentTextMiddleBKG { background-image:url(images/homeTextBkg.jpg); width: 680px; height: auto; margin: 0px auto; background-repeat:repeat-y; text-align:center;  }

.contentText { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; margin: 20px 10px 0px 10px; text-align:left;}

#contentTextBottom {  width: 960px; height: 38px; position:relative; background-image:url(images/homeContentBottom.jpg); top:-34px; background-repeat:no-repeat;}

#btmNav { text-align:center; font-family: Arial, Helvetica, sans-serif; size: 16px; color:#FFF;}

#btmNav ul {text-align:center; display:inline;  font-family: Arial, Helvetica, sans-serif; size: 16px; color:#FFF;  }

#btmNav li {text-align:center; display: inline; padding: 0px 8px 0px 8px;}

#btmNav li a {text-align:center;  font-family: Arial, Helvetica, sans-serif; size: 16px; color:#FFF;  text-decoration:none; line-height: 30px;}

#btmNav li a:hover {font-family: Arial, Helvetica, sans-serif; size: 16px; color:#000; text-decoration:none; line-height: 30px;}

#moreText{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:right; color:#FFF; position:relative; margin: -15px 50px 0px 0px;}

#moreText a{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:right; color:#FFF; text-decoration:underline;}

#moreText a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:right; color:#FFF; text-decoration:none;}