/*
...........................
Stylesheet:  wlm_global.css
Company:  Whitelightmediallc.com
Author:   Darryl White
Version:  11 December 2007
........................... */
pre, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: "century gothic";
	vertical-align: baseline;
}


body { line-height: 1; background: #fff; margin: 0; }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }


body {
	margin-left: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: white;
	font-size: small;
	}
* 	html body { 
	font-size: x-small; /* for IE5/WIN */
	f\ont-size: small; /*for other IE versions*/
}
body,td,th {
	font-family: "Century Gothic", Verdana, sans-serif;
	color: #666;
}



div.wrapper {
	width: 920px;
	display: block;
	margin-left: auto;
	margin-right: auto; 
	padding-left: 30px;
	padding-right: 30px;
}
div.wrapper_footer { 
	width: 920px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
	padding-left: 30px;
	padding-right: 30px;
}

/*****************************************************/
/* Typography                             		 */
/***************************************************/

/* H1, H2, H3
----------------------------------------------- */

h1 { 
	font-weight: normal;
	font-size: 150%;
	line-height: 130%;
	margin-top: 0px;
	color: #292d34;
}


#main h1 { 
	color: #42719d;
	margin: 0;
	margin-bottom: 10px;
}
div.post h1 { 
	margin-top: 0px;
}
body#studio #main h1 { 
	color: #ebff7f; /* yellowish green*/
}
body#works #main h1 { 
	color: #ffffff;
}
body#store #main h1 { 
	color: #ffffff;
}
body#services #main h1 { 
	color: #fff;
}
body#blog #main h1 { 
	color: #C69C6D;
}
body#contact #main h1 { 
	color: #C7B299;
}
body#clients #main h1 {
	color: #fff;
}

div.services_list h1, div.services_list_final h1 { 
	line-height: 95%;
}
h2 { 
	font-weight: normal;
	font-size: 140%;
	line-height: 170%;
	margin-top: 0px;
	color: #292d34;
	margin-bottom: 10px;
}

span.blog_date { 
	font-weight: normal;
	font-size: 100%;
	line-height: 130%;
	margin: 0px;
	color: #292d34;
	margin-bottom: 10px;
}

h3 { 
	font-weight: normal;
	font-size: 110%;
	margin-top: 5px;
	color: #736357 ;
	margin-bottom: 10px;
}

/* P, SPAN
----------------------------------------------- */
#main p, #main li { 
	line-height: 160%;
	margin: 0;
}
#index_column_blog p { 
	font-size: 120%;
	line-height: 160%;
}

body#blog p.post_date {
	color: #603813;
	margin: 0;
	margin-bottom: -5px;
}
body#welcome p.services_read_more, body#blog p.blog_read_more { 
	font-size: 120%;
	text-align: left;
	color: #42719d;
	margin-bottom: 0;
}
body#blog p.blog_back { 
	font-size: 130%;
	color: #42719d;
	margin-bottom: 0;
}

body#works p.post_date { 
	color: #662d91;
	margin: 0;
	margin-bottom: -5px;
}
body#works p.blog_read_more { 
	font-size: 130%;
	text-align: right;
	color: #662d91;
}
body#works p.blog_back { 
	font-size: 130%;
	color: #662d91;
}

small {
	font-size: 75%;
	font-style:bold;
	color:#0099CC;
}

small_2 {
	font-size: 75%;
	font-style: italic;
	color:#666666;
}

small_studio {
	font-size: 55%;
	font-style:bold;
	color:#666666;
}
/*****************************************************/
/* LINKS                               		 */
/***************************************************/

a { 
	color: #42719d;
	text-decoration: none;
}
a:hover { 
	color: #42719d;
}
ul a:hover { 
	text-decoration: underline;
}
#content p a, div.post p a { 
	border-bottom: 1px dotted #42719d;
}
#content p a:hover, div.post p a:hover { 
	border-bottom: 1px solid #42719d;
}

/* Links studio
---------------------------------------*/
body#studio #internal_content p a { 
	color: #738900;
	border-bottom: 1px dotted #738900;
}
body#studio #internal_content p a:hover{ 
	border-bottom: 1px solid #738900;
}
body#studio #internal_content li a { 
	color: #738900;
	text-decoration: none;
}
body#studio #internal_content li a:hover { 
	color: #738900;
	text-decoration: none;
	border-bottom: 1px dotted #738900;
}

/* Links Works
---------------------------------------*/

body#works #internal_content p a, a.orange { 
	color: #662d91;
	/*border-bottom: 1px solid #662d91;*/
}
body#works #internal_content p a:hover, a.orange:hover { 
	border-bottom: 1px solid #662d91;
}
body#works #internal_column_2 li a { 
	color: #662d91;
}

