/*



*/



/* --- General Formatting

------------------------- */

body {

	margin: 0;

	padding: 0;

	background:#1c1c1c url(/site_images/bg.jpg) top center repeat-x;

	font: normal .75em/1.4em 'lucida grande',arial,helvetica,sans-serif;

}

hr { 

	height:1px; border:none; background:#666666;

}

p, address, ul, ol, dt, dd, td, th {

	color: #ccc;

	line-height: 1.8;

	text-align: left;

}

th, b, strong {

	font-weight: bold;

}

i, em, cite {

	font-style: italic;

}

blockquote {

	margin: 0;

	padding: 0;

	color: #ccc;

	font-style: italic;

}



.small, small {

	font-size: 88%;

}

.big, big {

	font-size: 130%;

}

.align-center {

	text-align: center;

}

.align-right {

	text-align: right;

}

.clearfix { 

	clear:both;

}



/* Links */

a {

	text-decoration: none;

	outline: none;

}

a:link {

	color: #ccc;

}

ul a:link {

	color: #ccc;

}

a:visited {

	color: #ccc;

}

p a:visited, ul a:visited {

	color: #ccc;

}

a:hover, a:active {

	text-decoration: underline;

}

/* Random link styles */

a.cart {

	display: block;

	padding: 8px 20px 8px 0;

	background: url(/site_images/icon_cart.png) center right no-repeat;

}



/* Paragraphs */

p {

	margin: 0 0 1.4em;

}

p strong { 

	color:#fff;

}

.soften, a:link.soften {

	color: #666666;

}

.harden, a:link.harden {

	color: #ccc;

}

.sale {

	color: #d6201c;

}

.critic {

	color: #892027;

}



/* Lists */

/* ul {

	margin: 1em 0 .5em 1em;

	padding: 0;

	list-style-image: url(/site_images/bullet_double_arrow.gif);

} */



ul { 

	margin:0; padding:0;

}

.nice-list {

	margin: 1em 0 .5em 0;

	list-style: none;

	list-style-image: none;

}



/* Floating elements */

.float-left {

	float: left;

}

.float-right {

	float: right;

}

.iso {/* Wraps multiple floating elements, such as an image and a paragraph (caption) */

	width: 48%;

	margin: 0 .5%;

}



/* Images */

img {

	margin:0; padding:0;

}

img.thumb {

	margin: 0 5px 5px;

	padding: 0;

	/* border: 1px solid #333; */

}

a img {

	border-style: none;

}





/* Forms */

form {

	text-align: left;

	margin:0; padding:0;

}

form div {

	clear: both;

}

fieldset {

	border: none;

}

legend {

	padding: 0 0 5px;

	font-size: 1.25em;

	font-weight: bold;

	color: #d6201c;

}

label {

	width: 400px;

	float: right;

	color: #333;

	text-align: left;

}

#subscribe label {

	display: none;

}

#subscribe #email { 

	background: #FFFFFF url('/site_images/email_field_bg.gif') no-repeat;

}

input {

	margin: 0 0 8px;

	border:1px solid #666666;

	font: normal .95em/1.4em 'lucida grande',arial,helvetica,sans-serif;

}

input.submit {

	clear: both;

	color: #fff;

	cursor: pointer;

	background: #d6201c;

	border:1px solid #666666;

	font: normal .95em/1.4em 'lucida grande',arial,helvetica,sans-serif;

}

textarea {

	margin: 0 0 8px;

	clear: both;

	font: normal .95em/1.4em 'lucida grande',arial,helvetica,sans-serif;

}



/* Headings */

h1, h2, h3, h4, h5, h6 {

	margin:0;

	padding: 0;

	color: #8dc5c5;

	text-transform:uppercase;

	font: bold 150%/1.8 'Century Gothic',verdana,arial,helvetica,sans-serif;

	text-align: left;

}

h1 {

	position: relative;

	float: left;

	width: 207px;

	height: 84px;

	overflow: hidden;

	font-size: 110%;

	margin: 0;

	padding: 0;

	color: #000;

	background: url(/site_images/morris_media.jpg) top left no-repeat;

	text-indent:-9999px;

}

h1 span {

	position: absolute;

	width: 100%;

	height: 100%;

}

h2	{

	font-size: 130%;

	clear: both;

}

h3 {

	font-size: 120%;

	margin: 0 0 .3em;

}

h3.home {

	font-weight: normal;

	font-size: 100%;

	color: #ccc;

	margin: 0;

}

h4 {

	margin: 0 0 .5em;

	font-size: 120%;

	font-weight: normal;

	color: #fff;

}

h5 {

	font-size: 108%;

}

