* {
		margin: 0;
		padding: 0;
		}

html {
		font-size: 100%;
		}

body {
		font: 62.5%/1.5 Verdana, Arial, Helvetica, sans-serif;
		background-repeat:repeat;
		margin-left:300px;
		}

p {
		font: 1.1em/1.4 Verdana, Arial, Helvetica, sans-serif;
		margin-bottom: 1em;
		}

/* ---------- add your code below ---------- */

.clearFix:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}		

.skipLink {
		position:absolute;
		top: -50px;
		}

#topContainer{width:950px;
height:135px;
margin-left: 150px;
margin-bottom:20px;}

#headlogo {width:495px; height:135px; float:left; display:block;}
#headlogo img { border:none;}
#strapline {height:32px;}
#strapline p { padding-left:30px; font-size:1.5em;}
#strapline a { color:#F06D20; text-decoration:none;}


		
/* subNav Menu Navigation */

#subNavNavigationContainer {
float:left;
		width: 455px;
		height:32px;
		margin:0px auto;
		padding-top:103px;
		display:none;
		}

#subNavtopNavigation li {
		position: relative;
		font-family : century gothic, tahoma, arial;
		font-size:1em;
		line-height:1.5em;
		float: left;
		width:90px;
		margin-right:1px;
		height: 32px;

		}
#subNavtopNavigation ul {
		list-style-type: none;
		background-color: #CCCCCC;
		}
		


#subNavtopNavigation a:link, #subNavtopNavigation a:visited {
		color: #FFFFFF;
		text-transform: uppercase;
		text-decoration: none;
		text-align:center;
		display: block;
		height:22px;
		padding:10px 0px 0px 0px;
		letter-spacing:0.1em;
		background-image: url(../images/topTab_off.png);
		background-repeat:repeat-x;

		}
		
#subNavtopNavigation a:hover {
		color: #FFFFFF;
		font-weight:bold;
						background-image:url(../images/topTab_on.png);
		}

#subNavtopNavigation a:active {
background-color: #99FF33;


		}
		
#homePage #homePageLink a:link, #homePage #homePageLink a:visited, 
#aboutPage #aboutPageLink a:link, #aboutPage #aboutPageLink a:visited, 
#testimonialsPage #testimonialsPageLink a:link, #testimonialsPage #testimonialsPageLink a:visited,
#blogPage #blogPageLink a:link, #blogPage #blogPageLink a:visited,
#contactPage #contactPageLink a:link, #contactPage #contactPageLink a:visited {
color: #FFFFFF;
font-weight:bold;
background-image:url(../images/topTab_on.png);}		

		
#wrapperTop {
		width: 1000px;
		height:15px;
		margin: 0 auto;
		background-image:url(../images/wrapperTopBackground.png);
		background-repeat:no-repeat;
		background-position:0px -5px; display:none; }
		

#pageWrapper {
		width: 1000px;
		margin: 0 auto;
		background-image:url(../images/wrapperPageBackground.png); background-repeat:repeat-x;
		}

#pageHeader {width:1000px; height:195px;		margin: 0 auto; background-image:url(../images/wrapperPageBackground.png); background-repeat:repeat-y; display:none;}
#pageHeaderTop {width:950px; margin-left:25px; height:20px; background-image:url(../images/pageHeaderTop.png); background-repeat:no-repeat; display:none;}
#pageHeaderMiddle {width:950px; margin-left:25px;  height:155px; background-color:#434139; display:none;}

#hero-statement {width: 950px; height: 135px; background-image:url(../images/missionStatement.png); background-repeat:no-repeat; display:none; }
#hero-statement-ld {width: 950px; height: 135px; background-image:url(../images/missionStatement-ld.png); background-repeat:no-repeat;display:none; }
#hero-statement-wd {width: 950px; height: 135px; background-image:url(../images/website-design-header.png); background-repeat:no-repeat;display:none; }
#hero-statement-gd {width: 950px; height: 135px; background-image:url(../images/graphic-design-header.png); background-repeat:no-repeat;display:none; }
#hero-statement-pd {width: 950px; height: 135px; background-image:url(../images/mission-printdesign.png); background-repeat:no-repeat;display:none; }
#hero-statement-index {width: 950px; height: 135px; background-image:url(../images/mission-index.png); background-repeat:no-repeat;display:none; }



