/* 

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  --------- */

* {
		margin: 0;
		padding: 0;
		}

div {
		border: 0px solid #666666;
		}

body {
		background: #b3aea8;
		}
		
/*  --------- 2. structure  --------- */

#wrapper {
		width: 1000px;
		height: 707px;
		margin: 0 auto 0;
		border: 1px solid #aaaaaa;
		}

.homepage {
		background: url(../mainpics/bg_main_home.jpg) 0 0 no-repeat;
		}
		
.entertainment {
		background: url(../mainpics/bg_main_entertainment.jpg) 0 0 no-repeat;
		}
		
.gallery {
		background: url(../mainpics/bg_main_gallery.jpg) 0 0 no-repeat;
		}
		
.links {
		background: url(../mainpics/bg_main_links.jpg) 0 0 no-repeat;
		}
		
.contact {
		background: url(../mainpics/bg_main_contact.jpg) 0 0 no-repeat;
		}
		
#banner {
		border: 0px solid #aaaaaa;
		width: 1000px;
		margin: 128px 0 0;
		text-align: center;
		}
		
#logo {
		}
		
#content {
		border: 0px solid #aaaaaa;
		width: 600px;
		height: 380px;
		margin: 130px 200px 0;
		}
		
#contentEntertainment1 {
		float: left;
		border: 0px solid #aaaaaa;
		width: 500px;
		height: 380px;
		margin: 130px 0 0 140px;
		}
		
#contentEntertainment2 {
		float: left;
		border: 0px solid #aaaaaa;
		width: 220px;
		height: 380px;
		margin: 130px 0 0 20px;
		}
		
#gallery {
		position: relative;
		width: 640px;
		height: 500px;
		top: 20px;		
		left: 180px;
		text-align: center;
		margin: 0 0 20px;
		}
		
#navContainer {
		border: 0px solid #aaaaaa;
		width: 1000px;
		margin: 0;
		text-align: center;
		}

#footer {
		}

/* 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 {
		font-size: 1.4em;
		}
		
a:hover {
		}

#NavMenu a, #NavMenu #sep {
		color: #617548;
		font-family: Arial, sans-serif;
		font-weight: bold;
		font-size: 1.6em;
		text-decoration: none;
		letter-spacing: 0em;
		margin: 0 0.5em;
		font-variant: small-caps;
		}

#NavMenu #sep {
		font-size: 1.6em;
		}
				
#NavMenu a:hover {
		text-decoration: underline;
		}
		
#NavMenu .linkOn {
		text-decoration: underline;
		}

#content a, #contentEntertainment1 a, #contentEntertainment2 a {
		display: block;
		color: #000000;
		font-size: 1.4em;
		text-decoration: none;
		margin: 0.5em 0;
		}		

#content a:hover, #contentEntertainment1 a:hover, #contentEntertainment2 a:hover {
		text-decoration: underline;
		}		

#content .noBlock, #contentEntertainment1 .noBlock, #contentEntertainment2 .noBlock {
		display: inline;
		color: #000000;
		font-size: 1em;
		text-decoration: none;
		}		

/* ---------- 4. fonts ---------- */

html {
		font-size: 100%;
		}

body {
		font-size: 62.5%;
		font-family: Georgia, "Palatino Linotype", "Times New Roman", Times, serif;
		color: #000000;
		line-height: 2.4em;
		}

h1, h2, h3, h4, p, ul {
		}

h1 {
		}

h2 {
		}

h3 {
		}
		
h4 {
		}

p {
		font-size: 1.2em;
		}

#banner p {
		text-align: center;
		font-size: 1.4em;
		color: #506637;
		}

#content p, #contentEntertainment1 p, #contentEntertainment2 p {
		text-align: center;
		font-size: 1.5em;
		margin: 0 0 1em;
		}

#contentEntertainment2 p {
		font-size: 1.2em;
		text-align: left;
		line-height: 1.4em;
		}
		
ul {
		}

/* ---------- 5. forms ---------- */

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

textarea {
		}
		
select {
		}


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

a img {
	border: none;
		}

#gallery img {
		border: solid 1px #506637;
		}
