/* 

STYLE SHEET FOR [ATTIK DESIGNS CMS]
Created by [ADRIAN CORCORAN]
[http://www.attikdesigns.ie]

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. forms
	6. images

Notes

*/



/* --------- 1. defaults  --------- */

* {
		1border: 1px solid #ccc;
		margin: 0;
		padding: 0;
		}

div {
		1border: 1px solid #666666;
		}

body {
		background: #111 url(../mainpics/bg_body.jpg) center 0 repeat-y;
		text-align:center;
		}
		
/*  --------- 2. structure  --------- */

div#wrapper {
		position: relative;
		text-align:center;
		width: 900px;
		height: 662px;
		margin: 50px auto 0;
		border: 1px solid #222;
		}
		
div#top {
		z-index: 800;
		position: relative;
		left: 0px;
		top: 0px;
		background: #d77631 url(../mainpics/bg_top.jpg) right top no-repeat;
		height: 62px;
		width: 900px;
		}
		
div#navContainer {
		float: left;
		margin: 17px 0 0 20px;
		width: 450px;
		1border: 1px solid #fff;
		}

div#topCardText {
		display: none;
		float: left;
		text-align: center;
		width: 340px;
		padding: 5px 35px 0;
		1border: 1px solid #fff;
		}

div#contentTop {
		z-index: 700;
		position: absolute;
		left: 0px;
		top: 62px;
		background: #fff url(../mainpics/bg_content_top.jpg) right top no-repeat;
		height: 187px;
		width: 470px;
		padding: 5px 420px 0 10px;
		}
		
div#blackboard {
		position: absolute;
		z-index: 1000;
		left: 605px;
		top: 95px;
		1background: #eee;
		1height: 158px;
		width: 205px;
		}
		
div#contentMiddle {
		z-index: 600;
		position: absolute;
		left: 0px;
		top: 254px;
		background: #e9e9e9 url(../mainpics/bg_content_middle.jpg) right top no-repeat;
		height: 131px;
		width: 470px;
		padding: 5px 420px 0 10px;
		}
		
div#contentBottom {
		z-index: 500;
		position: absolute;
		left: 0px;
		top: 390px;
		background: #fff url(../mainpics/bg_content_bottom.jpg) right top no-repeat;
		height: 195px;
		width: 470px;
		padding: 5px 420px 0 10px;
		}
		
div#card {
		display: none;
		position: absolute;
		z-index: 1000;
		left: 293px;
		top: 0px;
		1background: #eee;
		1height: 85px;
		width: 225px;
		text-align: center;
		}
		
div#slogan {
		position: absolute;
		z-index: 1000;
		left: 518px;
		top: 153px;
		1background: #eee;
		1height: 47px;
		width: 380px;
		text-align: center;
		}
		
div#footer {
		z-index: 400;
		position: absolute;
		left: 0px;
		top: 590px;
		background: #d77631 url(../mainpics/bg_footer.jpg) right top no-repeat;
		height: 72px;
		width: 900px;
		}

div#termsDiv {
		1display: none;
		position: absolute;
		left: 0px;
		top: 667px;
		width: 450px;
		text-align: left;		
		padding-left: 10px;
		}

div#contactInfo {
		margin-top: 20px;
		}

div#divSamples {
		display: block;
		position: absolute;
		1border: 1px solid #ccc;
		width: 470px;		
		height: 280px;		
		top: 70px;
		text-align:center;
		}
div#divSampleThumbs {
		display: block;
		position: absolute;
		1border: 1px solid #ccc;
		width: 520px;		
		height: 90px;		
		top: 350px;
		text-align:center;
		padding-top: 5px;
		}
div.samplePic {
		display: block;
		position: absolute;
		width: 470px;		
		top: 0px;
		left: auto;
		}
div.sampleThumb {
		display: inline;
		padding: 0 2px 0 0;
		}

em#pointA {
		font-style: normal;
		}		
div#footer p.address em#pointA {
		display: none;
		}		
/* panels */
div#services1 {
		width: 250px;
		}
/* classes */
.left,
.right {
		width: 150px;
		margin: 0 30px 0 0;
		}

.left {
		float: left;
		}

.right {
		float: right;
		}

/* float-clearing rules */
.separator {
		clear: both;
		}

.separatorInvisible {
		clear: both;
		height: 1px;
		}