#shoppingcart {padding-left:650px; padding-bottom:0px; height:20px; }
#shopCart { display: block; width: 160px;height: 20px;background: url("../images/shoppingbasket.png") no-repeat 0 0; }
#shopCart:hover {background: url("../images/shoppingbasket_on.png") no-repeat 0 0;}
#shopCart span {display: none;}
#shoppingcart a {color:#000000;}




#topNavContainer {
margin: 0 auto;
width : 1000px;
border:0px;
background-image:url(../images/wrapperPageBackground.png); background-repeat:repeat-y;
height:75px;
display:none;
}

#menu {
margin: 0 auto;
width : 950px;
border:0px;
}


#menuBar #menuNav div {
background : url(../images/bgNavLi.png) repeat-x left top;
float : left;
height : 75px;
position : relative;
width : 190px;
}


#menuBar #menuNav div:hover, #menuBar #menuNav div.a {
background : url(../images/bgNavLiActive.png) repeat-x left top;
}

#menuBar .top {
background : url(../images/bgNavLi.png) repeat-x center top;
color: #FFFFFF;
display : block;
text-decoration : none;
}

#menuBar #menuNav div:hover .top, #menuBar #menuNav div.a .top {
background : url(../images/bgNavLiActive.png) repeat-x center top;
}


#menuBar .top .t {
display : block;
font-family : century gothic, tahoma, arial;
font-size : 1.4em;
font-weight : normal;
padding-top:25px;
height : 44px;
text-align : center;
}


#menuBar #menuNav div .subNav {
border : 1px #eee;
border-style : none solid;
display : none;
left : 0;
margin-left : 1px;
position : absolute;
top : 100%;
width : 190px;
z-index : 100;
}
#menuBar #menuNav .topNav:hover .subNav {
display : block;
}
#menuBar .subNav a {
background : #fff url(../images/bgNavLisub.png) repeat-x;
color : #777;
display : block;
font-size : 0.8em;
font-weight : bold;
height : 30px;
line-height : 30px;
padding : 0 1em;
position : relative;
text-decoration : none;
z-index : 101;
}
#menuBar .subNav a:hover {
background : #fff url(../images/bgNavLiSubActive.png) repeat-x; color:#FFFFFF;
}


		
#breadcrumbContainer {
width:650px;
margin-left:25px; display:none;
}

ul#breadcrumbs {
		font-size: 1.0em;
		margin-bottom: 1em;
		color:#666666;
		}

#breadcrumbs li {
		display: inline;
		background:  url(../images/breadcrumbSpacer.png) 0 50% no-repeat;
		padding: 0 5px 0 15px;
		}

ul#breadcrumbs li:first-child {
		background: none;
		}
		


/* Main Content */
		
#contentWrapper {
		width: 1000px;
		margin: 0px auto;

		}

#indexwrapperdodo {
		width: 1000px;
		margin: 0px auto;
		background-repeat:repeat-x;
		background-color:#59554A
		}
		
#mainContent, #sidebar {
		float: left;
		width: 700px;
		}
		
#mainContent {
		margin: 0px auto;
		}
		
	#mainContentHeaderBg {
	background-repeat:no-repeat;
	height:50px; display:none;}
	
		#mainContentHeaderBg p{
		color:#FFFFFF;
	font-size:1.5em;
	font-weight:900;
	padding-left:30px;}
	
	
#mainContentBody {
	background-repeat: repeat-y;
	padding-left:30px;}		
	

	#mainContentFooter {
	background-repeat: no-repeat;
		height:50px; }		

/* Sections */		