/* Links Store
---------------------------------------*/
body#store #internal_content p a{ 
	color: #e69801;
	border-bottom: 1px dotted #e69801;
}
body#store #internal_content p a:hover { 
	border-bottom: 1px solid #e65d01;
}

body#store #internal_content p a { 
	color: #981b1b;
	border-bottom: 1px dotted #981b1b;
}
body#store #internal_content p a:hover{ 
	border-bottom: 1px solid #981b1b;
}
/* Links Services
---------------------------------------*/

#content p a, div.post p a { 
	border-bottom: 1px dotted #42719d;
}
#content p a:hover, div.post p a:hover { 
	border-bottom: 1px solid #42719d;
}
#index_column_blog ul a, #footer a { 
	color: #666;
}
h1 a, h1 a:hover, h2 a, h2 a:hover { 
	color: #292d34;
	text-decoration: none;
}

body#studio #main a { 
	color: #fbff9b;
}
body#works #main a { 
	color: #662d91;
}
body#store #main a { 
	color: #fff178;
}
body#services #main a { 
	color: #6c0700;
}
body#blog #main a { 
	color: #78eaff;
}
body#contact #main a { 
	color: #C7B299;
}
body#client #main a {
	color:#00FFFF;
}
body#studio #main a:hover, body#works #main a:hover, body#store #main a:hover, body#services #main a:hover, body#blog #main a:hover, body#contact #main a:hover,
body#clients #main a:hover { 
	text-decoration: underline;
}

body#works #internal_content_2 ul a,
body#blog #internal_column_2 ul a{ 
	color: #666;
}

/* Search */
	.search {
	font-size: 0.9em;
	position: fixed;
	right: 0;
	top: 5px;
	text-align: right;
	white-space: nowrap;
	height: 23px;
}
	.search p { margin: 0; }
	.search .txt { margin: 0; width: 13em; }
	

/*****************************************************/
/* LAYOUT    	                            		 */
/***************************************************/

/* Header
----------------------------------------------- */
#header {
	margin-top: 10px;
	width: 700px;
	height: 157px;
	float: left;
	padding-left: 55px;
}
#header ul { 
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}
#header ul li { 
	float: left;
}
#header ul li a { 
	padding: 7px 9px 7px 10px;
	display: block;
	text-decoration: none;
	color: #666;
	border-right: 1px solid #fff;
}
body#welcome li#menu_menu_welcome a,
body#studio li#menu_menu_studio a, 
body#works li#menu_menu_works a, 
body#store li#menu_menu_store a, 
body#services li#menu_menu_services a, 
body#blog li#menu_menu_blog a, 
body#contact li#menu_menu_contact a, 
body#clients li#menu_menu_client a{ 
	cursor: default;
}
body#welcome li#menu_welcome a, li#menu_welcome a:hover { 
	background: #1B1464;
	border-bottom: 1px solid #000;
	color: #fff;
}


body#intranet li#menu_intranet a, li#menu_intranet a:hover {
	background: #fff url(../img/background/menu_bg.jpg) repeat-x;
	border-bottom: 1px solid #F7931E;
	color: #F7931E;
}
body#studio li#menu_studio a, li#menu_studio a:hover { 
	background: #fff url(../img/background/menu_bg.jpg) repeat-x;
	border-bottom: 1px solid #8CC63F;
	color: #8CC63F;
}
body#works li#menu_works a, li#menu_works a:hover { 
	background: #fff url(../img/background/menu_bg.jpg) repeat-x;
	border-bottom: 1px solid #c1272d;
	color: #c1272d;
}
body#store li#menu_store a, li#menu_store a:hover { 
	background: #fff url(../img/background/menu_bg.jpg) repeat-x;
	border-bottom: 1px solid #662D91;
	color: #662D91;
}
body#services li#menu_services a, li#menu_services a:hover { 
	background: #fff url(../img/background/menu_bg.jpg) repeat-x;
	border-bottom: 1px solid #FCEE21;
	color: #FCEE21;
}
body#blog li#menu_blog a, li#menu_blog a:hover { 
	background: #fff url(../img/background/menu_bg.jpg) repeat-x;
	border-bottom: 1px solid #603813;
	color: #603813;
}
body#contact li#menu_contact a, li#menu_contact a:hover { 
	background: #fff url(../img/background/menu_bg.jpg) repeat-x;
	border-bottom: 1px solid #736357;
	color: #736357;
}

body#clients li#menu_clients a, li#menu_clients a:hover { 
	background: #fff url(../img/background/menu_bg.jpg) repeat-x;
	border-bottom: 1px solid #29ABE2;
	color: #29ABE2;
}

#header h1 { 
	clear: both;
	margin: 0;
	margin-top: 92px;
}
#logo { 
	float: left;
	margin-right: 50px;
}

/* Main
----------------------------------------------- */

