/* CSS Document */

/*
----------------------------------------------------------
Theme Name:		Style Sheet
Description:	Design and content stylesheet for www.lookingglassimages.com.au
Author:			Rob Chant
Author URL:		http://www.fallion.com.au/

	===== CONTENTS =====

	1: Reset 
	2: Fixed Structure
	3: Variable Structure
	4: Formatting
	5: Primary Navigation 
	6: Drop Down Menu Element	
	7: Side Sub Menu Element
	8: Bottom Menu Elements
	9: Feature Elements
	
	====================
	
----------------------------------------------------------
*/



/*
==========================================================
1. Reset
==========================================================
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, 
dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, dd, dl, dt, 
li, ol, ul, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table, td, th {
	vertical-align:middle;
}

a img, :link img, :visited img {
	border: 0;
}


/*
==========================================================
2. Fixed Structure
==========================================================
*/

/*-----------------------------
Body
-----------------------------*/

body {
	color: #444444;
	background: url('images/lgi_bg.jpg') repeat-x #333333 top center;
}

/*-----------------------------
The Outer Cover
-----------------------------*/

#wrap {
	width:1050px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

#container {
	width:950px;
	margin:0 auto;
	padding: 20px 0px 10px 0px;
}

/*-----------------------------
The Logo
-----------------------------*/

#logo_container {
	width:950px;
	margin:0 auto;
	padding: 0px 0px 0px 0px;
}

#logo {
	height: 150px;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px;
	background: url('images/lgi_logo.png') no-repeat;
	border-top-color: #333333;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-color: #333333;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #333333;
	border-left-style: solid;
	border-left-width: 1px;
}

/*-----------------------------
The Header
-----------------------------*/

#header_container {
	width: 100%;
	margin:0 auto;
	padding: 0px 0px 0px 0px;
}

#header {
	height: 220px;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px;
	background: url('images/lgi_header.png') no-repeat;
	border-color: #333333;
	border-style: solid;
	border-width: 1px;
}

/*-----------------------------
Navigation
-----------------------------*/

#navigation {
	width: 870px;
	height: 40px;
	background-color: #FFFFFF;
	float: right;
	font: bold 12px "Myriad Pro","Myriad Web","Lucida Grande","Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	margin: 0px 1px 0px 1px;
	padding: 0px 38px 0px 40px;
}

#navigation ul {
	list-style-type: none;
	text-align: right;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

#navigation ul li{
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#navigation ul li a {
	font-size: 12px;
	text-decoration: none;
	color: #5A88B7;
	border-left: 1px solid #000000;
	border-color: #000000;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 10px;
}

#navigation ul li a:hover {
	color: #CC0000;
}

#navigation .end {
	padding: 0px 5px 0px 5px;
}


/*-----------------------------
The Content
-----------------------------*/

#content_container {
}

#content {
	background-color: #FFFFFF;
	border-color: #333333;
	border-style: solid;
	border-width: 1px;
	margin: 40px 0px 0px 0px;
	padding: 0px 40px 40px 40px;
}

/*-----------------------------
The Footer
-----------------------------*/

#footer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	font-size: 1px;
	height: 20px;
	background-color: #333333;
}



/*
==========================================================
3. Variable Structure
==========================================================
*/


.span-1 {width:25px;}
.span-2 {width:50px;}
.span-3 {width:75px;}
.span-4 {width:100px;}
.span-5 {width:125px;}
.span-6 {width:150px;}
.span-7 {width:175px;}
.span-8 {width:200px;}
.span-9 {width:225px;}
.span-10 {width:250px;}
.span-11 {width:275px;}
.span-12 {width:300px;}
.span-13 {width:325px;}
.span-14 {width:350px;}
.span-15 {width:375px;}
.span-16 {width:400px;}
.span-17 {width:425px;}
.span-18 {width:450px;}
.span-19 {width:475px;}
.span-20 {width:500px;}
.span-21 {width:525px;}
.span-22 {width:550px;}
.span-23 {width:575px;}
.span-24 {width:600px;}
.span-25 {width:625px;}
.span-26 {width:650px;}
.span-27 {width:675px;}
.span-28 {width:700px;}
.span-29 {width:725px;}


