/*********************************************************
	SOLOMON GILES DESIGN 
	the well-styled sheet
**********************************************************/

/*replaced body#default with body#default. TODO=turn it back when home template is made home page again */

/*********************************************************
	RESET
**********************************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
/* remember to define focus styles! */
:focus, a {
	outline: 0;
	}
body {
	line-height: 1;
	color: black;
	background-color: white;
	}
ol, ul {
	list-style: none;
	}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
			
/*********************************************************
    Tool Box
**********************************************************/
/* 	PALETTE:
	
	DARK BLUE 	- #305372 
	MED. BLUE	- #6394BF
	LIGHT BLUE	- #9ED2FF
	
	DARK BROWN	- #725424
	MED. BROWN	- #BF9C63
	LIGHT BROWN	- #D5BE98
	
	WHITE 		- #FFFFFF	
*/

.clear {clear:both;}

			
/*********************************************************
    Page-Wrap & Sticky Footer Positioning
**********************************************************/
#page-wrap {
    width: 955px;
    margin: 0 auto -190px;
    
    height: 100%;
    min-height: 100%;
    height: auto !important;
    
    background-color: #fff;
    }

html, body {
    height: 100%;
    
    background-color: #305372;
    }
#footer, #push {
    height: 190px;/*same as negative number in #page-wrap's margin-bottom*/
    margin: 0 auto;
    width: 955px;
    }
    

/*********************************************************
	Type
**********************************************************/
h1, h2, h3 {
	font-family: "Times New Roman", serif;
	}
	h1 {
		font-size: 24px;
		}
	h2 {
		position: absolute;
		display: block;
		width: 700px;
		left: 150px;
		top: 348px;
		z-index: 1000;
		font-size: 45px;
		letter-spacing: 8px;
		color: #FFFFFF;
		}
	h3 {
		font-size: 45px;
		letter-spacing: 8px;
		color: #725424;
		}

ul, p, a, h4, h5 {
	font-family: Verdana, sans-serif;
	}
	p {
		font-size: 16px;
		line-height: 21px;
		color: #725424;
		}

/*********************************************************
	Margins & Padding
**********************************************************/
div#main-content {
	margin: 0 18px;/*consider "margin: 0 auto;" */
	}
	
/*sides*/
/*header top & page bottom*/
/*b/w paragraphs & b/w list items (except for menu)*/

h3 {
	margin: 0 50px;
	}
	
p, table {
	margin: 10px 100px;
	}

/*********************************************************
    Logo, Menu & Footer
**********************************************************/
h1 {
    text-indent: -9999px;
    position: relative;
    display: block;
    width: 263px;
    height: 75px;
    background: transparent url(/images/logo.gif) no-repeat top left;
    }
    
ul#menu {
    display: block;
    position: relative;
    left: 400px;
    width: 550px;
    z-index: 2000;
    } 
    ul#menu li a {
    	text-indent: -9999px;
    	float: left;
    	display: inline-block;
    	height: 37px;
    	margin: 0 10px;
    	}
    	ul#menu li#home a {
    		width: 92px;
    		background: transparent url(/images/menu-home.gif) no-repeat top center;
    		}
    		ul#menu li#home a:hover {
    			background: transparent url(/images/menu-home.gif) no-repeat center center;
    			}
    		body#default ul#menu li#home a {
    			background: transparent url(/images/menu-home.gif) no-repeat bottom center;
    			cursor: default;
    			}
    	ul#menu li#experience a {
    		width: 132px;
    		background: transparent url(/images/menu-experience.gif) no-repeat top center;
    		}
    		ul#menu li#experience a:hover {
    			background: transparent url(/images/menu-experience.gif) no-repeat center center;
    			}
    		body#experience ul#menu li#experience a {
    			background: transparent url(/images/menu-experience.gif) no-repeat bottom center;
    			cursor: default;
    			}
    	ul#menu li#process a {
    		width: 110px;
    		background: transparent url(/images/menu-process.gif) no-repeat top center;
    		}
    		ul#menu li#process a:hover {
    			background: transparent url(/images/menu-process.gif) no-repeat center center;
    			}
    		body#process ul#menu li#process a {
    			background: transparent url(/images/menu-process.gif) no-repeat bottom center;
    			cursor: default;
    			}
    	ul#menu li#contact a {
    		position:relative;/*to correct extra height of contact tab, due to the envelope */
    		top: -16px;
    		
    		height: 53px;
    		width: 104px;
    		background: transparent url(/images/menu-contact.gif) no-repeat top center;
    		}
    		ul#menu li#contact a:hover {
    			background: transparent url(/images/menu-contact.gif) no-repeat center center;
    			}
    		body#contact ul#menu li#contact a {
    			background: transparent url(/images/menu-contact.gif) no-repeat bottom center;
    			cursor: default;
    			}

    		