#main {
	clear: both;
	background: #1B1464 url(../img/background/back_main_index.gif) repeat-x top;
	height: 235px;
	margin-bottom: 60px;
	padding-top: 20px;
}
#artwork { 
	float:left;
	width: 284px;
	margin-right: 10px;
	margin-bottom: 20px;
	border: 1px solid #fff;
}
#artwork_text {
	float:left;
	width: 335px;
	border-right: 1px solid #fff;
	padding-right: 10px;
	margin-top: 20px;
	margin-right: 15px;
	color: white;
}

#store_artwork_text {
	float:left;
	width: 335px;
	padding: 0px;
	margin: 10px 15px 0px 20px;
	color: white;
}

#artwork_text ul { 
	margin-left: 0px;
	padding-left: 0px;
	list-style: none;
	margin-top: 10px;
}
#artwork_text ul li { 
	float: left;
	margin-right: 30px;
}
#current {
	float:left;
	width: 250px;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 20px;
}
#current ul { 
	margin: 0;
	padding: 0px;
	list-style: none;
}
#current ul li a { 
	background: url(../img/icons/ul_icon_current.gif) no-repeat 0px 50%;
	padding-left: 20px;
	color: #fff;
}

/* Main inner pages
----------------------------------------------- */

body#studio #main { 
	clear: both;
	background: #8CC63F url(../img/background/back_main_studio.gif) repeat-x top;
	height: 225px;
	margin-bottom: 40px;
	padding-top: 20px;
}
body#works #main {
	clear: both;
	background: #c1272d url(../img/background/back_main_work.gif) repeat-x top;
	height: 225px;
	margin-bottom: 40px;
	padding-top: 10px;
}
body#services #main { 
	clear: both;
	background: #FCEE21 url(../img/background/back_main_services.gif) repeat-x top;
	height: 225px;
	margin-bottom: 40px;
	padding-top: 20px;
}
body#blog #main { 
	clear: both;
	background: #603813 url(../img/background/back_main_blog.gif) repeat-x top;
	height: 225px;
	margin-bottom: 40px;
	padding-top: 20px;
}
body#contact #main { 
	clear: both;
	background: #736357 url(../img/background/back_main_contact.gif) repeat-x top;
	height: 225px;
	margin-bottom: 40px;
	padding-top: 20px;
}
body#store #main {
	clear: both;
	background: #662D91 url(../img/background/back_main_store.gif) repeat-x top;
	height: 225px;
	margin-bottom: 40px;
	padding-top: 20px:
}

body#clients #main {
	clear: both;
	background: #29ABE2 url(../img/background/back_main_clients.gif) repeat-x top;
	height: 225px;
	margin-bottom: 40px;
	padding-top: 20px;
}

body#services #inner_featured_text_1 p, 
body#services #inner_featured_text_2 p {
	color: #666;
}

body#studio #inner_featured_text_1 p, 
body#studio #inner_featured_text_2 p,
body#store #inner_featured_text_1 p, 
body#store #inner_featured_text_2 p,
body#blog #inner_featured_text_1 p,
body#blog #inner_featured_text_2 p,
body#contact #inner_featured_text_1 p, 
body#contact #inner_featured_text_2 p,
body#clients #inner_featured_text_1 p,
body#clients #inner_featured_text_2 p { 
	color: #ffffff;
}
body#works #inner_featured_text_1 p,  
body#works #inner_featured_text_2 p {
	color: #ffffff;
	background-image: none;
}

body#services #inner_featured_text_1,  
body#services #inner_featured_text_2  {
	background-image: none;
}


#inner_featured_text_1 {
	float:left;
	width: 400px;
	border-right: 1px solid #fff;
	padding-right: 20px;
	margin-top: 20px;
}
#inner_featured_text_2 {
	float:left;
	width: 400px;
	margin-top: 20px;
	margin-left: 30px;
}

#storeinner_featured_text_2 {
	float:left;
	width: 200px;
	margin-top: 20px;
	margin-left: 30px;

}

/* Content
----------------------------------------------- */

#content { 
	float: left;
	margin-bottom: 60px;
	line-height: 160%;
}

.main_column_1 { 
	width: 250px;
	margin-right: 42px;
	float: left;
}

.main_column_2 { 
	width: 250px;
	float: left;
}
.main_column_1 ul { 
	margin: 0;
	padding: 0;
	list-style: none;
}
.main_column_1 ul li { 
	background: url(../img/icons/ul_icon.gif) no-repeat left 50%;
	padding-left: 15px;
	line-height: 200%;
}
#main_column_1 img, #main_column_2 img { 
	float: right;
	margin-left: 5px;
}
.index_column_1 { 
	width: 250px;
	margin-right: 42px;
	float: left;
}



/* Internal Content
----------------------------------------------- */

