@import url(colours.css);
@import url(typography.css);

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{
	margin : 0;
	padding : 0;
}


/* Removes list-style from lists */
ol, ul
{
	list-style : none;
}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{
	font-style : normal;
	font-weight : normal;
}

/* Removes list-style from lists */
table
{
	border-collapse : collapse;
	border-spacing : 0;
}

/* Removes border from fieldset and img */
fieldset, img
{
	border:0;
}

/* Left aligns text in caption and th */
caption, th
{
	text-align : left;
}

/* Removes quotation marks from q */
q:before, q:after
{
	content : '';
}



/* Layouts */

#myGallery
{
	text-align: left;
	margin: 0 auto;
}
html
{
	text-align : center;
}
p
{
	margin-bottom : 1em;
}

div#content_sub
{
	background-color : #fff;
	border-left : dashed 1px #999;
	padding-bottom : 1em;
}

div#content_sub p
{
	margin-bottom : 0;
}

body
{
	position : relative;
	width : 770px;
	margin : 0 auto;
	text-align : left;
	padding-top : 5px;}

div#content 
{
	width : 770px;
	padding-bottom : 1em;
}

div#branding
{
	height : 88px;
	margin: 0 auto;
	text-indent : -9999px;
}

/* Navigation */
	
div#nav
{
	position : relative;
	z-index : 1;
	height : 28px;
	margin: 0 auto;
	padding-top : 3px;
}

ul#nav_main
{
	position : absolute;
	top : 1px;
	left : 1px;
	margin : 0px;
	width : 770px;
	height: 28px;
}

ul#nav_main li
{
	display : inline;
	top : 0px;
}

li#nav_home
{
	position : absolute;
	left : 0;
	width : 63px;
	height : 24px;
}

li#nav_corporate
{
	position : absolute;
	left : 63px;
	width : 108px;
	height : 24px;
}

li#nav_people
{
	position : absolute;
	left : 171px;
	width : 60px;
	height : 24px;
}


li#nav_interiors
{
	position : absolute;
	left : 231px;
	width : 100px;
	height : 24px;
}

li#nav_products
{
	position : absolute;
	left : 331px;
	width : 75px;
	height : 24px;
}

li#nav_weddings
{
	position : absolute;
	left : 406px;
	width : 66px;
	height : 24px;
}

li#nav_clients
{
	position : absolute;
	left : 558px;
	width : 88px;
	height : 24px;
}

li#nav_contact
{
	position : absolute;
	left : 658px;
	width : 111px;
	height : 24px;
}

li#nav_home a, li#nav_people a, li#nav_corporate a, li#nav_interiors a, li#nav_products a, li#nav_weddings a, li#nav_clients a, li#nav_contact a
{
	display : block;
	height : 30px;
	width : 140px;
	text-indent : -9999px;
}

/* Main Content */

div#content
{
	position : relative;
	width : 770px;
}

input
{
	width : 250px;
}

/* Ensures Footer is below the longest column */

.h,.c,.f { width: 770px; margin: 0 auto; }
.pc,.sc { position: absolute; top: 0; left: 0;} 

.pc	{ width: 470px; } 
.sc	{ width: 299px; left: 470px; }

.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */


div#content_main
{
	border-right : dashed 1px #999;
}

div#content_main p
{
	padding : 0 1em 0 1em;
}

div#content_main img
{
	margin : 1em 0 1em 1em;
}

/* Sub Content */

div#content_sub p
{
	padding : 0 1.5em 0 1em;
	margin-bottom: 0.5em;
}



div#content_sub ul
{
	position : relative;
	left : 0.5em;
	top : 0.5em;
	width : 300px;
}

div#content_sub ul li
{
	position : relative;
	width : 96%;
	left : 0px;
	padding-bottom : 0.5em;
}

div#content_sub ul li img
{
	position : absolute;
}

#corporate_included
{
	background-color : #eee;
	border-bottom : dashed 1px #999;
}

#corporate_gallery
{
	background-color : #eee;
	border-bottom : dashed 1px #999;
}