.clearFix:after {
    	content: "."; 
    	display: block; 
    	height: 0; 
    	clear: both; 
    	visibility: hidden;
		}		
		
/*	------Other Divs------*/


/* ---------- 3. links and navigation ---------- */

a {
		color: #d77631;
		text-decoration: underline;
		}
a:hover {
		text-decoration: none;
		}
#navMenu a {
		display: block;
		float: left;
		width: 109px;
		height: 28px;
		font-size: 1.3em;
		font-family: Helvetica, sans-serif;
		font-weight: bold;
		color: #fff;
		line-height: 24px;
		text-decoration: none;
		}

#navMenu a:hover {
		text-decoration: underline;
		}

#navMenu a.linkOn {
		color: #d77631;
		background: url(../mainpics/buttons/button_bg_on.jpg) 2px 0 no-repeat;
		}
div#footer a {
		color: #fff;
		}
div#whoAreWe {
		width: 450px;
		}
div#startup {
		position: absolute;
		left: 270px;
		width: 270px;
		top: 10px;
		}
div#setPrices {
		position: absolute;
		left: 270px;
		top: 85px;
		width: 250px;
		}
div#standards {
		position: absolute;
		top: 30px;
		width: 250px;
		}
div#timing {
		position: absolute;
		top: 85px;
		width: 220px;
		}
div#gift {
		position: absolute;
		top: 10px;
		width: 250px;
		}
div#customers {
		position: absolute;
		top: 100px;
		width: 450px;
		}
div#callUs {
		width: 250px;
		}
div#creditCards {
		position: absolute;
		top: 70px;
		width: 250px;
		}
div#design {
		width: 270px;
		}
div#freeQuotes {
		width: 250px;
		}
div#contactInfo {
		position: absolute;
		width: 250px;
		left: 280px;
		}
div#whyHalliganPrint {
		position: absolute;
		width: 180px;
		left: 310px;
		}

div#terms1,
div#terms2,
div#terms3,
div#terms4 {
		position: absolute;
		width: 200px;
		top: 10px;
		}
div#terms1 {
		left: 10px;
		}
div#terms2 {
		left: 230px;
		}
div#terms3 {
		left: 450px;
		}
div#terms4 {
		left: 670px;
		}
/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-family: Helvetica, sans-serif;
		font-size: 62.5%;
		color: #666;
		}

h1, h2, h3, h4, p, ul {
		text-align: left;
		}

h1 {
		}

h2 {
		font-size: 1.4em;
		color: #d77631;
		}

h3 {
		font-size: 1.2em;
		margin-top: 0.5em;
		color: #d77631;
		}
		
h4 {
		color: #666;
		}

p {
		font-size: 1.1em;
		text-align: left;
		line-height: 1.6em;
		margin-bottom: 1em;
		}

ul {
		}

div#whoAreWe p {
		1font-size: 1.2em;
		}
/*--	specials	--*/
div.specials {
		width: 250px;
		}
div.specials  h3 {
		background: #e6833c;
		border: 1px solid #804114;
		margin-top: 0.5em;
		padding: 0.2em;
		text-align: center;
		color: #fff;
		}
div.specials p {
		border-left: 1px solid #d77631;
		border-bottom: 1px solid #d77631;
		border-right: 1px solid #d77631;
		padding: 0.2em;
		text-align: center;
		font-size: 1.2em;
		}
div.specials p strong {
		color: #d77631;
		}
/*--	do it all	--*/
div.panelHighlight h3 {
		background: #e6833c;
		border: 1px solid #804114;
		margin-top: 0.5em;
		padding: 0.2em;
		text-align: center;
		color: #fff;
		}
div.panelHighlight ul {
		background: #ececec;
		border-left: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		border-right: 1px solid #bbb;
		padding: 0.5em;
		padding-left: 2em;
		}
div.panelHighlight ul li {
		font-size: 1.1em;
		}
div#doItAll {
		float: left;
		width: 170px;
		}
div#whyHalliganPrint ul {
		background: #fff;
		}
/*--	top card	--*/
div#topCardText ul {
		text-align: center;
		margin-top: 0.5em;
		}
div#topCardText ul li {
		display: inline;
		list-style-type: circle;
		color: #fff;
		font-size: 1.1em;
		}
/*--	blackboard	--*/
div#blackboard p {
		display: block;
		text-align: center;
		color: #ddd;
		font-size: 2.5em;
		margin-bottom: 0;
		line-height: 1em;
		}