#internal_content { 
	float: left;
	line-height: 160%;
}
body#services #internal_content_full { 
	width: 860px;
	float: left;
	margin-bottom: 60px;
}
div.services_list {
	float: left;
	margin-right: 55px;
	width: 170px;
	line-height: 120%;
}
div.services_list_final { 
	line-height: 140%;
	float: left;
	width: 170px;
}

div.clients_list {
	float: left;
	margin-right: 35px;
	width: 275px;
	line-height: 120%;
}
div.clients_list_final { 
	line-height: 140%;
	float: left;
	width: px;
}

body#store #internal_column_full { 
	width: 860px;
	float: left;
	margin-bottom: 60px;
}
div.store_list { 
	float: left;
	margin-right: 60px;
	width: 246px;
	line-height: 140%;
}
div.store_list_final { 
	line-height: 140%;
	float: left;
	width: 246px;
}
#internal_column_contact_1 { 
	width: 550px;
	margin-right: 61px;
	float: left;
}

#internal_column_contact_2 { 
	width: 250px;
	line-height: 25%;
	float: left;
}

#internal_column_1 { 
	width: 400px;
	margin-right: 61px;
	float: left;
}

#internal_column_2 { 
	width: 400px;
	float: left;
}

body#blog #internal_column_1 { 
	width: 582px;
	margin-right: 30px;
	float: left;
}
body#works #internal_column_1 { 
	width: 582px;
	margin-right: 30px;
	float: left;
}
body#blog #internal_column_2, body#works #internal_column_2 { 
	width: 250px;
	float: left;
}

div.post { 
	margin-bottom: 60px;
	padding-right: 30px;
}

div.sheet { 
	margin-bottom: 60px;
	float: left;
}



/* LI, LIST, for all the pages
----------------------------------------------- */

#internal_column_full ul,
body#works #internal_column_1 ul,
body#blog #internal_column_1 ul,
body#studio #internal_column_1 ul
 { 
	margin: 0;
	padding: 0;
	list-style: none;
}


body#works #internal_column_2 ul,
body#blog #internal_column_2 ul, 
body#studio #internal_column_2 ul{ 
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 30px;
	padding: 0;
	list-style: none;
}


#internal_column_2 ul { 
	padding-bottom: 20px;
}

body#clients #internal_column_full li {
	padding-left: 17px;
	background: url(../img/icons/ul_icon.gif) no-repeat 0 4px;
	padding-bottom: 10px;
}
	

body#store #internal_column_full li { 
	padding-left: 17px;
	/*background: url(../img/icons/ul_icon.gif) no-repeat 0 4px;*/
	padding-bottom: 10px;
}
body#services #internal_column_full li { 
	padding-left: 17px;
	background:  url(../img/icons/ul_icon.gif) no-repeat 0 5px;
	padding-bottom: 10px;
}
body#blog #internal_column_1 li, body#blog #internal_column_2 li { 
	padding-left: 17px;
	background: url(../img/icons/ul_icons.gif) no-repeat 0 5px;
}
body#works #internal_column_1 li, body#works #internal_column_2 li { 
	padding-left: 17px;
	background: url(../img/icons/ul_icons.gif) no-repeat 0 5px;
}
body#studio #internal_column_1 li, body#studio #internal_column_2 li { 
	padding-left: 17px;
	background: url(../img/icons/ul_icons.gif) no-repeat 0 5px;

}

/* Footer
----------------------------------------------- */

#footer { 
	clear: both;
	height: 200px;
	background: #cccccc url(../img/background/footer_back.jpg) repeat-x top;
	padding-top: 25px;
	line-height: 140%;
}
#footer a {
	font-family: "Century Gothic", Verdana, sans-serif;
	color: #333;
}

#footer h1 { 
	margin-bottom: 5px;
	margin-top: 0px;
	color: #333;
	font-size: 160%;
}


#footer ul { 
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer li { 
	float: left;
}
#footer_nav { 
	padding-left:30px;
	float: left;
	width: 275px;
	border-right: 1px solid #333;
}
#footer_payment { 
	padding-left:20px;
	float: left;
	width: 275px;
	border-left: 1px solid #333;
	color: #333;
}

#footer_nav li.left { 
	width: 70px;
	margin-right: 20px;
}
#footer_nav li.middle {
	width: 70px;
	margin-right: 20px;
}

#footer_nav li.right { 
	width: 70px;
}

#contact_us { 
	float: left;
	width: 220px;
	padding-left: 30px;
	font-family: "Century Gothic", Verdana, sans-serif;
	color: #333;
}


/*___________________Forms__________________*/
form {
	padding: 5px;
	font-family: "Century Gothic", Verdana, sans-serif;
	color: #333333;
	margin-top: 0;
	margin-right:51px;
	margin-bottom: 0;
	margin-left: 0px;
	width: 500px;
	font-weight: normal;
	text-align: left;
	display: block;
	line-height: 20px;
}