div#footer {
	background: #D9C4A2 url(/images/footer-bg.gif) no-repeat center center;
	}
	div#footer p#questionnaire {
		display: none; /*change legal 'top' back to 118px when the questionnaire is brought back*/
		position: relative;
		top: 105px;
		left: 90px;
		color: #305372;
		width: 200px;
		margin: 0;
		}
		div#footer p#questionnaire a {
			text-decoration: underline;
			color: #305372;
			}
	div#footer p#legal {
		position: relative;
		top: 137px;/*change me back to 118px when the questionnaire is brought back*/
		margin: 0 10px 0 0;
		
		color: #FFFFFF;
		font-size: 10px;
		text-align: right;
		}


/*********************************************************
	Home
**********************************************************/
body#default div#main-content {
	position: relative;
	width: 919px;
	height: 404px;
	background: #305372 url(/images/main-content-bg.gif) no-repeat center center;
	top: 37px;
	}
body#default div#main-content div.homepage-fader h2 {
	position: absolute;
	z-index: 3000 !important;
	}
body#default div#main-content div.homepage-fader img {
	position: absolute;
	top: -6px;
	left: 159px;
	z-index: 1000 !important;
	}

	body#default div#main-content div#sidebar {
		position: absolute;
		top: 40px;
		width: 282px;
		height: 318px;
		background: transparent url(/images/sidebar-bg-testimonials.png) no-repeat center center;
		z-index: 2000 !important;
		}

	/*coda-slider*/
	
		#slider {
			width: 280px;
			margin: 0 auto;
			position: relative;
			}
		
		.scroll {
			height: 309px;
			overflow: auto;
			position: relative; /* fix for IE to respect overflow */
			clear: left;
			}
		
		.scrollContainer div.panel {
			padding: 55px 30px 50px 40px;
			height: 200px;
			width: 210px; /* change to 621px if not using JS to remove rh.scroll */
			}
		
			.scrollContainer div.panel a {
				position: relative;
				}
			body#default .scrollContainer div.panel p {
				color: #FFFFFF;
				top: 0;
				margin: 0;				
				}
			
			/*buttons*/
			
			.scrollButtons {
				position: absolute;
				cursor: pointer;
				top: 250px;
				left: 18px;
				}
			

body#default h3 {
	position: relative;
	top: 75px;
	}
	body#default p {
		position: relative;
		top: 75px;
		}
		body#default p a, body#default p a:visited {color: #305372}
		
body#default div#push {
	height: 290px;/* to compensate for the "top: 50px;" of h3/p */
	}
	

/*********************************************************
	Experience
**********************************************************/
body#experience div#main-content {
	position: relative;
	width: 919px;
	height: 404px;
	background: #305372 url(/images/main-content-bg.gif) no-repeat center center;
	top: 37px;
	}
	body#experience div#main-content div#sidebar {
		position: absolute;
		top: 40px;
		width: 282px;
		height: 318px;
		background: transparent url(/images/sidebar-bg-experience.gif) no-repeat center center;
		}
		body#experience div#main-content div#sidebar ul#client-fader li {
			position: relative;
			height: 230px;
			top: 63px;
			margin: 0 20px;
			}	
		
	body#experience div#main-content div#exp-descr {
		position: relative;
		top: -85px;
		left: 282px;
		width: 547px;
		padding: 0 50px;
		margin: 0;
		color: #FFFFFF;
		}
		body#experience div#main-content div#exp-descr p {
			position: relative; float: left;
			color: white;
			margin: 5px 0;
			}
		
