/* CSS style sheet and page design copyrighted &copy by Balmain DESIGN. www.balmainpdesign.com  */

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

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

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

/* 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 :''; }


/* Removes dotted broder on links in Firefox */
a{outline:none;}

html {
	min-height: 101%;}


/* layout.css */


body {
background: #f4f2ee url(images/body_bg.gif) repeat-x;
text-align:center;
font-family:Verdana,sans-serif;
font-size:0.8125em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1;}
	
#wrapper{
width: 900px;
margin: 0 auto;
text-align:left}	
	
	/* Top Menu Body */
	ul#topnav {
		width:900px;
		height:50px;
		list-style:none;
		margin:0;
		padding:0;
		display:block;
	}
	
	/* Float LI Elements - horizontal display */
	ul#topnav  li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#topnav  li a {
		background: url(images/nav_sprite.jpg) no-repeat scroll top left;
		display:block;
		height:50px;
		position:relative;
        border:none;
	}
	
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#topnav  li a.home {
		width:180px;
	}
	
	/* Specify width and background position attributes specifically for the class: "portfolio" */
	ul#topnav  li a.portfolio {
		width:180px;
		background-position:-180px 0px;
	}
	
               /* Specify width and background position attributes specifically for the class: "services" */
	ul#topnav  li a.services {
		width:180px;
		background-position:-360px 0px;
	}

               /* Specify width and background position attributes specifically for the class: "about" */
	ul#topnav  li a.about {
		width:180px;
		background-position:-540px 0px;
	}

               /* Specify width and background position attributes specifically for the class: "contact" */
	ul#topnav  li a.contact {
		width:180px;
		background-position:-720px 0px;
	}

	/* Span (on hover) - common attributes */
	ul#topnav  li a span {
		background: url(images/nav_sprite.jpg) no-repeat scroll bottom left;
		display:block;
		position:absolute;
		top:0;
		left:0;
		height:50px;
		width:100%;
		z-index:100;
	}
	
	/* Span (on hover) - display pointer */
	ul#topnav  li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "home" */
	ul#topnav  li a.home span {
		background-position:0px -50px;
	}
	
	/* Shift background position on hover for the class: "portfolio" */
	ul#topnav  li a.portfolio span {
		background-position:-180px -50px;
	}

               /* Shift background position on hover for the class: "services" */
	ul#topnav  li a.services span {
		background-position:-360px -50px;
	}

               /* Shift background position on hover for the class: "about" */
	ul#topnav  li a.about span {
		background-position:-540px -50px;
	}

               /* Shift background position on hover for the class: "contact" */
	ul#topnav  li a.contact span {
		background-position:-720px -50px;
	}


#right_column ul { margin-bottom: 1em;
font-size:1.14em;
 }
#right_column ul ul { margin-bottom: 0;  }
#right_column ul ul ul { border-bottom: none; margin-bottom: 0; }

/* dropmain menu */

#dropmenu ul{
padding:0 0 30px 20px;
padding-left:0;}

#dropmenu ul ul {display:none }
#dropmenu li.active ul { display:block; }

#dropmenu ul li a{
color:#3C6600;
text-decoration:none;
border:none;
font-weight: bold; }

#dropmenu ul li a:visited{
color:#3C6600;
text-decoration:none;
border:none;}

#dropmenu ul li a:hover{
text-decoration:underline;
color:#3C6600;
border:none}

#dropmenu ul li a:active{
color:#3C6600;
text-decoration:none;
border:none;}


#dropmenu ul li ul{
padding:3px 0 3px 20px;}

#dropmenu ul li ul li{
padding-bottom:3px;}

#right_column li {
font-size:.8em;}

#right_static_links{
padding-bottom:30px}

.static_list{
padding:4px 0 10px 0;
border-bottom: 1px #b3b3b3 dotted;
width:185px }

#right_static_links li {
display: block;
padding-top:2px;}

#right_static_links li a:link, #right_static_links li a:visited, #right_static_links li a:hover, #right_static_links li a:active{
color:#3C6600;
text-decoration:none;
border:none;}

#right_static_links li a:hover{
text-decoration:underline;}


#content{
background: #fff url(images/content_bg.png) repeat-y left top;
width:900px;
margin-top:30px;
padding-bottom:40px;
border: 1px #cccccc solid;
-webkit-border-radius: 6px 6px;
-moz-border-radius: 6px 6px;
border-radius: 6px 6px; }

* html #content{
margin-left:0px;}


#left_column{
width:680px;
float:left;}

.services_block a:link{
color:#3C6600;
text-decoration:none;
border:none;}

.services_block a:visited{
color:#3C6600;
text-decoration:none;}

.services_block a:hover{
color:#3C6600;
text-decoration:underline;}

.services_block a:active{
color:#3C6600;
text-decoration:none;}

.services_block{width:600px;
border: 1px #cccccc solid;
padding:15px 0 10px 0;
margin:0 0 20px 30px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; }

.services_list{
width:530px;
padding:0 0 20px 40px;}

.services_list li{
list-style-type: square;
list-style-position: outside;
padding: 0 0 7px 5px;
 }