h6 {

	font-size: 108%;

	margin-bottom: .2em;

}



/* Layout styles, specific styles to elements above are with their respective element 

-------------------------------------------------------------------------------------*/



/* Container */

#container {

	width: 799px;

	margin: 0px auto;

}



/* Header */

#header {

	padding-top:31px;

	height: 84px; overflow:hidden;

}



/* Menus (main and secondary) */

#main-menu {

	margin:0;

	list-style: none;

	float: right;

	height:84px; overflow:hidden;

}

#main-menu li {

	float: left;

	margin:0; padding:0;

	height:84px; overflow:hidden;

}

/* new rollovers */

#menu_home { 

	width:207px; height:84px;

	background:url(/site_images/morris_media_long.jpg) no-repeat;

	background-position:0px 0px;

	display:block;	

	text-indent:-9999px; overflow:hidden;

}

#menu_work { 

	width:78px; height:84px;

	background:url(/site_images/menu_work_long.jpg) no-repeat;

	background-position:0px 0px;

	display:block;	

	text-indent:-9999px; overflow:hidden;

}

#menu_whatwedo { 

	width:116px; height:84px;

	background:url(/site_images/menu_whatwedo_long.jpg) no-repeat;

	background-position:0px 0px;

	display:block;	

	text-indent:-9999px; overflow:hidden;

}

#menu_whoweare { 

	width:118px; height:84px;

	background:url(/site_images/menu_whoweare_long.jpg) no-repeat;

	background-position:0px 0px;

	display:block;	

	text-indent:-9999px; overflow:hidden;

}

#menu_awards { 

	width:88px; height:84px;

	background:url(/site_images/menu_awards_long.jpg) no-repeat;

	background-position:0px 0px;

	display:block;	

	text-indent:-9999px; overflow:hidden;

}

#menu_press { 

	width:76px; height:84px;

	background:url(/site_images/menu_press_long.jpg) no-repeat;

	background-position:0px 0px;

	display:block;	

	text-indent:-9999px; overflow:hidden;

}

#menu_contact { 

	width:116px; height:84px;

	background:url(/site_images/menu_contact_long.jpg) no-repeat;

	background-position:0px 0px;

	display:block;	

	text-indent:-5999px; overflow:hidden;

}





#main-menu li a:hover { background-position:0px -84px; overflow:hidden; }

#main-menu li a:active { background-position:0px -168px; overflow:hidden; }

#main-menu li a.active { background-position:0px -252px; overflow:hidden; }



















/*

#menu_home { 

	width:207px; height:84px;

	background:url(/site_images/morris_media.jpg) no-repeat;

	background-position:0px 0px;

	display:block;	

	text-indent:-9999px; overflow:hidden;

}

#menu_work { 

	width:78px; height:84px;

	background:url(/site_images/menu_work.jpg) no-repeat;

	background-position:0px 0px;

	display:block;	

	text-indent:-9999px; overflow:hidden;

}

#menu_whatwedo { 

	width:116px; height:84px;

	background:url(/site_images/menu_whatwedo.jpg) no-repeat;

	background-position:0px 0px;

	display:block;	

	text-indent:-9999px; overflow:hidden;

}

#menu_whoweare { 

	width:118px; height:84px;

	background:url(/site_images/menu_whoweare.jpg) no-repeat;

	background-position:0px 0px;

	display:block;	

	text-indent:-9999px; overflow:hidden;

}

#menu_awards { 

	width:88px; height:84px;

	background:url(/site_images/menu_awards.jpg) no-repeat;

	background-position:0px 0px;

	display:block;	

	text-indent:-9999px; overflow:hidden;

}

#menu_press { 

	width:76px; height:84px;

	background:url(/site_images/menu_press.jpg) no-repeat;

	background-position:0px 0px;

	display:block;	

	text-indent:-9999px; overflow:hidden;

}

#menu_contact { 

	width:116px; height:84px;

	background:url(/site_images/menu_contact.jpg) no-repeat;

	background-position:0px 0px;

	display:block;	

	text-indent:-5999px; overflow:hidden;

}

#menu_work:hover, #menu_whatwedo:hover, #menu_whoweare:hover, #menu_awards:hover, #menu_press:hover, #menu_contact:hover, #main-menu a.active { 

	background-position:0px -83px; overflow:hidden;

}



#menu_home.active { 

	background-position:0px 0px !important;	

}



*/

























/* fancy buttons */



.btn_clientlogin { 

	width:99px; height:17px;

	background:url(/site_images/btn_clientlogin.png) no-repeat;

	background-position:0px 0px;

	display:block;

	text-indent:-9999px; overflow:hidden;

	outline:none;

	position:relative; top:-107px; left:690px; 
}


