@charset "UTF-8";
/* CSS Document */


/* --- TAG DEFAULTS ---------------------------------------------------- */
* {margin:0px; padding:0px;}

a {text-decoration:none; padding-bottom:2px; border-bottom:1px dotted;}

	a.yellow_button{
		background:#EDB811 url(../_images/layout/yellowButton_bg.png) repeat-x;
		display:block; width:74px/*80*/; height:14px/*20*/; padding:2px; border:1px #808080 solid;
		text-decoration:none; color:#FFFFFF; font-weight:bold; text-align:center; font-size:11px;}
	a.image_link {padding:0px; border:none;}

body {background:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#845C2B;}

div {position:relative;}

h1 {font-family:Arial; font-weight:bold; font-size:23px; text-decoration:none; border:none;}

h2 {
	font-family:"Times New Roman", Times, serif; font-weight:bold; font-size:22px; color:#4D2C0B;
	height:26px; margin-bottom:20px;}
		
h3 {font-size:18px; color:#845C2B; margin-bottom:10px;}
	h3 a {color:#845C2B;}

h4 {font-size:12px; color:#4D2C0B; margin-bottom:5px;}
	h4 a {color:#4D2C0B;}

img {border:none;}
	p img {float:left; margin-right:10px; margin-bottom:10px; padding:5px; border:1px solid #C19043;}

p {color:#845C2B; line-height:18px; margin-bottom:15px;}



/* --- GLOBAL CLASSES ------------------------------------------------------------------------------------------------------------ */
a.read_more {text-decoration:none; font-weight:bold; display:block; width:100%; text-align:right;}
.clear_it {clear:both;}
div.readMore_button {width:100%; height:18px;}
div.readMore_button a.yellow_button {position:absolute; right:0px;}




/* --- GLOBAL IDEENTIFIERS ------------------------------------------------------------------------------------------------------------ */
#testimonial_list li {
	background:#ffffff url(../_images/layout/quote.png) no-repeat; list-style:none;
	padding-left:25px; margin-bottom:30px;}
#testimonial_list cite {font-weight:bold; display:block; margin-top:10px; color:#845C2B; font-style:normal;}




/* --- PAGE LAYOUTS Start ------------------------------------------------------------------------------------------------------------ */
#page_body {width:100%; height:auto;}
#pageBody_wrap {
	width:864px/*964*/; min-height:580px; padding:0px 50px; padding-top:20px; margin:0px auto;
	background:#ffffff url(../_images/layout/pagebodyWrap_bg.png) no-repeat;}

	#sidebar div + div {margin-top:50px;}
	#subject div + div {margin-top:50px;}
	
	/* >>>>>>>>>>>>>>>>>>> Onc-Column Layout starts <<<<<<<<<<<<<<<<<<<<<<< */
	body.one_column #subject {width:864px; height:auto;}
	body.one_column #sidebar {width:0px; height:0px; display:none;}
	/* >>>>>>>>>>>>>>>>>>> Onc-Column Layout ends <<<<<<<<<<<<<<<<<<<<<<< */

	/* >>>>>>>>>>>>>>>>>>> Left-Sidebar Layout starts <<<<<<<<<<<<<<<<<<<<<<< */
	body.left_sidebar #sidebar {width:325px; height:auto; margin-right:539px; float:left; margin-bottom:75px;}
	body.left_sidebar #sidebar div {width:275px/*325*/; padding-right:40px;}
	body.left_sidebar #subject {width:539px; height:auto; margin-left:-539px; float:right; margin-bottom:75px;}
	/* >>>>>>>>>>>>>>>>>>> Left-Sidebar Layout ends <<<<<<<<<<<<<<<<<<<<<<< */

	/* >>>>>>>>>>>>>>>>>>> Right-Sidebar Layout starts <<<<<<<<<<<<<<<<<<<<<<< */
	body.right_sidebar #subject {width:539px; height:auto; margin-right:539px; float:left; margin-bottom:75px;}
	body.right_sidebar #sidebar {width:325px; height:auto; margin-left:-539px; float:right; margin-bottom:75px;}
	body.right_sidebar #sidebar div {width:275px/*325*/; padding-left:40px;}
	/* >>>>>>>>>>>>>>>>>>> Right-Sidebar Layout ends <<<<<<<<<<<<<<<<<<<<<<< */
	




/* --- PAGE HEADER Starts ------------------------------------------------------------------------------------------------------------ */
#page_header {width:100%; height:100px; background:#4D2C0B; margin-bottom:2px;}
#pageHeader_wrap {width:984px/*984*/; height:auto; margin:0px auto}

	#logo {width:350px; height:150px; margin:0px auto;}
	#logo a {color:#ffffff;}
	#logo a * {text-decoration:none; border:none;}




/* MAIN MENU Starts ------------------------------------------------------------------------------------------------------------ */

#main_menu {width:100%; height:42px; clear:both; background:#C19043 url(../_images/layout/mainMenu_bg.png);}
#mainMenu_wrap {width:968px/*968*/; height:42px; margin:0px auto; color:#ffffff}

	#main_menu ul {list-style:none;}	
	#main_menu ul li {position:relative; float:left;}

	#main_menu a {	
		width:161px; height:42px; display:block; border-bottom:none; padding:0px;
		background:url(../_images/layout/main_menu.png) no-repeat;
		}
		#main_menu a * {display:none}

		/*--- idle ---*/
		#main_menu #blank_menu {background-position: 0px 0px; width:163px}
		#main_menu #home_menu {background-position: -163px 0px;}
		#main_menu #services_menu {background-position: -324px 0px;}
		#main_menu #portfolio_menu {background-position: -485px 0px;}
		#main_menu #about_menu {background-position: -646px 0px;}
		#main_menu #contact_menu {background-position: -807px 0px;}

		/*--- hover ---*/
		#main_menu #home_menu:hover {background-position: -163px -42px;}
		#main_menu #services_menu:hover {background-position: -324px -42px;}
		#main_menu #portfolio_menu:hover {background-position: -485px -42px;}
		#main_menu #about_menu:hover {background-position: -646px -42px;}
		#main_menu #contact_menu:hover {background-position: -807px -42px;}

		/*--- selected ---*/
		#main_menu #home_menu.selected {background-position: -163px -84px;}
		#main_menu #services_menu.selected {background-position: -324px -84px;}
		#main_menu #portfolio_menu.selected {background-position: -485px -84px;}
		#main_menu #about_menu.selected {background-position: -646px -84px;}
		#main_menu #contact_menu.selected {background-position: -807px -84px;}



/* --- FMA Starts ------------------------------------------------------------------------------------------------------------ */
#fma {width:100%; height:auto; margin-bottom:3px; background:#4D2C0B;}
#fma_wrap {width:968px/*968*/; height:228px; margin:0px auto; background:#ffffff;}



/* --- ARTISTIC BLOCKS Start ------------------------------------------------------------------------------------------------------------ */
#artistic_bars {
	width:100%; height:10px; margin-bottom:20px; clear:both;
	background:#4D2C0B url(../_images/layout/artistic_bars.png) repeat-x;}





/* --- PAGE FOOTER Starts ---------------------------------------------------------------------------------------------------------- */
#page_footer {width:100%; height:100px; margin-bottom:0px; background:#C19043  url(../_images/layout/artistic_bars.png) repeat-x; clear:both;}
#pageFooter_wrap {width:970px/*990*/; height:30px; padding:10px; padding-top:50px; margin:0px auto;}
	#pageFooter_wrap, #pageFooter_wrap a {color:#FFFFFF;}
	#website_credits {width:485px; margin-left:-485px; float:left; text-align:right;}
		#website_credits img {float:right; margin-left:5px;}
	#website_copyright {width:485px; margin-right:485px; float:left;}




/* PAGE SPECIFIC CSS Begins -------------------------------------------------------------------------------------------------------- */


	/* >>>>>>>>>>>>>>>>>>> HOME PAGE Starts <<<<<<<<<<<<<<<<<<<<<<< */
	#resources h3 {font-weight:normal; font-size:16px;}
	#resource_list {background:#ffffff url(../_images/assets/designResources_icon.png) no-repeat; padding-left:70px; list-style:none;}
	#resource_list li {margin-bottom:25px;}

	#tips ul {margin-left:15px; margin-top:15px; margin-bottom:30px;}
		#tips ul li {margin-bottom:10px;}
	/* >>>>>>>>>>>>>>>>>>> HOME PAGE Ends <<<<<<<<<<<<<<<<<<<<<<< */
	

	/* >>>>>>>>>>>>>>>>>>> SERVICES Page Starts <<<<<<<<<<<<<<<<<<<<<<< */
	#designExpertise_list {margin-left:15px; margin-top:15px; margin-bottom:30px;}
		#designExpertise_list li {margin-bottom:10px; font-weight:bold;}
	/* >>>>>>>>>>>>>>>>>>> SERVICES Page Starts <<<<<<<<<<<<<<<<<<<<<<< */


	/* >>>>>>>>>>>>>>>>>>> CONTACT Page Start <<<<<<<<<<<<<<<<<<<<<<< */
	#contact_form {width:539px/*539*/; color:#4D2C0B;}
		input.text, textarea {padding:2px; width:500px; font-size:16px; font-family:Arial, Helvetica, sans-serif; border:1px #4D2C0B solid;}
		input.submit {margin:10px 0px;}
		label {margin-top:20px; margin-bottom:5px; display:block; font-weight:bold;}
		label em {color:#C00106; font-size:10px; text-transform:uppercase; font-weight:bold; font-style:normal;}
	
	#contact_form ul {line-height:24px;list-style:none;}	
	/* >>>>>>>>>>>>>>>>>>> CONTACT Page End <<<<<<<<<<<<<<<<<<<<<<< */
	

	/* >>>>>>>>>>>>>>>>>>> MESSAGE SENT Page Starts <<<<<<<<<<<<<<<<<<<<<<< */
	#whatNext_list {margin-left:15px; margin-top:15px; margin-bottom:30px;}
		#whatNext_list li {margin-bottom:10px; font-weight:normal; font-size:14px;}
	/* >>>>>>>>>>>>>>>>>>> SERVICES Page Starts <<<<<<<<<<<<<<<<<<<<<<< */