body#experience h3 {
	position: relative;
	top: 75px;
	}
	body#experience p {
		position: relative;
		top: 67px;
		}

body#experience table {
	position: relative;
	top: 75px;
	font-family: Verdana, sans-serif;
	color: #725424;
	}
table tr.indiv-publication {
	height: 181px;/*height of place-holder + border padding + faux-margin + 1px border*/
	}
	body#experience table tr.indiv-publication table {
		margin: 0;
		top: 0;
		}
		body#experience table tr.indiv-publication table tr.title-author {
			height: 20px;
			}
		body#experience table tr.indiv-publication table tr {
			height: 50px;
			}
			body#experience table tr.indiv-publication table tr td {
				padding: 0 20px;
				}
	table tr.indiv-publication a#placeholder {
		text-indent: -9999px;
		border: 1px solid #305372;
		padding: 5px;
		margin: 5px 0;
		display: block;
		width: 107px;
		height: 149px;
		/* background: url(/images/publication-placeholder.gif) no-repeat center center; */
		}
		table tr.indiv-publication a#placeholder:hover, table tr.indiv-publication a#placeholder:focus {
			border: 1px solid #6394BF;
			}
	body#experience table tr.indiv-publication table a, body#experience table tr.indiv-publication table a:visited {
		color: #305372;
		}
		body#experience table tr.indiv-publication table a:hover, body#experience table tr.indiv-publication table a:focus {
			color: #6394BF;
			}	
		
/*
ul#publications {
	position: relative;
	top: 75px;
	margin: 0 100px; 
	}
	ul#publications li {
		margin: 20px 0;
 		}
 		ul#publications li ul li {
			float: left;
			display: block;
 			}
	ul#publications li ul li a#placeholder {
		border: 1px solid #305372;
		padding: 5px;
		margin: 5px 0;
		display: block;
		width: 107px;
		height: 149px;
		background: url(/images/experience-publication-placeholder.gif) no-repeat center center;
		}
		ul#publications li ul li a#placeholder:hover, ul#publications li ul li a#placeholder:focus {
			border: 1px solid #6394BF;
			}
	ul#publications li a img { 
		padding: 5px;
		width: 107px;
		height: 149px;
		}
*/

body#experience div#push {
	height: 265px;/* to compensate for the "top: 50px;" of h3/p */
	}


/*********************************************************
	Process
**********************************************************/
body#process div#main-content {
	position: relative;
	width: 919px;
	height: 626px;
	background: #305372 url(/images/main-content-bg-process.jpg) no-repeat center center;
	top: 37px;
	}
	body#process div#main-content h2 {
		top: 10px;
		}
	body#process div#main-content div#sidebar {
		position: absolute;
		top: 40px;
		width: 284px;
		height: 540px;
		background: transparent url(/images/sidebar-bg-process.png) no-repeat center center;
		}
		body#process div#main-content div#sidebar h4 {
			color: #305372;
			font-size: 21px;
			margin: 40px 40px 10px;
			}
			body#process div#main-content div#sidebar p {
				font-size: 14px;
				margin: 10px 40px 40px;
				height: 210px;
				overflow: auto;
				}
		body#process div#main-content div#sidebar h5 {
			position: relative;
			top: 40px;
			color: #FFFFFF;
			font-size: 21px;
			margin: 0 40px 10px;
			}
			body#process div#main-content div#sidebar ol {
				position: relative;
				top: 45px;
				margin: 20px 40px; 
				list-style-position: inside;
				list-style-type: decimal;
				color: #FFFFFF;
				font-family: Verdana, sans-serif;
				font-size: 14px;
				}
				body#process div#main-content div#sidebar ol li {
					margin: 10px 0;
					}
				body#process div#main-content div#sidebar ol li a {
					color: #FFFFFF;
					margin: 0;
					}
					body#process div#main-content div#sidebar ol li a:hover, body#process div#main-content div#sidebar ol li a:focus {
						color: #9ED2FF;
						}
				
