/* Structural page elements on most pages */


/* PAGE STRUCTURE */

body {
	height:100%;
	background-color:#fcfcfc;
}


a:hover {
	color:#00A0C6;
}

.hidden_ie_mac {
	display:none;
	font-size:1px;
}


#page_container {
	position:relative;
	margin:0em auto;
	background-color:#fff;
	border-top:2px solid #aaa;
}

#page_container, #page_content {
	max-width:76em;
}




/* PAGE HEAD */


#page_head {
	width:100%;
	min-width:52em;
}

#head_link {
	display:block;
	height:60px;
	width:500px;
}


#top_nav {
	position:absolute;
	top:0px;
	right:0px;
	height:30px;
	margin:0.2em 0em 0em 0em;
	text-transform:uppercase;
	
	font:15px/1.5em "Georgia", serif;
	font-weight:100;
	font-style:normal;
	letter-spacing:0.1em;
	min-width:30em;
}

#top_nav li, #top_nav ul {
	display:inline;
	padding:0em;
	margin:0em;
}

#top_nav li a {
	text-align:center;
	padding:1em 0.5em 0.5em 0.7em;
	font-weight:200;
	background-color:#eee; 
	background-color:rgba(240,240,240,0.6);

}



#top_nav li a:hover {
	color:#555;
	background-color:#bbb; 
	background-color:rgba(240,240,240,0.85);
}

#top_nav .selected a {
	color:#333;
	background-color:#ddd; 
	background-color:rgba(255,255,255,0.9);
}

#style_controls {
	float:right;
	margin:1em 0em 0em 0em;
	list-style:none;
	padding:0.7em 1em 0.7em 1em;
}



#style_controls li {
	margin-left:0.3em;
	display:inline;
}

#style_controls li a {
	opacity:0.2;
}

#style_controls li .selected,#style_controls li a:hover {
	opacity:0.7;
}

.introduction {
	margin:0em 0em 2em 0em;
	max-width:55em;
}



.introduction p {
	margin:0em;
	padding:0em;
}


h1 {
	margin:2em 0em 0em 0em;
	padding:0em 0em 0em 1em;
	font:2.4em/1em "Georgia", serif;
	text-shadow:rgba(155,155,155,0.3) -0.1em 0.1em 0.1em;
}

h1 .strapline {
	margin-left:0.3em;
	color:#566;
	font:0.8em/0.8em "Verdana",sans-serif;
	text-shadow:rgba(155,155,155,0.9) -0.1em 0.1em 0.3em;
}


#breadcrumb_strip {
	background-color:#ccc;
	border-top:1px solid #eee;
	border-bottom:1px solid #aaa;
	/* annoyingly, we have to use all of these */		
	-moz-box-shadow: 2px 5px 7px rgba(200,200,200,0.5);
	-webkit-box-shadow: 2px 5px 7px rgba(200,200,200,0.5);
	box-shadow: 2px 5px 7px rgba(200,200,200,0.5);
}

/* PAGE CONTENT */


#page_content {
	clear:both; 
	padding:1.5em 1.5em 1.5em 2.5em;
	min-width:45em;
	
}


/* FRAGMENTS */



.testimonial {
	margin:2em 0em 0em 0em;
	padding:0em 21em 0em 0em;

	font:1.2em/1.8em Times, "Times New Roman", Georgia, serif;

}
/*
.testimonial:first-letter {
	font-size:3.7em;
	font-style:normal;
	margin:0.25em 0.05em 0em 0em;
	float:left;
}*/

.quote, .quote_right{
	float:left;
	color:#666;
	font-size:2em;
	height:0.3em;
	margin:0.1em 0.1em 0em -0.6em;
	text-shadow:rgba(155,155,155,0.9) -0.05em 0.05em 0.06em;
}

.quote_right {
	float:right;
	margin-right:-0.6em;
}

.author {
	text-transform:uppercase;
	font-size:0.85em;
	letter-spacing:0.1em;
	color:#888;
	text-indent:0em;
}



/* BOXES */

.box {
	float:right;
}

.box, .note, .warning {
	margin:0.7em 1em 0em 2.2em;	
	padding:0.5em 0.7em;
	max-width:24em;
			
	text-indent:0em;
	
	color:#888;
	background-color:#ddd;
}

.note {
	border:1px solid #2B7ABC;
}


.warning {
	border:1px solid #AB0D0D;
	background-color:#FFFBF3;
}

.box h3 {
	margin:0em 0.7em;
	line-height:2em;
}

.box h4 {
	margin:1em 0.7em 0em 0.7em;
	line-height:1.5em;
	font-style:italic;
}

.box p {
	max-width:24em;
	margin:0em 1em;
}

.box ul {
	line-height:2em;
	color:#555;
}



/* Forms */



.placeholder {
	color:#888;
}

.form_item {
	width:30.3em;
}

form input, form select, form textarea {
	margin-bottom:1em;
}


.form_item input, .form_item textarea {
	width:30em;
	display:block;
	margin-bottom:1em;
	padding:0.3em;
	font: 1em/1em "Helvetica","Verdana", sans-serif;	
}

.form_item textarea {
	height:15em;
}


#form_buttons input {
	width:auto;
	margin-right:-0.4em;
	float:right;
}





/* FOOTER */


#page_foot { 
	clear:both; 
	margin:1.3em;
	padding:1em 0em;	
	color:#555;
	border-top:1px solid #ccc;
	font-size:0.8em;
	text-align:center;
}




/* so that boxes can be floated*/

.float_none {
	float:none;
}

.float_right {
	float:right;
}

.float_left {
	float:left;
}




/* PAGES */


#page_clients #page_content {
	min-height:46em;
}

#id_1_Client_list {
	background-image:url(../images/clients/slide_case.png);
	background-repeat:no-repeat;
}

#page_contact #page_content {
	background:url(../images/contact/cashou_stamp.jpg) #fff top right no-repeat;
}

.portfolio_link {
	display:block;
}
.slide_content_link {

}

#page_missing #searchfield {
	width:40em;
	margin:0em auto;
}