#standardSection {
width:580px;
	background-repeat: repeat-y;
	padding-left:0px;}
		
#standardSection p {
margin-top:7px;
font-size:1.1em;
line-height: 1.8em;
color: #333333;
		}
		
.standardSectionh1p {
font-size:1.2em;
line-height: 1.8em;
color: #FF6600;
margin-top:55px;
		}
		
.intextPhoto {
float:right;
padding-left:15px;
}

		
/* Links */		

#standardSection a {color: #F06D20;;}
#standardSection a:hover {color: #000000;}

.standardLink a {height:20px;padding:5px 8px 5px 8px;color: #666666;border:#666666 solid 1px;font-size:0.9em;}
.standardLink a:hover {padding:5px 8px 5px 8px;color: #FFFFFF;background-color: #F06D20;border:#F06D20 solid 1px;font-size:0.9em; color:#FFFFFF;}

#standardSection h1 { 
font-family : Arial Black, Helvetic, Arial, sans-serif;
color : #33312a;
font-size : 45px;
line-height : 49px;
padding-right : 110px;
letter-spacing : -2px;
padding-bottom : 7px;
padding-top:15px;
}
#standardSection h2 { font-family: Arial, Helvetica, sans-serif;  font-size:1.6em;color: #000000; font-weight:bold;}
#standardSection h3 { font-family: Arial, Helvetica, sans-serif;  font-size:1.3em;color: #ffffff; font-weight:bold;}
#standardSection h4 { font-family: Arial, Helvetica, sans-serif;  font-size:1.3em;color: #F06D20; font-weight:bold;}
#standardSection h3 a { font-family: Arial, Helvetica, sans-serif;  font-size:1.0em;color: #FFFFFF; font-weight:bold; text-decoration:none;}
#standardSection h3 a:hover { font-family: Arial, Helvetica, sans-serif;  font-size:1.0em;color:#EEEEEE ; font-weight:bold; text-decoration:none;}



.divider {border-bottom: 1px #666666 dotted; margin-top:15px; margin-bottom:15px; display:block; width:580px;clear : both;}

#standardSection ul {margin: 0 0 0 0px;
font-size:1.1em;
line-height:1.5em;
}

#standardSection li {
list-style:none;
background: url(../images/List-Bullet.png) no-repeat 0px 3px;
padding: 0 0 0 18px;
margin: 6px 0;
}

#standardSection ul ul {margin: 0 0 0 35px;
}

#standardSection li li {
color:#666666;
font-size: 1.0em;
list-style:none;
padding: 0 0 0 25px;
margin: 6px 0;
}


.website_lowcost {background:url(../images/website_lowcostdesign_bg.png); background-repeat:no-repeat; width:650px; height:250px; display:block;}

	
#mainContentBody table {
border: 1px solid #333333;
text-align: center;
margin: 10px 0;
width:580px;
color: #5a584c;
}

#mainContentBody td {
/*background-color: #ce4;*/
padding: 10px 25px;
border:#333333 0.2px solid;
}

#mainContentBody th {
background-color: #333333;
padding: 10px 20px;
color: #fff;
}


#mainContentBody tr.alt {
background-color: #333333;
}




		
		
		
		
		
		
#sidebar {
margin-top:45px;
margin-left:-15px;
width: 300px;
display:none;
		}
		
.sidebarHeader {
	background-image: url(../images/sidebarH2background.png);
	background-repeat:no-repeat;
	height:50px;	}
	
.sidebarHeader h2{
font-family:Arial, Helvetica, sans-serif;
padding:15px 0px 0px 30px;
	color: #FFFFFF;
	font-size:1.6em;
	}
	
.sidebarBodyContainer {
background-image: url(../images/sideBarContentBodyBg.png);
background-repeat: repeat-y;
height:380px;}	
	
.sidebarBodyMonthSpecial {
				background-image: url(../images/sideBarContentBodyBg.png);
	background-repeat: repeat-y;
	height:auto;}	
	
