BODY { 	BACKGROUND: url(../imgs/background.gif) #000 repeat-x; font:small Arial, Helvetica, sans-serif; COLOR: #fff; TEXT-ALIGN: center; padding:0px; margin:0px; height:100%; min-width: 980px; }

#page { MARGIN: 0px auto; width: 980px; text-align:center; float:none;  }
#pagecolour { background: #000; width: 980px; }
#content { width: 657px; background:#000; text-align:left; BORDER-RIGHT: #666 1px dotted; float:left;  }
#contentorder { width: 758px; background:#000; text-align:left; BORDER-RIGHT: #666 1px dotted; float:left;  }

#pagebox { width: 980px; margin: 0; padding:0; BACKGROUND: #000; text-align:left;  }
#header {  margin: 0px; padding-left:10px; vertical-align:top; text-align:left; background:#594831; }
#flashspace { width: 720px; height:400px; } 
#pagebody { width: 657px; margin: 0; padding:0;  text-align:left; background:#000; }
#rightbody { background: #000; width: 300px; margin: 0; padding-top:10px; padding-left:20px; vertical-align:top; text-align:left; float:right; }
#rightbody IMG {  text-align:left; }
#rightorder { background: #000; width: 210px; margin: 0; padding-top:10px; padding-left:10px; vertical-align:top; text-align:left; float:right; }
#pagepadding { margin: 15px; text-align:left;  background: #000; }
.subheader {  margin-bottom: -10px; font-size:100%; text-transform:uppercase; FONT-WEIGHT:bold; }
#frontpic { margin-top:15px; margin-left:20px; BORDER: #666 1px solid; float:left; padding:0; }
#frontleft { margin:10px; width:620px; float:left; padding-bottom:20px; }
#frontright { width:270px; float:right; text-align:left; padding-top:15px; padding-right:60px; vertical-align:top; }

h1 { font-size: 20px; FONT-WEIGHT:bold; color:#ccc; text-shadow: 0.2em 0.2em 0.1em #aaa; line-height: 1em;  }
h2 { font-size: 16px; FONT-WEIGHT:bold; color:#ccc; text-shadow: 0.2em 0.2em 0.1em #CCC; line-height: 1em; }
h3 { font-size: 14px; FONT-WEIGHT:bold; color:#ccc; line-height: 1em;  }

h1,h2,h3,h4,h5,h6 {
	margin-bottom: 0em;
}
.total { font-size: 18px; FONT-WEIGHT:bold; color:#000; text-shadow: 0.2em 0.2em 0.1em #aaa; line-height: 1em; padding-top:10px;  }

#pagebox p,h1,h2,h3,h4,h5,h6 { padding-left:20px; text-align:justify; }

.img { margin: 0; text-align:left;  padding-top:10px; }
P { FONT-SIZE: 12px; FONT: Verdana, Arial, sans-serif, Helvetica; COLOR: #fff; line-height: 1.2em; }
.small { FONT-SIZE: 10px; }
A {	 COLOR: #FAF7EF; FONT-FAMILY: Arial; TEXT-DECORATION: underline; }
A:hover { COLOR: #fff; TEXT-DECORATION: underline; }

#top { text-align:center; width: 980px; }
#topgap {  margin-top:0px; padding:0;  }
#blkbar { width: 980px; BACKGROUND-COLOR: #000; BORDER-TOP: #000 2px solid; padding:0px; margin:0px; }
#banner { width: 600px; BACKGROUND: url(../imgs/back_banner.gif); COLOR: #000; padding:5px; margin:0px; }
.video { margin:0;margin-top:10px; padding:0px; float:right; }
.facebook { margin:0;margin-top:-10px; margin-left:10px; padding-bottom:5px; }

.navclient { BACKGROUND: url(../imgs/back_client.gif); COLOR: #fff; padding:5px; margin:0px;  }
.navcont { BACKGROUND: url(../imgs/back_cont.gif); COLOR: #fff; padding:5px; margin:0px; }
.navclient a, a:hover { COLOR: #ccc; }
.navcont a, a:hover { COLOR: #ccc; }

/* NAVIGATION ROLL_OVERS */
#topbar { COLOR: #fff; PADDING: 0px; margin:0; text-align:left; margin-top: 0em; width:100%; }
.navtext { margin: 0; padding: 0; background: no-repeat; cursor: pointer; }
.navtext span {	width: 0; height: 0; display: block;  overflow: hidden; }

#nav { PADDING: 0px; margin: 0px; WIDTH:100%; }
#nav li { text-align:left; display: inline; }
#nav a { float:left; width: 120px; height: 28px; display: block; }
#nav #nav-home { background: url(../imgs/home.gif); }
#nav #nav-home.active {	background: url(../imgs/home_f2.gif) !important; }
#nav #nav-home:hover { background: url(../imgs/home_f2.gif); }
#nav #nav-about { background: url(../imgs/about.gif); }
#nav #nav-about.active {	background: url(../imgs/about_f2.gif) !important; }
#nav #nav-about:hover { background: url(../imgs/about_f2.gif); }
#nav #nav-wedding { background: url(../imgs/wedding.gif); }
#nav #nav-wedding.active {	background: url(../imgs/wedding_f2.gif) !important; }
#nav #nav-wedding:hover { background: url(../imgs/wedding_f2.gif); }
#nav #nav-portraits { background: url(../imgs/portraits.gif); }
#nav #nav-portraits.active {	background: url(../imgs/portraits_f2.gif) !important; }
#nav #nav-portraits:hover { background: url(../imgs/portraits_f2.gif); }
#nav #nav-baby { background: url(../imgs/baby.gif); }
#nav #nav-baby.active {	background: url(../imgs/baby_f2.gif) !important; }
#nav #nav-baby:hover { background: url(../imgs/baby_f2.gif); }
#nav #nav-graduation { background: url(../imgs/graduation.gif); }
#nav #nav-graduation.active {	background: url(../imgs/graduation_f2.gif) !important; }
#nav #nav-graduation:hover { background: url(../imgs/graduation_f2.gif); }
#nav #nav-video { background: url(../imgs/video.gif); }
#nav #nav-video.active {	background: url(../imgs/video_f2.gif) !important; }
#nav #nav-video:hover { background: url(../imgs/video_f2.gif); }
#nav #nav-contact { background: url(../imgs/contact.gif); }
#nav #nav-contact.active {	background: url(../imgs/contact_f2.gif) !important; }
#nav #nav-contact:hover { background: url(../imgs/contact_f2.gif); }
#nav #nav-links { background: url(../imgs/links.gif); }
#nav #nav-links.active {	background: url(../imgs/links_f2.gif) !important; }
#nav #nav-links:hover { background: url(../imgs/links_f2.gif); }
#nav #nav-pets { background: url(../imgs/pets.gif); }
#nav #nav-pets.active {	background: url(../imgs/pets_f2.gif) !important; }
#nav #nav-pets:hover { background: url(../imgs/pets_f2.gif); }
#nav #nav-blog { background: url(../imgs/blog.gif); }
#nav #nav-blog.active {	background: url(../imgs/blog_f2.gif) !important; }
#nav #nav-blog:hover { background: url(../imgs/blog_f2.gif); }
#nav #nav-lifestyle { background: url(../imgs/lifestyle.gif); }
#nav #nav-lifestyle.active {	background: url(../imgs/lifestyle_f2.gif) !important; }
#nav #nav-lifestyle:hover { background: url(../imgs/lifestyle_f2.gif); }

#footergap {  BACKGROUND-COLOR: #585858; height:5px; margin:0px; padding:0; width:980px; }
#footer { width: 980px; FONT-SIZE: 11px; BACKGROUND-COLOR: #111; COLOR: #fff; height:35px; padding-top: 10px; BORDER-TOP: #999 5px solid; vertical-align:bottom; text-align:center; float:none; }
#footer A {	FONT-SIZE: 11px; COLOR: #FAF7EF; TEXT-DECORATION: underline; }
#footer A:hover { COLOR: #ccc; }

#right { float:right;  font-size:10px; padding-bottom:10px; padding-top: 5px; padding-left:15px; padding-right:20px; height:100px; }
#left {	float:left; padding-top: 20px; }

.feature { float:right; text-align:left;  margin:10px; padding-top:4px; padding-bottom:4px; padding-left:10px; padding-right:10px; BACKGROUND: #CC3300; color:#fff; }

.box {	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; zoom:1; width:260px; }
.box {  background: #161616 ; padding: 6px; border: 1px solid #eee; display: block; text-align:left; font-size: 11px; line-height:1.4em; }
.box img { padding-bottom:5px; } 

.gallery { text-align:center; margin-top:10px; }
.mainnavbox { PADDING-RIGHT: 0px; PADDING-LEFT: 19px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; POSITION: relative; BACKGROUND-COLOR: #eee; TEXT-ALIGN: left; }
LI.inline {	BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 8px; DISPLAY: inline; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; }
.mnav {	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; MARGIN: 0px; COLOR: #666; PADDING-TOP: 4px; FONT-FAMILY: Arial; TEXT-DECORATION: none; }
.mnav A:link { BORDER-RIGHT: #fff 0px solid; PADDING-RIGHT: 11px; BORDER-TOP: #fff 0px solid; PADDING-LEFT: 11px; PADDING-BOTTOM: 5px; BORDER-LEFT: #fff 0px solid; COLOR: #666; PADDING-TOP: 5px; BORDER-BOTTOM: #fff 0px solid; TEXT-DECORATION: none; }
.mnav A:active { BORDER-RIGHT: #fff 0px solid; PADDING-RIGHT: 11px; BORDER-TOP: #fff 0px solid; PADDING-LEFT: 11px; PADDING-BOTTOM: 5px; BORDER-LEFT: #fff 0px solid; COLOR: #666; PADDING-TOP: 5px; BORDER-BOTTOM: #fff 0px solid; TEXT-DECORATION: none; }
.mnav A:visited { BORDER-RIGHT: #fff 0px solid; PADDING-RIGHT: 11px; BORDER-TOP: #fff 0px solid; PADDING-LEFT: 11px; PADDING-BOTTOM: 5px; BORDER-LEFT: #fff 0px solid; COLOR: #666; PADDING-TOP: 5px; BORDER-BOTTOM: #fff 0px solid; TEXT-DECORATION: none; }
.mnav A:hover {	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; COLOR: #000; PADDING-TOP: 5px; BORDER-BOTTOM: #fff 0px solid; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none; }
.mnavon { BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; COLOR: #000; PADDING-TOP: 5px; BORDER-BOTTOM: #fff 2px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none; }

.imgright {	float: right; BACKGROUND-COLOR: #000; text-align:center; MARGIN: 0px; PADDING: 0px; padding-TOP: 20px; TEXT-DECORATION: none; width:320px; height:100%; }
.boxlook { BORDER: 1px solid; BACKGROUND-COLOR: #999; MARGIN-TOP: 10px; }
ul { list-style: none; }

.linkblock { background: transparent; display: block; margin: 0 -1em 2em; padding: 1em;	text-decoration: none; }
.linkblock a, .linkblock a:hover { text-decoration: none; FONT-SIZE: 14px; }

.contactform { text-align:left; padding-left:30px; padding-top:20px; padding-bottom:60px; font-size:10px; font-weight:normal; float: left; }

.clear { CLEAR: both; }

/* Image Gallery CSS */
div.scale-image { display:table; background:#222; padding:0; margin:0; text-align:center; height:100%; width:175px; }

ul#image-view li.current, ul#image-view li.current div.meta, ul#image-view li.current div.scale-image {	background:#447200; }
div.scale-image.sort {	cursor:move; }
div#sort_type .selected { color:#76B41C }
img.tall { height:100%; }                          
img.wide { width:100%; }
div.scale-image div { display:table-cell; vertical-align:middle; height:100%; position:relative; }
div.scale-image div span.meta {	display:block; width:100%; position:absolute; bottom:0;	text-align:center; }
ul#preview-list li { float:left; vertical-align:middle; text-align:center; display:table-cell; }
ul#preview-list li a { display:table-cell; vertical-align:middle; }           
      
a.add-image-btn { background: url(http://www.downfieldstudio.com/client/admin/app/webroot/img/icons/photo_add.png) no-repeat 0px -2px; } 

.imgbox { background:#222; margin:0; padding:0;	}

#gallery { text-align:left; float:left; }
.tablebox { text-align:center; padding:3px;  } 
.borbox td { background:#3e3e3e; margin:0px; text-align:center; padding:0px; margin-top:3px; }	
.grayback { background:#111; vertical-align:middle; margin-bottom:5px; }
.orderform { padding-top:-20px; margin:0; font-size:10px; }
.orderform p { text-align:left; font-size:10px; }
.orderform h2 { font-size:12px; font-weight:bold; padding:0px; margin:0; }
.orderform button { text-align:center; margin-bottom:10px; background-color:#666699; color:1d1d1d;}
.orderform input { margin-bottom:5px; }
.obutton { background-color:#999999; color:1d1d1d; margin-bottom:10px; }

.rightx a { text-align:left; color:#ff0000; }
.galleryimg { BORDER: #888 1px solid; }
.rightbut { text-align:center; margin-top:10px;  background: url(../imgs/backsub.gif); margin-right:10px; float:right; height:130px; width:180px; }
.rowline { BORDER-BOTTOM: #888 1px solid; padding-bottom:3px; }
.med { FONT-SIZE: 12px; }

.logobox { BORDER: #888 1px solid; padding:10px; margin-right:50px; }
.video { float:left; text-align:left; padding:10px; }
.padtop { padding-top:5px; }
.links { background-color:#666666; color:#1d1d1d; margin:4px; text-align:center; }
.links h3 { background-color:#333333; color:#ffffff; text-align:center; padding:4px; }

.logout { text-align:center; background-color:#333333; padding:10px; width:100px; float:none; }
.logout button { text-align:center; margin-bottom:10px; background-color:#333333; color:1d1d1d; }

#rpane { float:right; padding-top: 10px; }
#lpane { float:left; padding-top: 10px; }
.testimonials { BORDER: #888 1px solid; background:#212121; font-size:12px; margin-bottom:30px; font-style:italic; padding-top:5px; padding-bottom:5px; padding-left:20px; margin-left:50px; margin-right:50px; }
#comment { background-color:#343434; padding:6px; padding-bottom:10px; margin-top:8px; color: #fff; margin-bottom:10px; }
.from { FONT-SIZE: 10px; color:#aaa; }

.clientnav { float:right; margin-right:20px; }
.clientnav img { margin:5px; }