.append-1 {padding-right:5px;}
.append-2 {padding-right:10px;}
.append-3 {padding-right:20px;}
.append-4 {padding-right:40px;}
.append-5 {padding-right:60px;}
.append-6 {padding-right:80px;}
.append-7 {padding-right:100px;}
.append-8 {padding-right:120px;}
.append-9 {padding-right:140px;}
.append-10 {padding-right:160px;}
.append-11 {padding-right:180px;}
.append-12 {padding-right:200px;}

.prepend-1 {padding-left:5px;}
.prepend-2 {padding-left:10px;}
.prepend-3 {padding-left:20px;}
.prepend-4 {padding-left:40px;}
.prepend-5 {padding-left:60px;}
.prepend-6 {padding-left:80px;}
.prepend-7 {padding-left:100px;}
.prepend-8 {padding-left:120px;}
.prepend-9 {padding-left:140px;}
.prepend-10 {padding-left:160px;}
.prepend-11 {padding-left:180px;}
.prepend-12 {padding-left:200px;}

.push-1 {margin-left:5px;}
.push-2 {margin-left:10px;}
.push-3 {margin-left:20px;}
.push-4 {margin-left:40px;}
.push-5 {margin-left:60px;}
.push-6 {margin-left:80px;}
.push-7 {margin-left:100px;}
.push-8 {margin-left:120px;}
.push-9 {margin-left:140px;}
.push-10 {margin-left:160px;}
.push-11 {margin-left:180px;}
.push-12 {margin-left:200px;}

.pull-1 {margin-right:5px;}
.pull-2 {margin-right:10px;}
.pull-3 {margin-right:20px;}
.pull-4 {margin-right:40px;}
.pull-5 {margin-right:60px;}
.pull-6 {margin-right:80px;}
.pull-7 {margin-right:100px;}
.pull-8 {margin-right:120px;}
.pull-9 {margin-right:140px;}
.pull-10 {margin-right:160px;}
.pull-11 {margin-right:180px;}
.pull-12 {margin-right:200px;}

.drop-1 {height:25px;}
.drop-2 {height:50px;}
.drop-3 {height:75px;}
.drop-4 {height:100px;}
.drop-5 {height:125px;}
.drop-6 {height:150px;}
.drop-7 {height:175px;}
.drop-8 {height:200px;}
.drop-9 {height:225px;}
.drop-10 {height:250px;}
.drop-11 {height:275px;}
.drop-12 {height:300px;}


.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

.left {float: left;position:inherit}
.right {float: right;position:inherit}

.inline {float:left; position:relative}


/*
==========================================================
4. Formatting
==========================================================
*/


p {
	font: 12px/19px Verdana, Arial;
	text-align: justify;
	padding: 0px 0px 15px 0px;
}

h1 {
	font: 26px/28px Verdana, Arial;
	color: #333333;
	font-weight: bold;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

h2 { 
	font: 12.5px/14px Verdana, Arial;
	color:  #5A88B7;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}

h3 {
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font: 12px/19px Verdana, Arial;
	font-weight: bold;
	text-transform: uppercase;
}

h4 {
	font-weight: bold;
	color: #5A88B7;
}

h4 a {
	color: #990033;
}

h5 { 
	font-weight: bold;
	font-style: italic;
}

h6 { 
}

ul {
	margin: 20px 15px 20px 10px;
	padding: 0px 0px 0px 0px;
}

ul li {
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 15px 2px 20px;
	padding: 0px 0px 0px 0px;
}

.event { 
	color: #5A88B7;
	font: 11px/11px Verdana, Arial;
	padding: 0px 0px 0px 0px;
	margin: -15px 0px 0px 0px;
}

a {
	color: #5A88B7;
}

a:hover {
	color: #CC0000;
}

a:visited {
	color: #5A88B7;
}

/*
==========================================================
5. Primary Navigation
==========================================================
*/




/*
==========================================================
6. Drop Down Menu Element
==========================================================
*/


/*
==========================================================
7. Side Sub Menu Element
==========================================================
*/


/*
==========================================================
8. Bottom Menu Element
==========================================================
*/

.navBottom {
	font: Arial, Helvetica, sans-serif;
	background-color: #333333;
}

.navBottom ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}

.navBottom ul li{
	display: inline;
	font-size: 9px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 7px;
	color: #FFFFFF;
}

.navBottom ul li a {
	color: #FFFFFF;
}


/*
==========================================================
8. Feature Elements
==========================================================
*/

.fallion ul li a {
	color: #66FF00;
}

.clear {
	clear: both;
}

.clearfix:after { /*Clear floats hack: http://positioniseverything.net/easyclearing.html*/
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}