.btn_close { 

	width:52px; height:17px;

	background:url(/site_images/btn_close_long.jpg) no-repeat;

	background-position:0px 0px;

	display:block;

	text-indent:-9999px; overflow:hidden;

	outline:none;

}



.btn_prev { 

	width:52px; height:17px;

	background:url(/site_images/btn_prev_long.jpg) no-repeat;

	background-position:0px 0px;

	display:block;

	text-indent:-9999px; overflow:hidden;

	outline:none;

}

.btn_more { 

	width:52px; height:17px;

	background:url(/site_images/btn_more_long.jpg) no-repeat;

	background-position:0px 0px;

	display:block;

	text-indent:-9999px; overflow:hidden;

}



.btn_next { 

	width:52px; height:17px;

	background:url(/site_images/btn_next_long.jpg) no-repeat;

	background-position:0px 0px;

	display:block;

	text-indent:-9999px; overflow:hidden;

	outline:none;

}

.btn_samplework { 

	width:99px; height:17px;

	background:url(/site_images/btn_samplework_long.jpg) no-repeat;

	background-position:0px 0px;

	display:block;

	text-indent:-9999px; overflow:hidden;

	outline:none;

}

.btn_viewmap { 

	width:68px; height:17px;

	background:url(/site_images/btn_viewmap_long.jpg) no-repeat;

	background-position:0px 0px;

	display:block;

	text-indent:-9999px; overflow:hidden;

	outline:none;

}



.smallbtn:hover { background-position:0px -17px; overflow:hidden; }

.smallbtn:active { background-position:0px -34px; overflow:hidden; }









/* end fancy buttons */

























#secondary-menu {

	margin: 0;

	list-style: none;

	float: right;

}

#secondary-menu li {

	padding: 0 10px;

	float: left;

}

#main-menu a:visited, #secondary-menu a:visited, #main-menu a:link, #secondary-menu a:link {

	color: #d6201c;

}

#main-menu a:hover, #secondary-menu a:hover, #main-menu a.active, #secondary-menu a.active {

	color: #fff;

	text-decoration: none;

}



/* Content */

#content {

	background:#484949 url(/site_images/content_bg.jpg) top center repeat-x;

	margin:0;

	clear: both;

	min-height:200px;

	color:#ccc;

	padding:35px 30px 20px 44px;

}



#top-content {

	width: 100%;

	color: #ccc;

}

#top-content img { 

	border:none;

}



/* Columns */

.columns {

	zoom: 1;

	margin-top: 15px;

}

.columns:after {/* Clear after floats */

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.column, .column-3a, .column-3b, .column-2a {

	float: left;

	font-size: .95em;

	margin: 0 2%;

}



/* 3 Columns */

.three .column {

	width: 31.9%;

}

.three .column-3a {

	width: 22%;

}

.three .column-3b {

	width: 38.5%;

}

.three .first-column-3a {

	width: 54%;

}

.three .last-column-3a {

	width: 19%;

}



/* 2 Columns */

.two .column {

	width: 48.5%;

	margin: 0 2% 0 0;

}

.two .first-column-2a {

	width: 66%

}

.two .last-column-2a {

	width: 32%;

}



/* General formatting for specific columns, for example, all first-columns get a larger font-size */

.three .first-column-3a, .three .first-column-3b, .two .first-column-2a {/* Sets the font-size of the first column*/

	font-size: 0.95em;

}

.three .first-column, .three .first-column-3a, .three .first-column-3b, #home .three .first-column, .two .last-column, .two .last-column-2a, .three .last-column, .three .last-column-3a, #home .three .last-column {

	margin: 0;

}



/* Boxes */

.box {

	position:  relative;

	margin: 0 0 15px;

	padding: 10px;

	text-align: center;

	background: url(/site_images/bg_box.png) top left repeat;

}

	* html .box {

		background: url(/site_images/bg_box.gif) top left repeat;

	}

.box.featured {/* Featured Product box in the store */

	margin: 0;

	padding: 10px 0 0;

}

.box.featured img {/* Big featured product image */

	padding: 0;

}

#home .box-height {

	height: 305px;

}

#section-store .box-height {

	height: 155px;

}

.box .box-lower {

	margin: 15px 0 0;

	padding: 15px 0 0;

	border-top: 2px solid #333;

	

}

.box-header, .box-footer {

	margin: 0 0 8px;

	padding: 5px;

	background: url(/site_images/bg_box_head_foot.png) top left repeat;

	clear: both;

}

	* html .box-header, *html .box-footer {

		background: url(/site_images/bg_box_head_foot.gif) top left repeat;

	}