.linkPhoto {float:left;margin-right:10px;margin-left:0px;}
#sidebarLinks p{margin-top:0px;margin-bottom: 5px;padding:0px 0px 0px 40px;font-size:1.0em;line-height: 1.8em;color: #333333;}
#sidebarLinks a {display:block;height:20px;padding:10px 0px 0px 0px;color: #666666;font-size:1.1em;text-decoration:underline;}	
#sidebarLinks a:hover {display:block;height:20px;padding:10px 0px 0px 0px;color: #333333;font-size:1.1em;}
.linkDivider {border-bottom: 1px  #CCCCCC dotted; margin-top:5px; margin-right:30px; margin-bottom:0px;margin-left:40px;}


.sidebarContentFooter {background-image: url(../images/sideBarContentFooterBg.png);background-repeat: no-repeat;height:40px; }		
		

		
	#pageWrapperFooter {
		height:50px;
		width:1000px;
		margin:0px auto;
		background: url(../images/contentWrapperFooter.png);
		background-repeat: no-repeat;
		display:block;
		display:none;
		
		}	
		
.footerarea {
border-top : 0px solid #f2f2f2;
padding-top : 10px;
padding-bottom : 10px;
		display:none;

}
.footer {
width : 990px;
margin : 0 auto;
text-align : center;
font-size : 11px;
		display:none;

}
.footer a {
color : #333333;
}
.footer a:hover {
color : #ff9900;
}


#FooterLogoContainer {width : 1000px; margin : auto; height:50px;}
 
#websitePricesContainer {width:600px; height:160px;
	background-repeat: repeat-y;
	padding-left:0px;}
#singlePage { display: block; width: 145px;height: 145px;background: url("../images/1pagewebsite_off.png") no-repeat 0 0; float:left; }
#singlePage:hover {background: url("../images/1pagewebsite_on.png") no-repeat 0 0;}
#singlePage span {display: none;}



.sidebarBody {Margin-right: 0px; Margin-left: 25px;padding-top: 10px; height:auto;}
.sidebarContent {Margin-right: 0px; Margin-left: 0px;padding-top: 0px; height:auto;}

#option1 { display: block; width: 123px;height: 123px;background: url("../images/businessCard_offer_off.png") no-repeat 0 0; float:left; }
#option1:hover {background: url("../images/businessCard_offer_on.png") no-repeat 0 0;}
#option1 span {display: none;}

#option2 { display: block; width: 123px;height: 123px;background: url("../images/website_offer_off.png") no-repeat 0 0; float:left; }
#option2:hover {background: url("../images/website_offer_on.png") no-repeat 0 0;}
#option2 span {display: none;}

#option3 { display: block; width: 123px;height: 123px;background: url("../images/tee_offer_off.png") no-repeat 0 0; float:left; }
#option3:hover {background: url("../images/tee_offer_on.png") no-repeat 0 0;}
#option3 span {display: none;}

#option4 { display: block; width: 123px;height: 123px;background: url("../images/banners_offer_off.png") no-repeat 0 0; float:left; }
#option4:hover {background: url("../images/banners_offer_on.png") no-repeat 0 0;}
#option4 span {display: none;}

#option5 { display: block; width: 123px;height: 123px;background: url("../images/leaflet_offer_off.png") no-repeat 0 0; float:left; }
#option5:hover {background: url("../images/leaflet_offer_on.png") no-repeat 0 0;}
#option5 span {display: none;}

#option6 { display: block; width: 123px;height: 123px;background: url("../images/signs_offer_off.png") no-repeat 0 0; float:left; }
#option6:hover {background: url("../images/signs_offer_on.png") no-repeat 0 0;}
#option6 span {display: none;}

.dealoftheMonthContainer {Margin-right: 0px; Margin-left: 25px;padding-top: 25px; height:130px;}
#offer1 { display: block; width: 250px;height: 123px;background: url("../images/monthly_offer_off.png") no-repeat 0 0;}
#offer1:hover {background: url("../images/monthly_offer_on.png") no-repeat 0 0;}
#offer1 span {display: none;}

