/* CSS Document */

/* Mourlam Studios Styles Sheet */

/* Global */

html,body
{
	font-size: 14px;
	color: #636363;
	font-family: Arial, helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #1A1A1A;
	line-height: 22px;
	height:100%;
}

h1
{
	font-family: "league-gothic-1","league-gothic-2",Arial, helvetica, sans-serif;
	font-size: 48px;
	font-weight: normal;
	color: #1a1a1a;
	margin: 0px;
	padding: 0px;
	line-height: 48px;
}

h3
{
	font-family: arial,Helvetica,sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #1a1a1a;
	margin: 0px;
	padding: 0px;
}

hr
{
	border: 0px;
	color: #E1E1E1;
	/*border-bottom: 1px solid #E1E1E1;	*/
	background: url(../images/hr-1.png);
	height: 15px;
}

hr.dots
{
	border: 0px;
	color: #E1E1E1;
	border-bottom: 0px solid #E1E1E1;	
	background: transparent url(../images/divider_style2.png) repeat-x;
	height: 2px;
}

hr.fat
{
	border: 0px;
	color: #1a1a1a;
	border-bottom: 10px solid #1a1a1a;
	background-image: none;
	height: 0px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

a
{
	font-size: 16px;
	color: #323232;
	font-weight: bold;
	text-decoration: none;
}

a:hover
{
	color: #fff;
	background-color: #323232;
}

/* Inverted link */

.inv a
{
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background-color: #323232;
	padding-left: 7px;
	padding-right: 7px;
}

.inv a:hover
{
	color: #fff;
	background-color: #ff9900;
}

.dark
{
	color: #1A1A1A;	
}




/* Main wrapper */
/*#menu_background
{
	width: 100%;
	background: #1A1A1A url(../images/menu_bk.png) repeat-x;
	
	height: 55px;
	overflow: visible;
	position: fixed;
	z-index: 1001;
}*/

#menu_background
{
	width: 100%;
	/*background-color: #fff;*/
	background: #000 url(../images/main_menu_bk.jpg) repeat-x;
	height: 61px;
	overflow: visible;
	z-index: 1001;
	border-bottom: 4px solid #ff9900;
	border-top: 1px solid rgba(255,255,255,.15);
	
	position: fixed;
}

#menu_wrapper
{
	width: 960px;
	position: relative;
	margin: 0 auto;	
	overflow: visible;
}

#menu_logo
{
	text-indent: -999em;
	width: 176px;
	height: 36px;
	background: url(../images/mourlam-studios-logo.png) no-repeat;
	float: left;
	position: absolute;
	top: 12px;
}

#menu
{
	float: right;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 600px;
	height: 61px;
	border-right: 1px solid rgba(255,255,255,.15);
}

#menu li
{
	display: block;
	text-align: right;
	float: right;
	font-size: 14px;
	
}

/*#menu li:last-child
{
	padding-right: 0px;
	border-right: 0px;
}*/

#menu li a
{
	/*font-family: "league-gothic-1","league-gothic-2",Arial, helvetica, sans-serif;*/
	font-family: arial, helvetica, sans-serif;
	display: block;
	color: #787878;
	
	text-decoration: none;
	
	padding-left: 15px;
	padding-right: 15px;
	font-weight: bold;
	height: 61px;
	font-size: 14px;
	border-right: 1px solid #000;
	border-left: 1px solid rgba(255,255,255,.15);
	
	/* Background */
	background: url(../images/mourlam-main_menu_bk.jpg) repeat-x;
	
	-moz-box-shadow: 0px 0px 0px #333;
	-webkit-box-shadow: 0px 0px 0px #333;
	box-shadow: 0px 0px 0px #333;	
}

#menu li a span
{
	position: relative;
	top: 17px;
	text-shadow: 1px 1px 0px #000;
}

#menu li a:hover
{
	color: #fff;
	background-color: transparent;
	opacity: 1;
	
	/* Background */
	background: url(../images/main_menu_bk_hi.jpg) repeat-x;
	
	-moz-box-shadow: 0px 0px 5px #333;
	-webkit-box-shadow: 0px 0px 5px #333;
	box-shadow: 0px 0px 5px #333;	
}

#menu li .selected
{
	color: #fff;
	background-color: transparent;
	opacity: 1;
	
	/* Background */
	background: url(../images/main_menu_bk_hi.jpg) repeat-x;
	
	-moz-box-shadow: 0px 0px 5px #333;
	-webkit-box-shadow: 0px 0px 5px #333;
	box-shadow: 0px 0px 5px #333;	
}

/************************************/
/* Header Image */
/************************************/

#header_image_background
{
	width: 100%;
	background: #cacaca;
	height: 430px;
	border-bottom: #aaa 1px solid;
	position: relative;
	text-align: center;
}

#header_carousel
{
	width: 960px;
	margin: 0 auto;
}

.header_image_bk
{
	float: left;	
}

#header_nav_wrapper
{
	position: relative;
	width: 960px;
	margin: 0 auto;
	z-index: 1000;
}
	
#header_nav
{
	position: absolute;
	float: right;
	top: 400px;
	left: 0px;
	z-index: 1000;	
}

#header_nav a:link
{
	display: block;
	width: 17px;
	height: 17px;
	background: url(../images/carousel/normal.png) no-repeat;
	text-indent: -9999px;
	background-color: transparent;	
	float: left;
	margin-left: 2px;
}

#header_nav a:hover
{
	background: url(../images/carousel/hover.png) no-repeat;
	background-color: transparent;	
}

#header_nav a:first-child
{
	margin-left: 0px;
}

.activeSlide:link
{
	background: url(../images/carousel/active.png) no-repeat !important;
	background-color: transparent;	
}

#lower_header_bar
{
	width: 100%;
	background: #1a1a1a url(../images/lower_header_bar.png) repeat-x;
	height: 23px;
}


/* Content wrapper */

#main_bk
{
	width: 100%;
	background: url(../images/main-background.jpg) repeat-y center;	
}

#main_wrapper
{
	width: 960px;
	margin: 0 auto;
	background: #fff url(../images/left-column-bk.jpg) repeat-y;
}

#left_column
{
	width: 260px;
	background: transparent;
	float: left;
}

#page_wrapper
{
	width: 	699px;
	background-color: #fff;
	float: right;
}

#page_content
{
	padding-left: 20px;
}

.page_link:link
{
	font-size: 14px;
	color: #000;
	font-family: Arial, helvetica, sans-serif;
	line-height: 22px;
	border-bottom: 1px solid #ff9900;
	text-decoration: none;
	font-weight: normal;
}

.page_link:visited
{
	font-size: 14px;
	color: #000;
	font-family: Arial, helvetica, sans-serif;
	line-height: 22px;
	border-bottom: 1px solid #ff9900;
	text-decoration: none;
	font-weight: normal;
}

.page_link:hover
{
	color: #fff;
	background-color: #ff9900;
}

.page_link:active
{
	
}

/* Div clear */
.clear
{
	clear: both;
	height: 1px;	
}

#page_content_right_panel
{
	float: right;
	width: 200px;
	font-size: 12px;
	border-left: 1px solid #E1E1E1;
	padding-left: 20px;
}

.page_content_right_wrapper
{
	float: right;	
	width: 260px;
}

.page_content_right_list
{
	float: right;
	width: 240px;
	font-size: 12px;
	padding-left: 20px;
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #E1E1E1;
}

.page_content_right_list li
{
	border-left: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	border-right: 1px solid #E1E1E1;
	margin: 0px;
	background-color: #f7f7f7;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 14px;
}

.page_content_right_list .header
{
	border-left: 1px solid #1A1A1A;
	border-bottom: 1px solid #1A1A1A;
	border-right: 1px solid #1A1A1A;
	margin: 0px;
	background-color: #1A1A1A;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 14px;
}

.page_content_right_list li h3
{
	font-size: 12px;
	color: #fff;
	padding: 0px;
	margin: 0px;	
}



/************************************/
/* Left column widgets */
/************************************/

.left_column_widget
{
	width: 240px;
	color: #636363;	
}

.left_column_widget_dark
{
	width: 200px;

	background-color: #1A1A1A;
	color: #838383;
	padding: 20px;
}

.left_column_widget_dark h1
{
	font-size: 36px;
	color: #fff;
	line-height: 36px;
	margin: 0px;
}

.widget_spacer
{
	width: 100%;
	height: 20px;	
}

/* Twitter widget */
.tweet_me a
{
	color: #fff;
	border-bottom: 1px solid #6adbfc;
	background-color: transparent;
	font-size: 14px;
}

.tweet_me a:hover
{
	color: #1A1A1A;
	border-bottom: 1px solid #1A1A1A;	
	background-color: #6adbfc;
}

/* Famous quotes widget */
.famous_quotes
{
	float: left;
	background-image: url(../images/chat-icon.png);	
	width: 48px;
	height: 40px;
}


/************************************/
/* Work page */
/************************************/

#work_indicator_wrapper
{
	float: right;
	margin-top: -7px;
	left: 500px;
	width: 146px;
	height: 65px;
	background: url(../images/work/work-type-indicator-proto.gif);	
}

.work_piece
{
	width: 330px;
	float: left;	
	height: 240px;
}

.work_piece:nth-child(odd)
{
	margin-left: 15px;
}

.work_piece .image_wrap
{
	border: 1px solid #E1E1E1;
	background-color: #F7F7F7;
	width: 330px;
	height: 155px;
}

.work_piece .image_wrap img
{
	margin-left: 10px;
	margin-top: 10px;	
}

.work_piece .overlay
{
	position: absolute;
	background: url(../images/work-overlay.png);
	margin-left: 10px;
	margin-top: 10px;
	z-index: 999;
	width: 310px;
	height: 135px;
}

.work_piece .spacer
{
	margin-top: 10px;
	line-height: 15px;
}

/************************************/
/* Footer */
/************************************/

#footer_bk
{
	width: 100%;
	
}

#footer_wrapper
{
	position: relative;
	margin: 0 auto;
	width: 960px;
	font-size: 12px;
	line-height: 16px;	
}

#footer_wrapper a
{
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

#footer_wrapper a:hover
{
	color: #1A1A1A;
	background-color: #fff;
}

.location
{
	background: url(../images/plus-sign.gif) no-repeat;
	background-position: 0 3px;
	padding-left: 15px;
	float: left;
	width: 140px;	
}

.follow_links
{
	padding-right: 15px;
	float: right;
	width: 140px;	
}

/*.follow_links .follow_facebook a:link
{
	width: 54px;
	height: 54px;
	background: url(../images/facebook.png) no-repeat;	
	text-indent: -999em;
	color: transparent;
	background-color: transparent;
}

.follow_links .follow_facebook a
{
	width: 54px;
	height: 54px;
	background: url(../images/facebook.png) no-repeat;	
	text-indent: -999em;
	color: transparent;
	background-color: transparent;
}

.follow_links .follow_facebook a:hover
{
	width: 54px;
	height: 54px;
	background: url(../images/facebook.png) no-repeat;	
	text-indent: -999em;
	color: transparent;
	background-color: transparent;
}*/



.location b
{
	color: #fff;	
}

.location h3
{
	font-size: 12px;
	color: #fff;
	margin: 0px;
	padding: 0px;	
}

/************************************/
/* Design Quotes */
/************************************/
blockquote
{
	color: #000;	
}


/************************************/
/* Newsletter signup box */
/************************************/

.drop_shadow
{
	-moz-box-shadow: 0px 0px 5px #333;
	-webkit-box-shadow: 0px 0px 5px #333;
	box-shadow: 0px 0px 5px #333;	
}

#newsletter_widget
{
	width: 320px;
	height: 40px;	
	/*border: 1px solid #CCCCCC;*/
	position: absolute;
	top: 50px;
	left: 620px;
	background-color: #dfdfdf;
	z-index: 999;
	
	/*border-radius-bottom-left: 10px;
	-moz-border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	
	border-radius-top-right: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;*/
}

#newsletter_success
{
	background-color:#ff9900;
	color: #fff;
	font-size: 11px;	
	
	position: absolute;
	top: 39px;
	left: 7px;
	padding-left: 5px;
	padding-right: 5px;
	
	display: none;
}

/************************************/
/* Buttons */
/************************************/

.button_1 a
{
	background-color: #323232;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #323232;	
	position: absolute;
	left: 249px;
	top: 7px;
	height: 23px;
	width: 62px;
	text-align: center;
}

.button_1 a:hover
{
	background-color: #fff;
	color: #323232;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #ccc;	
}

.button_1_loading
{	
	position: absolute;
	left: 269px;
	top: 7px;
	height: 23px;
	width: 23px;
}

.newsletter_input
{
	border: 1px solid #ccc;
	width: 225px;
	height: 21px;
	position: absolute;
	left: 7px;
	top: 7px;
	color: #323232;
	padding-left: 7px;
	outline: none;
}


/* Standard button style */
.button a
{
	background-color: #323232;
	color: #fff;
	font-size: 11px;
	font-weight: normal;	
	height: 23px;
	width: 62px;
	text-align: center;
	padding: 5px;
	border: 1px solid #323232;	
}

.button a:hover
{
	background-color: #fff;
	color: #323232;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #ccc;	
}

.news_border
{
	border: 1px solid #888;
}

.news_preview_right
{
	float: right;
	width: 300px;	
}

/* form fields */
.text_input_type1
{
	background: #fff url(../images/forms/text-input-1.jpg) no-repeat;
	width: 416px;
	height: 31px;
}

.text_input_type1 input
{
	outline: 0px;
	border: 0px;
	width: 400px;
	margin-left: 5px;
	height: 25px;
	background: transparent;
}

.text_area_input_type1
{
	background: #fff url(../images/forms/text-area-input-1.jpg) no-repeat;
	width: 416px;
	height: 123px;
}

.text_area_input_type1_input
{
	outline: 0px;
	border: 0px;
	width: 405px;
	margin-left: 5px;
	height: 117px;
	background: transparent;
	resize: none;
}

.required_field
{
	color: #ff9900;
	font-size: 14px;
	font-family: "Myriad Pro",Arial,Helvetica;
}

/* Preloader classes */
.preload
{
	height: 1px;
	display: none;	
}


/************************************/
/* News Widget */
/************************************/

.news_widget
{
	
}	

ul.news_list li a
{
	position: relative;
	display: block;
	font-size: 16px;
	color: #323232;
	font-weight: bold;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.news_list li a:hover
{
	display: block;
	font-size: 16px;
	color: #323232;
	font-weight: bold;
	text-decoration: none;
	background-color: transparent;
}

ul.news_list li:hover span 
{
	color: #fff;
	background-color: #323232;
	/*padding-right: 13px;*/
}

ul.news_list li:hover span:after
{
	/*content: url(../images/arrow-type2.png);*/
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
}

ul.news_list li em
{
	font-size: 11px;
	color: #888;	
	font-weight: normal;
	font-style: normal;	
}

.dater
{
	font-size: 11px;
	color: #636363;	
}

.news_toolbar_widget
{
	float: right;	
}

/************************************/
/* ABOUT US */
/************************************/

.number
{
	width: 200px;
	height: 40px;
}	

.num_1
{
	background: #fff url('../images/numbers/01.jpg') bottom right no-repeat;	
}

.num_2
{
	background: #fff url('../images/numbers/02.jpg') bottom right no-repeat;	
}

.num_3
{
	background: #fff url('../images/numbers/03.jpg') bottom right no-repeat;	
}

.number h3
{
	display: inline;
	border: 0px;
	border-top: 5px solid #000;
	padding-top: 5px;
	float: left;
	bottom: 20px;
}

.quotes_large
{
	font-family: Georgia, "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 24px;
	color: #1a1a1a;
	font-style: italic;
	display: block;
	line-height: 32px;
	padding-top: 10px;
	padding-bottom: 15px;
}

.quotes_large strong
{
	font-weight: normal;
}

.quotes_large strong:before
{
	content: url(../images/block-quote-left.png);
	padding-right: 10px;	
}

.quotes_large strong:after
{
	content: url(../images/block-quote-right.png);
	padding-left: 10px;
}

.quotes_large em
{
	font-size: 14px;
}

ul.staff li a
{
	width: 	219px;
	height: 200px;
	background-color: #1a1a1a;
	float: left;
	margin-left: 10px;
	margin-top: 10px;
	display: block;
}

ul.staff li:first-child a
{
	margin-left: 0px;
}

ul.staff li:nth-child(4n) a
{
	margin-left: 0px;	
}

ul.staff li a span
{
	display: block;
	position: relative;
	width: 219px;
	height: 200px;	
}

ul.staff li a em
{
	position: absolute; 
	font-size: 30px;
	color: #fff;
	display: block;
	bottom: 30px;
	font-weight: bold;
	font-size: 13px;
	background-color: #1a1a1a;
	font-style: normal;
	padding-left: 3px;
	padding-right: 3px;
	left: 10px;
}

ul.staff li a strong
{
	position: absolute; 
	font-size: 30px;
	color: #fff;
	display: block;
	bottom: 10px;
	font-weight: normal;
	font-size: 11px;
	background-color: #ff9900;
	font-style: italic;
	padding-left: 3px;
	padding-right: 3px;
	left: 10px;
}

ul.staff li a .staff_base_img
{
	position: absolute; 
	top: 0px;
	left: 0px;
	display: block;
}

ul.staff li a .staff_overlay
{
	position: absolute; 
	top: 0px;
	left: 0px;
	display: block;
	background: transparent url(../images/overlay.png);
	width: 219px;
	height: 200px;
}

/************************************/
/* STANDARD LAYOUT STYLES */
/************************************/


.three_col
{
	width: 	200px;
	float: left;
	margin-left: 38px;
	margin-top: 10px;
}

.three_col:first-child
{
	margin-left: 0px;
}


/************************************/
/* LISTS */
/************************************/

ul.list_type1
{
	list-style-type: none;
}

ul.list_type1 li
{
	background-image: url(../images/arrow-type2.png);	
	background-repeat: no-repeat;
	background-position: 0 center;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #444;
}

/************************************/
/* CLIENTS GRID */
/************************************/

ul.clients_grid
{
	background: #fff url(../images/clients_grid_bk.gif) repeat-x;
}

ul.clients_grid li
{
	background: #ff9900 url(../images/clients_grid_bk.gif) repeat-x;
}

ul.clients_grid li a
{
	border: 0px solid transparent;
	float: left;
	display: block;
	overflow: hidden;
	width: 224px;
	height: 150px;
	margin-right: 0px;
	margin-top: 0px;	

	background: transparent;
	border-right: 1px solid #EDEDED;
	border-bottom: 1px solid #EDEDED;
}


/* SUBMIT BUTTONS */
.submit_button
{
	background-color: #323232;
	color: #fff;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #323232;	
	height: 23px;
	width: 62px;
	text-align: center;
	cursor: pointer;
}

.submit_button:hover
{
	background-color: #fff;
	color: #323232;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #ccc;	
}

.page_content_right_wrapper a:link
{
	border-bottom: 1px solid #ff9900;
	font-weight: normal;
	font-size: 12px;
	color: #636363;
}

.page_content_right_wrapper a
{
	border-bottom: 1px solid #ff9900;
	font-weight: normal;
	font-size: 12px;
	color: #636363;
}

.page_content_right_wrapper a:hover
{
	border-bottom: 1px solid #333;
	font-weight: normal;;
	font-size: 12px;
	color: #333;
	background-color: transparent;
}


/* GLOBAL SELECTION BK COLOR */
::selection {
        background: #ff9900; /* Safari */
		color: #fff;
        }
::-moz-selection {
        background: #ff9900; /* Firefox */
		color: #fff;
}

/* NEWSLETTER SIGNUP FOR FOOTER */

#newsletter_signup
{
	position: absolute;
	right: 0px;	
}

#newsletter_signup h3
{
	font-family: "league-gothic-1","league-gothic-2",Arial, helvetica, sans-serif;
	font-size: 23px;
	font-weight: normal;
	color: #444;
	margin: 0px;
	padding: 0px;
	line-height: 26px;
}

#newsletter_signup input[type="text"]
{
	font-size: 12px;
	color: #ccc;
	padding: 5px;	
}

/* Lower navigation */
#lower-navigation-wrapper
{
	width: 960px;
	background: transparent url('../assets/lower-nav-bar-bk.jpg') no-repeat;
	height: 134px;
}