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

body {
background: #fff url(../images/pg_bg.jpg) no-repeat fixed ; 
font:62.5% Verdana, Helvetica, Arial, sans-serif;
color:#333;
line-height:1.4em;
text-align:center;
}

#header{
background: url(../images/banner.jpg) no-repeat;
height:250px;
margin:-190px 0 5px 180px;
}

#wrapper{	
margin:0 auto;
width:960px;
text-align:left;
padding-bottom:120px;
}		
	
/* Top Navigation */

ul#topnav {
width:625px;
height:50px;
list-style:none;
position: relative;
top: -207px;
left: 230px;
border-bottom: 1px solid #cccccc;border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;
}
	
/* 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 top left;
display:block;
height:50px;
position:relative;
z-index:1000;
}
	
/* Specify width and background position attributes specifically for the class: "home" */
ul#topnav li a.home {
width:125px;
}
	
/* Specify width and background position attributes specifically for the class: "portfolio" */
ul#topnav li a.portfolio {
width:125px;
background-position:-125px 0px;
}
	
/* Specify width and background position attributes specifically for the class: "photography" */
ul#topnav li a.photography {
width:125px;
background-position:-250px 0px;
}

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

/* Specify width and background position attributes specifically for the class: "contact" */
ul#topnav li a.contact {
width:125px;
background-position:-500px 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:2000;
}
	
/* 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:-125px -50px;
}

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

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

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

h1{
font-size:3em;
text-indent:-9999px;
background: url(../images/h1.jpg) no-repeat fixed;
height:205px;
width:181px;
}
                             
h2{
font-size:1.4em;
line-height:1.0em;
font-weight:normal;
padding-bottom:10px;
color: #4c4c4c;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
	
h3{
color: #4c4c4c;
font-size:1.2em;
line-height:1.0em;
padding-bottom:5px;
font-weight:bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
}	
	
p{
padding-bottom:10px;
font-size:1.4em;
line-height:1.4em
}	

/* Intro Box */ 	
 	
#intro{
width:780px;
background: url(../images/intro_bg.png) no-repeat;
margin:0;
padding:0;
min-height:200px;
height:auto !important;
height:200px;
}

#intro h2{
padding:38px 30px 10px 280px;
}
                               
#intro p{
padding:0px 40px 10px 280px;
}

/* Content */

#content_box{
background:url(../images/content_bg.png) repeat-y left;
}

#main_column{
float:left;
width:720px;
}

#main_column h3{
background: url(../images/dot.png) repeat-x bottom;
padding: 0 0px 6px 0px;
margin: 0 50% 8px 70px;
}

#main_column p{
padding-right: 40px;
padding-left:70px;
}

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

#main_column a:visted{
text-decoration:none;
background-color: #fff4cf;
 }

#main_column a:hover{
text-decoration:underline;
background-color: #fff4cf;
 }


#sliderbox{
position:relative;
padding:0 0 0 0;
margin: 0 0 10px 60px;
}

.photo_right{
float:right;
padding: 0 40px 10px 20px;
clear:both}

.photo_left{
float:left;
padding: 0 10px 10px 50px;
clear:both;
}


/* Portfolio styles begin here */

#portfolio_work{
padding: 30px 0 40px 90px;
z-index:60;
position:relative;}

.web_sample{
background-color: #ffffff;
width:200px;
padding:0px 0 25px 10px;
float:left;
}

#main_column .web_sample h4{
font-size: 1.1em;
padding-bottom:5px;
}

#main_column .web_sample p{
font-size: 1.0em;
padding-left:0;
}

#main_column .web_sample p a{
background: url(../images/externalLink.gif) no-repeat right top;
color: #4c4c4c;
text-decoration:none;
}

#main_column .web_sample p a:visited{
text-decoration:none;
color: #4c4c4c;
}

#main_column .web_sample p a:hover{
background: url(../images/externalLink.gif) no-repeat right top;
text-decoration:underline; 
}

#main_column .web_sample p a:active{
text-decoration:none;
}

.web_jpeg a{
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right:2px solid #cccccc;
border-bottom: 2px #cccccc solid;
width:128px;
height:160px;
display:block;
}

.web_jpeg a:hover{
border-top: 1px solid #4c4c4c;
border-left: 1px solid #4c4c4c;
border-right:2px solid #4c4c4c;
border-bottom: 2px solid #4c4c4c;
width:128px;
display:block;
}

ul#instructions_portfolio{
background:url(../images/portfolio.png) no-repeat;
padding:5px 20px 10px 150px;
width:360px;
margin:10px 0 20px 70px;
float:left;
border: 1px #e6e6e6 solid;
-webkit-border-radius: 6px 6px;
-moz-border-radius: 6px 6px;
border-radius: 6px 6px;
}

ul#instructions_portfolio li{
list-style-type: square;
font-size:.9em;
list-style-position: inside; }

ul#instructions_photography{
background:url(../images/photography.png) no-repeat;
padding:5px 20px 10px 210px;
width:360px;
margin:10px 0 20px 70px;
float:left;
border: 1px #e6e6e6 solid;
-webkit-border-radius: 6px 6px;
-moz-border-radius: 6px 6px;
border-radius: 6px 6px;
}

ul#instructions_photography li{
list-style-type: square;
font-size:.9em;
list-style-position: inside;
 }

ul#highlight_box{
width:500px;
border: 1px #e6e6e6 solid;
-webkit-border-radius: 6px 6px;
-moz-border-radius: 6px 6px;
border-radius: 6px 6px;
padding:20px;
margin: 10px 0 0 70px;
}

ul#highlight_box li{
background:url(../images/brownie.jpg) no-repeat left top;
padding: 0 0 10px 40px;
font-size:1.0em;
}

ul#services_recap{
width:250px;
background:url(../images/recap_box.png) no-repeat top;
margin:0 0 20px 140px;
padding:60px 10px 40px 50px;
}


ul#services_recap li{
list-style-type: square;
list-style-position: inside;
}

/* Sidebar column */
                    
#sidebar{
margin-top:40px;
float:right;
width:170px;
background: url(../images/palette.jpg) no-repeat top;
padding:110px 0 0 0;
}

#sidebar p{
line-height:1.2em;}

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


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




.clearfloats{
clear:both;
}

/* image replacement */
.graphic, #prevBtn, #nextBtn{
margin:0;
padding:0;
display:block;
overflow:hidden;
text-indent:-8000px;
}

/* eForm Styles */

form{
width:460px;
padding:0 0 40px 120px;
position: relative;
z-index:1100; }

form p{
padding-left:0}

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

fieldset{
padding:15px 15px 40px 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}
  
/* Footer */

#bottom_fade {
width: 960px;
height: 200px;
z-index: 40;
position: fixed;
bottom: 0px;
background: url(../images/bottom-fade.png) bottom center no-repeat;
}

#footer{
z-index: 99;
background: transparent;
position: fixed;
bottom: 0;
width:100% }

#footer p{
color:#808080;
font-size: .785em;
line-height: 1.6em;
text-align:center;
padding-bottom:15px;
margin-right:100px;}


#footer p a:link{
color:#808080;
text-decoration: none;
}

#footer p a:visited, #footer p a:active{
color:#808080;
text-decoration: none;
}

#footer p a:hover{
text-decoration:underline;
}