.featured .box-footer {/*Changing the box-footer within the featured product box */

	position: absolute;

	bottom: 0;

	right: 0;

	width: 100%;

	height: 30px;

	margin: 0;

	padding: 5px 0;

}

.box-header p, .box-footer p {

	margin: 0;

	line-height: 1;

}

.featured .box-footer p {/* Tweaking the paragraphs in the featured product box */

	padding: 8px 0;

}

.featured .box-footer p.float-right {/* Take away padding on that paragraph because it's applied to the anchor because of the cart icon */

	padding: 0;

}

.box-footer ul {

	float: right;

	margin: 0;

	padding: 0;

	line-height: 1;

	list-style-image: none;

	list-style: none;

}

.box-footer li {

	float: left;

	padding: 0 5px;

	line-height: 1;

}





/* What We do page */



ul#what_we_do { 

	margin:0; padding:0;

}

ul#what_we_do li { 

	border-bottom:1px solid #666666;

	padding:1px 0 0 20px;

	list-style-type:none;

	background:url(/site_images/middot.gif) 3px 3px no-repeat;

}



/* sample work box */



.samplework { 

	height:145px; 

	margin-bottom:15px; 

	padding-bottom: 10px;

	border-bottom:2px solid #666666;

	position:relative;

}

.samplework_image { 

	width:201px; height:139px;

	position:absolute;

	left:0; top:0;

}

.samplework_textarea { 

	width:510px; 

	position:absolute;

	right:0; top:0;

}

.samplework_title { 

	display:block;

	text-transform:uppercase;

	font-weight:bold;

	color:#debd04;

	margin:0; padding:0;

}
.samplework a, .samplework a:visited { 
color:#8dc5c5; text-decoration:underline; font-weight:bold;
}



/* who we are page */



.crazyYellow { 

	color:#debd04;

	font-weight:bold;

	text-transform:uppercase;

	margin-bottom:5px;

	padding-bottom:0;

}



.leftbox { 

	width:28%; 

	float:left; 

	border-right:1px solid #666666;

	margin-right:15px;

}



.rightbox { 

	width:67%;

	float:right;

}

.leftbox2 {  

	width:60%;

	float:left; 

	border-right:1px solid #666666;

	padding-right:10px;

	margin-right:15px;

}



.rightbox2 { 

	width:35%;

	float:right;

}





/* contact form */

.form_data { 

	width:500px;

}



.qcol { 

	padding:10px 0;

	text-transform:uppercase;

	border-bottom:1px dotted #666666;

	width:160px;

	margin-right:1px;

}

.acol { 

	border-bottom:1px dotted #666666;

	padding:10px 0;

}

.acol .textinput { 

	height:18px;

}

.acol .textinput, .acol .textareainput { 

	 padding-top:2px;

	margin-top:5px;

	width:350px;

	color:#555555;

	padding-left:2px;

}

.formsubmit { 

	float:right; margin-top:5px;

}







/* Press page */

.pressitem { 

	padding-bottom:10px;

	margin-bottom:15px;

	border-bottom:1px solid #666666;

}

.pressitem_date { 

	font-weight:bold;

	color:#debd04;

}

.pressitem_title { 

	text-transform:uppercase;

}



/* Comment box and elements */

.comment-box {

	margin: 10px 0;

	padding: 10px;

	border: 1px solid #333;

}

.commenter {

	font-size: 1.1em;

	color: #d6201c;

}

.date {

	font-size: .85em;

	color: #333;

}



.pop {/* adds some punch to the element */

	padding: 8px;

	background: #d6201c;

}

	* html .pop {/* needed to overwrite the *html hack above on the box-footer/box-header */

		background: #d6201c;;

	}

.pop a {

	color: #fff;

}

.teaser {/* Wraps the blog post teasers on the front page, or any page for that matter */

	margin: 0 0 15px;

	border-bottom: 2px solid #333;

}

img.see-inside {

	position: absolute;

	padding: 0;

	top: 0;

	right: 0;

}



/* Footer */

#footer {

	background:url(/site_images/footer_bg.jpg) repeat-x;

	padding: 15px 0 15px 0;

	border-top: 1px solid #333;

	font-size: .95em;

}

#footer p {

	color: #ccc;

	text-align:center;

	text-transform:uppercase;

}



.clientlist { 
margin-left:20px; 
}
.clientlist strong { 
color:#fff;
}
.clientlist a, .clientlist a:visited { 
color:#8dc5c5;
}
.clientlist a:hover { 
text-decoration:underline;
}