/* 

---------------------------------------------
|											|
|	CSS Document - Layout Styles			|
|											|
|	Inspire Me Photography					|
|	http://www.Inspiremephotography.com 	|
|											|
|	Coded by Steven Wilson					|
|	Email: info@dominion79.co.uk			|
|											|
---------------------------------------------

*/


/* ---------------------------- HTML ---------------------------- */

body { font-family:Verdana, Arial, Helvetica, sans-serif; background:#000; color:#999; text-align:center; }

p { display:block; font-size:0.7em;}

a { outline:none; }

img { border:0; }


/* ---------------------------- ID Tags ---------------------------- */

/* Container */

#Container { width:928px; height:538px; background-color:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/Bg_Container_24.png', sizingMethod='scale') no-repeat; margin:30px auto; border:1px solid #000; }

html>body #Container { background:url(../img/Bg_Container_24.png); }

/* Header */

#Header { background-color:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/Bg_Header_24.png', sizingMethod='scale'); width:251px; height:243px; position:absolute; left:0; top:0;}

html>body #Header { background:url(../img/Bg_Header_24.png);}

/* Naviagtion */

#Naviagtion { width:602px; height:54px; text-align:left; background-color:transparent; margin:19px auto 0 auto; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/BG_Naviagtion_24.png', sizingMethod='scale')}

html>body #Naviagtion { background: url(../img/BG_Naviagtion_24.png); }

#Naviagtion ul { margin:0px; padding:0px; list-style-type:none; }

#Naviagtion a { text-decoration:none; display:block; font-size:0.7em; margin: 3px 0 0 5px; padding-bottom:9px; position:relative; }

#Naviagtion li { float:left; width:145px; height:20px; margin:0 5px 5px 0; display:inline; }

#Naviagtion li ul { position:absolute; left:-999em; width:145px; background:#222; z-index:50;}

#Naviagtion li ul li { padding:2px 0; margin:0; border-bottom:1px solid #333; } 

#Naviagtion li ul li a{ padding:0; margin:0; margin: 3px 0 0 5px;  } 

#Naviagtion a:link, #Naviagtion a:visited { color:#ccc; }

#Naviagtion a:hover { color: #900; }

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left:auto; margin:0px; }

/* Client Login */

#ClientLogin { text-align: left; width:300px; margin:100px auto; border: 1px solid #333;  padding: 5px; }

#ClientLogin ol, #ClientLogin p, #ClientLogin h1 { margin:5px 40px;}

#ClientLogin label, #ClientLogin input { font-size: 0.7em; }

#ClientLogin label { display: block; margin: 0 0 5px 0; }

#ClientLogin input { padding:3px 0; position:relative; }


/* Home Area Flash */

#HomeFlash { width:597px; height:390px; display:block; margin:0 auto 2px auto; background: 000; } 

html>body #HomeFlash { width:597px; height:390px; display:block; margin:0 auto 5px auto; background: 000; } 

#HomeFlash img { float:left;}

/* Home Area Flash */

#ImgFlash { width:597px; height:390px; display:block; margin:0 auto 2px auto; background: 000; } 

html>body #ImgFlash { width:597px; height:390px; display:block; margin:0 auto 5px auto; background: 000; } 

#ImgFlash img { float:left;}


/* FullImgTile */

#FullImgTile { width:602px; display:block; margin:0 auto; }

#FullImgTile ul { width:602px; list-style:none; margin:0; padding:0; }

#FullImgTile ul li { float:left; width:145px; height:95px; margin:0 5px 0 0; padding:0; display:inline; }

html>body #FullImgTile ul li { float:left; width:145px; height:95px; margin:0 5px 5px 0; padding:0; }

#FullImgTile ul li a { position:relative;  }

#FullImgTile img { border:0; margin:0; padding:0; }

/* Quote */

#Quote { width:602px; display:block; margin:0 auto 5px auto; position:relative; }

#MidQuote { width:295px; height:193px; float:left; display:inline; margin:0 5px 0 5px; position:relative; }

html>body #MidQuote { height:195px; }

/* Copy */

#Copy  { width:602px; display:block; margin:0 auto; }

#Copy img { margin:0; padding:0;  }

#Copy a { margin:0; padding:0;  }

/* Side Row  */

#SideRow { width:145px; float:left; display:inline; }

#SideRow ul { margin:0; padding:0; list-style:none; }

#SideRow ul li { float:left; width:145px; height:95px; margin:0; padding:0;}

html>body #SideRow ul li { margin: 0 0 5px 0; }

#SideRow ul li a { position:relative;  }

#MainCopy { width:445px; height:290px; float:left; display:inline; margin: 0 0 0 5px;  position:relative; }

/* Single Row of four */

#SingleRow {  width:602px; display:block; margin:0 auto; }

#SingleRow ul { margin:0; padding:0; list-style:none; }

#SingleRow ul li { float:left; display:inline;  width:145px; height:95px; margin: 0 5px 1px 0; padding:0;}

html>body #SingleRow ul li { margin: 0 5px 5px 0;}

#SingleRow ul li a { position:relative;  }


/* FlashScroll */

#FlashScroll { width:445px; height:290px; float:left; display:inline; margin:0; position:relative;}

/* ContentArea */

#ContentArea { width:445px; height:290px; float:left; display:inline; margin:0; position:relative;}

/* Footer */

#Footer { width:602px; height:53px; text-align:left; background-color:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/Bg_Footer_24.png', sizingMethod='scale'); margin:0 auto; }

html>body #Footer {background:url(../img/Bg_Footer_24.png); }

#Footer p { margin:0 5px 2px 5px; padding:5px 0 0 0; }

#Footer a { margin:0 5px 2px 5px; padding:5px 0 0 0; color:#999; text-decoration:none; }

/* Gallery Naviagtion Footer */

#GalNavFooter { width:602px; height:53px; background-color:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/Bg_Gallery_Footer_24.png', sizingMethod='scale'); margin:0 auto; }

html>body #GalNavFooter {background:url(../img/Bg_Gallery_Footer_24.png); }

#GalNavFooter ul { margin:0px; padding:0px; list-style-type:none; }

#GalNavFooter a { text-decoration:none;  margin: 3px 0 0 5px; padding-bottom:6px; position:relative; color:#999;  }

#GalNavFooter li { float:left; width:145px; height:20px; margin:0 5px 5px 0; display:inline; }

#GalNavFooter a:link, #GalNavFooter a:visited { color:#ccc; }

#GalNavFooter a:hover { color: #900; }

#GalNavFooter p { margin:0; padding:0 0 0 0;  }


/* ---------------------------- Classes ---------------------------- */

.Clear { clear:both; }

.Input200px { width:200px; color:#999; border: 1px solid #666; }