li#corporate_gallery p
{
	margin : 70px 0 0 0;
}

#corporate_gallery img
{
	top : 40px;
	left : -4px;
}

#people_extra1
{
	background-color : #eee;
	border-bottom : dashed 1px #999;
}

li#people_extra1 p
{
	margin : 85px 0 0 0;
}

#people_extra1 img
{
	top : 40px;
	left : 35px;
}

#detail_corporate img
{
	position : relative;
	left : 120px;
	top : 30px;
	float : right;
}

li#detail_corporate p
{
	margin-right : 127px;
}

li#detail_conferences p
{
	margin : 155px 0 0 0;
}

li#detail_portraits p
{
	margin-right : 115px;
}

li#detail_portraits img
{
	position : relative;
	left : 163px;
	top : 15px;
	float : right;
}

#detail_people img
{
	top : 47px;
	left : -4px;
}

#detail_people p
{
	margin-right : 0;
	margin-left : 100px;
}

#detail_weddings img
{
	position : relative;
	float : right;
	top : 30px;
	left : 125px;
}

li#detail_weddings p
{
	margin : 0 130px 0 0;
}

#detail_architecture img
{
	top : 47px;
}

#detail_architecture p
{
	margin-right : 0;
	margin-left : 100px;
}


div#site_info
{
	height : 52px;
	text-indent : -9999px;
	border-top : dashed 1px #666;
	background-color : #fff;
}

/* Images */

img
{
	border : solid 1px #ccc;
	padding : 5px 5px 5px 5px;
}

div#content_sub img
{
	border : solid 1px #ccc;
	padding : 5px 5px 5px 5px;
	margin : 0 0 0 1em;
}

li#detail_corporate img, li#detail_weddings img, li#corporate_gallery img, li#people_extra1 img
{
	border : none;
}

div#lightbox img
{
	border : solid 1px #ccc;
	padding : 0;
	margin : 0;
}

h1{ padding : 0.5em 0 0.5em 0.5em;}
h2{ padding : 0.5em 0 0.5em 0.5em;}
h3{ padding : 0.5em 0 0.5em 0.5em;}
h4{ padding : 0.5em 0 0 0;}

div#content_sub h4{ padding : 0.5em 0 0 1em;}

/* Family */
ul#Imgs
{
	position : relative;
	width : 100%;
	padding-left : 1em;
	padding-right : 1em;
}

ul#Imgs img
{
	position : relative;
	margin : 0 0.5em 0 0;
}

ul#Imgs li
{
	display : inline;
}

/* Corporate Packages */

ul#corporatePackages
{
	position : relative;
	top : 1em;
	width : 95%;
	border-top : dashed 1px #999;
	margin : 0 1em 0 1em;
}

ul#corporatePackages li
{
	position : relative;
	background-color : #eee;
	border-bottom : dashed 1px #999;
	padding : 0 0 1em 0;
}

ul#corporatePackages li p
{
	margin-right : 190px;
}

ul#corporatePackages li img
{
	position : absolute;
	float : right;
	border : none;
	left : 230px;
	top : -10px;
}
/* Contact Form */

ul#contactForm
{
	position : relative;
	top : 1em;
	width : 95%;
	border-top : dashed 1px #999;
	margin : 0 1em 0 1em;
	height : 430px;
}

ul#contactForm li
{
	background-color : #eee;
	border-bottom : dashed 1px #999;
	padding : 1em 0 1em 1em;
}

div#furtherContent
{
	background : transparent url(../imgs/canvases01.gif) no-repeat right;
}

div#furtherContent p
{
	margin-right : 200px;
}

li#detail_spacer01
{
	height : 53px;
}

li#detail_spacer02
{
	height : 313px;
}

li#detail_spacer03
{
	height : 51px;
}

li#detail_spacer04
{
	height : 21px;
}

li#detail_spacer05
{
	height : 33px;
}

li#detail_spacer06
{
	height : 89px;
}

li#detail_spacer07
{
	height : 49px;
}