/* slider */
div.package {
	position: relative;
	top: 50px;
	float: left;
	margin: 0 26px;
	width: 255px;
	}	
	.slidePanel {
		float: left;
		clear: left;
		margin: 5px 10px;
		}
	div.package h3 {
		width: 220px;
		margin: 0 0 20px;
		padding: 0 0 0 45px;
		font-size: 21px;
		color: #305372;
		font-family: Verdana, sans-serif;
		letter-spacing: 8px;
		line-height: 21px;
		/* height: 40px; */
		}
		div.package h3 span {
			letter-spacing: 4px;
			font-size: 14px;
			}
			#package1 h3 {
				background: #FFFFFF url(/images/slider_1.gif) no-repeat top left;
				}
			#package2 h3 {
				background: #FFFFFF url(/images/slider_2.gif) no-repeat top left;
				}
			#package3 h3 {
				background: #FFFFFF url(/images/slider_3.gif) no-repeat top left;
				}
		.slideHeader {
			height: 34px;
			width: 268px;
			background: #305372 url(/images/slider.gif) top center;
			color: White;
			cursor: pointer;
			}
			.slideHeader h4 {
				padding: 7px 10px;
				}
			.active {
				background: #305372 url(/images/slider.gif) bottom center;
				}
		.slideBody {
			width: 268px;
			background: #305372 url(/images/slider-bg.gif) repeat-y center center;
			color: white;
			}
			.slideBody p {
				margin: 0;
				padding: 0 10px 10px;
				color: #FFFFFF;
				font-size: 14px;
				}
	div.package p#or {
		margin: 10px 30px;
		}
		
body#process div#push {
	height: 265px;/* to compensate for the "top: 50px;" of h3/p */
	}
	
	
/*********************************************************
	Contact
**********************************************************/
body#contact div#main-content {
	position: relative;
	width: 919px;
	height: 404px;
	background: #305372 url(/images/main-content-bg.gif) no-repeat center center;
	top: 37px; 
	}
	body#contact div#main-content div#sidebar {
		position: absolute;
		top: 40px;
		width: 282px;
		height: 318px;
		background: transparent url(/images/sidebar-bg-contact.jpg) no-repeat center center;
		text-indent: -9999px;
		}
		
body#contact h3 {
	position: relative;
	top: 75px;
	}
		
body#contact div.post {
	top: 12px;
	position: relative;
	}
	body#contact .wpcf7-form p {
		color: #ffffff;
		margin: 0 0 0 300px;
		position: relative;
		float: left;
		clear: left;
		}
	body#contact .wpcf7-form p span.label {
		width: 120px;
		display: block;
		float: left;
		}
		body#contact .wpcf7-form p span.label span.align-right {
			float: right;
			display: block;
			margin: 0 10px 0 0;
			}
		body#contact .wpcf7-form p span.wpcf7-form-control-wrap input {
			/* width: 450px; */
			}
		body#contact .wpcf7-form p textarea {
			width: 454px;
			}
		body#contact .wpcf7-form p span#submit input {
			width: 150px;
			background-color: pink;
			}			
		
		body#contact .wpcf7-form p span#submit input {
			width: 142px;
			height: 50px;
			position: relative; 
			left: 430px;
			top: 20px;
			font-size: 0px;
			border: none;
			background: transparent url(/images/send-button.gif) no-repeat center center;
			}			
		
		
		.wpcf7-validation-errors {
			border: none !important;
			display: none;
			}

			
				
body#contact div#push {
	height: 265px;/* to compensate for the "top: 50px;" of h3/p */
	}
	
	
	
/*********************************************************
	Holding
**********************************************************/
	
body#holding div#page-wrap {
	background: #ffffff url(/images/holding.jpg) no-repeat bottom right;
	}
	body#holding div#page-wrap p {
		position: relative;
		top: 200px;
		left: 180px;
		padding-bottom: 250px;
		}