.editorial_list{
width:530px;
padding:0 0 20px 50px;}

.editorial_list li{
list-style-type: square;
list-style-position: outside;
padding: 0 0 5px 3px;
 }


#right_column{
background: url(images/swatch.gif) no-repeat bottom right;
width:200px;
float:right;
margin-top:128px;
padding-bottom:40px;}

#cardintro{
background: url(images/infocard.png) no-repeat top right;
height:118px;
padding-bottom:15px}

#right_column p{
text-indent:-9999px }

h6{
text-transform: capitalize;
font-variant: small-caps;
color: #333333; }

.image_left:{padding-left:30px;}

.photo_left{
float:left;
padding: 0 10px 0px 20px;}

.sample_image{float:right;
padding: 0 40px 5px 15px;}


.clearfloats{clear:both}

#footer{
margin-top:30px;
text-align:center}

#footer p{
font-size:.75em;
line-height:1.4em;
color: #666666; }

#footer p a:link{
color: #4c4c4c;
text-decoration: none;
border:none; }

#footer p a:visited{
color: #4c4c4c;
text-decoration: none;
border:none; }

#footer p a:hover{
color: #4c4c4c;
text-decoration:underline;
border:none;}

#footer p a:active{
color: #4c4c4c;
text-decoration: none;
border:none; }



h1{font-size:2em;
font-family:  Georgia, Times, serif;
background: url(images/banner.jpg) no-repeat;
height:175px;
text-indent:-9999px;
margin-top:20px;}

h2{font-size:1.1em;
font-family:  Verdana, Geneva, sans-serif;
font-style: normal;
padding:0 20px 10px 0px;
color: #4c4c4c}

h3{font-family: 'lucida sans unicode', 'lucida grande', sans-serif;
color: #474747;
font-size: 1.3em;
font-variant: small-caps;
word-spacing: -1.2pt;
padding:0 30px 15px 30px;

 }

h4{
font-size:1.0em;
font-family:  Verdana, Geneva, sans-serif;
font-style: normal;
padding:0 20px 5px 30px;
color: #4c4c4c; }



p{font-size:.9em;
line-height:1.6em;
padding:0 35px 15px 35px;
}

a[href^="http:"] {
  background: url(images/externalLink.gif) no-repeat right top;
  padding-right: 10px;
}



/* Ditto Post Styles */

h3.ditto_pageTitle {
margin-top:0;
text-transform: none;
font-size: 1em; }

h3.ditto_pageTitle a:link{
text-decoration:none;
border-bottom: 1px dotted #0080ff;
color: #0080ff; }

h3.ditto_pageTitle a:visited{
text-decoration:none;
border-bottom: 1px dotted #0080ff;
color: #0080ff;
 }

h3.ditto_pageTitle a:hover{
text-decoration:none;
border-bottom: 1px dotted #3C6600;
color: #3C6600;
}

h3.ditto_pageTitle a:active{
text-decoration:none;
border-bottom: 1px dotted #0080ff;
color: #0080ff; }


.ditto_documentInfo{
font-size:.875em;
font-style:italic;
padding-left:30px;}

.ditto_introText{
padding:5px 60px 20px 30px;
}


/* SPForm Styles */

.spform_input {
position:absolute;
text-decoration:underline;
background-color:#CC0000;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}
.spf_prompt {
display:block;
padding-right:10px;
font-weight:bold;
}
.spf_normal_input {
font-weight:normal;
padding-left:0px;
}
.spf_verify_msg {
font-weight:bold;
}
.spf_verify_prompt {
font-weight:bold;
}
.spf_cookie_msg {
font-weight:normal;
color:#ff0000;
padding:30px 0 0 30px;
font-size: .7em; }

/* eForm Styles */

form{
width:460px;
padding-left:30px;
}

form p{
padding-left:0}

legend{font-weight:bold;
color: #4c4c4c;
padding: 0 5px 0 5px;}

fieldset{
padding:15px;
border-top: 1px solid #b3b3b3;
border-left: 1px solid #b3b3b3;
border-right: 2px solid #b3b3b3;
border-bottom: 2px solid #b3b3b3;
background: url(images/form_bg.gif) repeat-x bottom left #fff;}

label{
display:block;
line-height: 1.75em;
padding-left:10px;
}

input{
width:200px;
margin-left:10px
}

textarea{
width:300px;
height:100px;
margin-left:10px}

input#cfContact.button{
width:12em}




/* Fancybox Styles */

#fancy_wrap{
text-align:left;}

div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(images/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(images/fancy_closebox.png) ;
	cursor: pointer;
	z-index: 100;
	display: none;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	z-index: 96;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 92;
}

div#fancy_title {
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 2px;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(images/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(images/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(images/fancy_title_right.png) repeat-x;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 10px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	background-image: url(images/data:image/gif;base64,AAAA);
	z-index: 100; 
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

a#fancy_left:hover {
	background: transparent url(images/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
	background: transparent url(images/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg {
	display: none;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(images/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(images/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(images/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(images/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(images/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(images/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(images/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(images/fancy_shadow_nw.png) no-repeat;
}