div#blackboard span.head {
		display: block;
		font-weight: bold;
		color: #fff;
		font-size: 1.2em;
		margin: 0.3em 0 0.3em;
		}
div#blackboard span#end {
		}
/*--	slogan	--*/
div#slogan p {
		1border: 1px solid #ccc;
		color: #fff;
		font-weight: bold;
		font-size: 1.4em;
		}
div#slogan p.text,
div#slogan p.number {
		float: left;
		text-align: center;
		}
div#slogan p.text {
		width: 150px;
		}
div#slogan p.number {
		line-height: 46px;
		font-size: 2.2em;
		}
/*--	card	--*/
div#card ul {
		text-align: center;
		margin-top: 0.5em;
		}
div#card ul li {
		display: inline;
		list-style-type: circle;
		color: #d77631;
		font-size: 1.1em;
		}
/*--	footer	--*/
div#footer div#left {
		float: left;
		width: 520px;
		}
div#footer div#right {
		float: left;
		width: 240px;
		}
div#footer p {
		color: #fff;
		}
div#footer p.address {
		font-size: 1.1em;
		margin: 12px 0 0 10px;
		padding-bottom: 5px;
		1border-bottom: 1px solid #984e19;
		}
div#footer p.numbers {
		font-size: 1.1em;
		margin: 0 0 0 10px;
		padding-top: 5px;
		border-top: 1px solid #fbddc8;
		}
div#footer p.numbers span {
		border-right: 1px solid #fbddc8;
		margin: 0 5px 0 0;
		padding: 0 5px 0 0;
		}
div#footer p.businessCards {
		float: left;
		margin: 15px 0 0 20px;
		line-height: 1.4em;
		font-size: 1.1em;
		}
/*--	contact info	--*/
div#contactInfo p {
		font-size: 1.2em;
		}
div#contactInfo span {
		clear: both;
		float: left;
		}
div#contactInfo strong {
		color: #d77631;
		}
.white {
		color: #fff;
		}
.yellow {
		color: #f3e547;
		}
.orange {
		color: #d77631;
		}
/*--	contact info	--*/
div.terms h3 {
		font-size: 1.1em;
		margin: 0 0 0.5em;
		}
div.terms p {
		font-size: 1.1em;
		text-align: left;
		line-height: 1.1em;
		margin-bottom: 1em;
		}
/* ---------- 5. tables ---------- */
div#priceListDiv {
		position: absolute;
		z-index: 1000;
		left: 1px;
		top: 172px;
		1background: #eee;
		1height: 158px;
		width: 600px;
		}
		
div#priceListDivBottom {
		position: absolute;
		z-index: 1000;
		left: 1px;
		top: 81px;
		1background: #eee;
		1height: 158px;
		width: 300px;
		}
		
div#priceListDivBottomLeft {
		position: absolute;
		z-index: 1000;
		left: 238px;
		top: 81px;
		1background: #eee;
		1height: 158px;
		width: 300px;
		}
		
table.priceList {
		border: 1px solid #ccc;
		float: left;
		margin-bottom: 1px;
}
table.priceList tr {
}
table.priceList td {
		1border: 1px solid #ccc;
		width: 37px;
		background: #c81c00;
		color: #fff;
		padding: 1px;
}
table.priceList td.label {
		background: #f5f5f5;
		color: #333;
		text-align: right;
		width: 110px;
}
table.priceList td.empty {
		background: #f5f5f5;
}
table#businessCards td.label {
		background: #f5f5f5;
		color: #333;
		text-align: right;
		width: 267px;
}
table.priceList tr.quantity td {
		background: #ededed;
		color: #333;
}
table.priceList thead td {
		background: #d9cfc8;
		color: #333;
		font-size: 1.1em;
		font-weight: bold;
}
table.priceList tfoot td {
		background: #ededed;
		color: #888;
}
/* ---------- 5. forms ---------- */

form {
		}
	
input {
/*
		font-family: ;
		color: ;
		font-size: ;
		padding: ;
		border: ;
*/
		}

textarea {
		}
		
select {
		}


/* ---------- 6. images ---------- */

a img {
		border: none;
		}
div.card img {
		display: block;
		}
div#footer img {
		display: block;
		float:left;
		margin: 12px 0 0 10px;
		}