#OrderForm {/*background-color: #e5e5e5;*/}

.formTitle {background-color:#333333; color:#FFFFFF; width:560px; padding:5px 5px 5px 15px; display:block;}

#OrderForm fieldset {
border: 1px solid #666666;
padding: 0 30px;
margin: 0px 0;
}

#OrderForm legend {
border: 1px solid #aaa676;
color: #FFFFFF; font-size: 1.2em; font-weight: normal;
background-color:#333333;
padding: 0 0px;
margin: 0px 0;
}

#OrderForm label {color: #333333; font-size: 1.1em; }
#OrderForm label.product {color: #333333; font-size: 1em; font-weight: normal;}

#OrderForm input {
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
width: 360px;
color: #333333;
border: 1px solid #333333;
padding: 2px;
}

#OrderForm input.send {
margin: 20px 0 20px 0;
padding-bottom: 0;
width: 80px;
color: #fff;
background-color: #333333;
font-weight: bold;
border: 2px solid #333333;
}

#OrderForm input.formradio {
margin: 0 10px 0 0;
padding: 0;
width: 20px;
border: none;
vertical-align: middle;
}

#OrderForm textarea {
width: 360px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1.1em;
color: #333333;
border: 1px solid #333333;
padding: 2px;
}

#OrderForm select {
width: 200px;
color: #333333;
border: 1px solid #333333;
}

#OrderForm p {padding: 5px 0;}

.portfolioboxoutLeft {
		float:left;
		width: 180px;
		margin-right: 10px;
		background: #FFFFFF;
		}

.portfolioboxoutLeft h3 {
		background: url(../images/web-site-design.png);
		background-repeat:no-repeat;
		font: 1.0em Arial, Helvetica, sans-serif;
		color: #FFFFFF;
		text-align:left;
		height:30px;
		margin-bottom:5px;
		padding-left:15px;
		padding-top:7px;
		}
.portfolioboxoutLeft img {
		padding-bottom:5px;
				background-color:#FFFFFF;

		}

.portfolioboxoutLeft p {
margin-top:7px;
font-size:1.1em;
line-height: 1.8em;
color: #333333;
		}

/* ---------- Middle ---------- */

.portfolioboxoutMiddle {
		float:left;
		width: 180px;
		margin-left: 10px;
		margin-right: 10px;
		background: #FFFFFF;
		}

.portfolioboxoutMiddle h3 {
		background: url(../images/web-site-design.png);
		background-repeat:no-repeat;
		font: 1.0em Arial, Helvetica, sans-serif;
		color: #ffffff;
		text-align:left;
		height:30px;
		margin-bottom:5px;
		padding-left:15px;
		padding-top:7px;
		}
.portfolioboxoutMiddle img {
		padding-bottom:5px;
		background-color:#FFFFFF;
		}

.portfolioboxoutMiddle p {
margin-top:7px;
font-size:1.1em;
line-height: 1.8em;
color: #333333;
		}
		
/* ---------- Right ---------- */
		
.portfolioboxoutRight {
		float:left;
		width: 180px;
		margin-left: 10px;
		background: #FFFFFF;
		}

.portfolioboxoutRight h3 {
		background: url(../images/web-site-design.png);
		background-repeat:no-repeat;
		font: 1.0em Arial, Helvetica, sans-serif;
		color: #ffffff;
		text-align:left;
		height:30px;
		margin-bottom:5px;
		padding-left:15px;
		padding-top:7px;
		}
.portfolioboxoutRight img {
		padding-bottom:5px;
				background-color:#FFFFFF;

		}

.portfolioboxoutRight p {
margin-top:7px;
font-size:1.1em;
line-height: 1.8em;
color: #333333;
		}

.dividerVert {border-right: 1px #666666 dotted; display:block; width:1px;clear : both;}