@charset "utf-8";
/******************************************************************************
 * /style/style.css
 *
 *
 * Site CSS definitions
 *****************************************************************************/


/*************************************************
 *
 *	Standard Page Settings
 *
 *************************************************/
 /****************
import the fonts!
****************/
@import url(fontstyle.css);
@import url(forms.css);
body{
	font-family:'pluto_sanscond_regular', Arial, Helvetica, sans-serif;
	background:url(/style/images/page_back.png) top left;
	height:100%;
	margin:0;
	padding:0;
	background-color:#EFEFEF;
}

html {	
	position:relative;
	color:#3C4149;
	font-size:16px;
	text-align:center;	/*	for IE	*/
	padding:0;
	height:100%;
}


#page_holder{
	position:relative;
	background-color:#FFF;
	box-shadow:0 0 15px #000;
	margin:0 auto;				/*	centering for real browsers	*/
	width:833px;				/*	Simon's design is 833px wide	*/
	text-align:left;			/*	put the text back where it should be	*/
	padding:0 5px;
	min-height:100%;
}


.clear {
	clear:both;
}

a {
	text-decoration:none;
	color:#F37720;
}

a img{
	border:none;
}

a:hover{
	text-decoration:underline;
}

h1, h2, h3, h4{
	color: #771D65;
	font-family:'pluto_sanscond_medium';
	margin-bottom:15px;
	font-weight:normal;
}

h1{
	font-size:26px;
}

h2{
	font-size:22px;
}

h3{
	font-size:18px;
}

h4{
	font-size:16px;
}

p{
	margin-bottom:8px;
	margin-top:0px;
}

p.middle{
	text-align:center;
}

p.bold, span.bold{
	font-weight:bold;
}

p.italic, span.italic{
	font-style:italic;	
}

p.right{
	text-align:right;
}

hr{
	width:85%;
	border:none;
	border-bottom:dashed thin #771D65;
}

ul {
	list-style-image:url(/style/images/bullet.png);
	margin: 0 0 0 5px;
	padding:0;
}

li { 
    margin-left: 10px;
    padding-bottom: 8px;
}
/*
li:before {
    content: "• ";
    color: #F37720; 
}
 End Standard Page Settings */

/*************************************************
 *
 *	Logo, Banner, Header, Footer
 *
 *************************************************/
div#header{
	background-color:#771D65;
	height:140px;
	position:relative;
	z-index:2;	
}

img.header_logo{
	position:relative;
	top:20px;
	left:32px;
}

div.head_tag{
	color: #A3A6A9;
    float: right;
    height: 61px;
    position: relative;
    right: 20px;
    text-align: right;
    top: 61px;
    width: 148px;
	font-size:14px;
}

div#footer{
	height:120px;
	padding-top:15px;
}

img.securitor{
	float:right;
	margin-right:20px;
}

div.footer{
	float:right;
	width:665px;
	text-align:right;
	margin-top:14px;
	padding-right:20px;
	font-size:9px;
	font-family:'pluto_sanscond_medium';
}
 /*************************************************
 *
 *	Navigation
 *
 ************************************************/
div#nav{
	height:38px;
	font-family:'pluto_sanscond_medium'; 
	background:url(/style/images/nav_bar_back.png) 0 0 repeat-x;
	position:relative;
	z-index:2;
}

div.menu_item{
	float:left;
	background:url(/style/images/menu_back.jpg) top right no-repeat;
	width:120px;
	height:22px;
	font-size:14px;
	line-height:17px;
	text-align:left;
	padding-top:8px;
}

div.menu_item a{
	text-decoration:none;
	color:#3C4149;
	margin-left:7px;
}

div.menu_item a:hover{
	color:#F37720;	
}

div.active{
	background:none;
	background-color:#F37720;
	color:#FFFFFF;
}

div.active a, div.active a:hover{
	color:#FFFFFF;
}


 
 /*************************************************
 *
 *	Content Managed Display
 *
 *************************************************/
div#content_holder{
	 /*min-height:450px;*/
	 background:url(/style/images/content_bottom.png) bottom left repeat-x;
	 position:relative;
	 padding-bottom:10px;
}

/************************
* Home Page
*************************/
div#home_page{
	height:305px;
	background:url("/style/images/home_back.png") no-repeat scroll 48px 0 transparent;
	padding-top:30px;
	top:-30px;
	position: relative;
    z-index: 1;
}

div#home_page_title{
	font-family: 'pluto_sanscond_light';
	font-size:26px;
	line-height:32px;
	color:#771D65;
	width:210px;
	height:95px;
	overflow:hidden;
	position:relative;
	top:26px;
	left:415px;	
}

div#home_page_intro{
	font-family: 'pluto_sanscond_light';
    font-size: 14px;
   	height: 90px;
    line-height: 18px;
    width: 262px;
	overflow:hidden;
	position:relative;
	left:415px;
	top:140px;
	color:#3C4149;
}

div.home_page_col{
	float:left;
	padding-left:10px;
	background-color:#E8E8E9;
	font-size:12px;
	line-height:15px;
	margin-right:5px;
	height:110px;
	overflow:auto;
}

div.testimonial{
	width:533px;
	margin-right:5px;
}

div.testi_holder{
	display:none;
}

p.testi_name{
	font-weight:bold;
	color:#3C4149;	
}

div.dmt{
	background:url(/style/images/dmt_back.png) bottom right no-repeat #E8E8E9;
	width:271px;
	margin-right:0;
}

div.dmt p{
	width:180px;	
}

div.home_page_col h2{
	font-size:14px;
	margin-bottom:5px;
}

div.home_page_col p{
	margin-bottom:3px;
}
/******************************
 General settings for other pages
********************************/
div#head_text{
	font-family: 'pluto_sanscond_light';
	margin-left:35px;
	margin-top:22px;
	margin-bottom:12px;
	width:260px;
	height:100px;
	overflow:hidden;
	font-size:26px;
	color:#771D65;
}

div#left_col, div#middle_col{
	float:left;
	width:243px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	min-height:100px;
}

div#left_col{	
	margin-left:35px;
}

div#middle_col{
	margin-left:17px;
}

div#left_col h1, div#middle_col h1{
	color:#822A80;
	font-weight:bold;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom: 3px;
    margin-top: 10px;	
}

div#left_col h2, div#middle_col h2{
	color:inherit;
	font-size:10px;
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
	margin-bottom: 3px;
    margin-top: 10px;	
}

div#left_col address, div#middle_col address{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-style:italic;
	margin-left:9px;	
}

div#right_col{
	float:left;
	width:191px;
	margin-left:35px;
	height:390px;
	margin-top:-116px;
}
/******************************
About Page
***************************/
div.about{
	background:url(/style/images/about_rh.png) top left no-repeat;
}
/******************************
Our Principle Page
***************************/
div.our_principal{
	background:url(/style/images/our_principal_rh.png) top left no-repeat;
}
/******************************
Our Services Page
***************************/
div.our_services{
	background:url(/style/images/our_services_rh.png) top left no-repeat;
}
/******************************
Our processes Page
***************************/
div.our_processes{
	background:url(/style/images/our_processes_rh.png) top left no-repeat;
}
/******************************
Contact Page
***************************/
div.contact{
	background:url(/style/images/contact_rh.png) top left no-repeat;
}
 
/*************************************************
 *
 *	Admin Forms
 *
 *************************************************/
#copy_edit_form{
	width:95%;
	margin:10px auto;
} 

/*************************************************
 *	Standard Tables Settings
 *************************************************/
table{
	margin:10px auto;
	border-bottom:solid 2px #000;
	font-size:14px;
}


td{
	padding:5px;
	vertical-align:top;
	border-left:thin dotted #000;
	border-right:thin dotted #000;
	
}

table.contact, table.contact td{border:none;}
table.contact{margin-top:25px;}

th{
	text-align:center;
	border-bottom:solid thin #000;
	border-left:thin dotted #000;
	border-right:thin dotted #000;
	text-align:center;
	font-size:14px;
	
}
 
tr.even {
	background-color: #eee;
}
tr.odd {
	background-color: #ddd;
} 
/*************************************************
 *
 *	Savvy Sister
 *
 *************************************************/ 
 body#dmt_body{
	background:none;
	background-color:#FFFFFF; 
	font-family:Verdana, Geneva, sans-serif;
 }
 
 #dmt_hero{
	width:100%;
	background:url(/style/images/DMT_banner2.jpg) 55% 0 no-repeat #FFFFFF;;
	height:447px;
	margin-bottom:-30px;
 }
 
 .dmt_hero_content{
	margin:0 auto;	/*	centering for real browsers	*/
	/*width:936px;*/
	width:843px;
    text-align: left;
 }
 
 .dmt_hero_content p{
	 font-family: 'pluto_sanscond_light';
    font-size: 14px;
	height: 84px;
    left: 60px;
    overflow: hidden;
    position: relative;
    top: 347px;
    width: 144px; 
 }
 
 #dmt_page{
	 width:100%;
	 background:url(/style/images/ss_head_grad.png) top left repeat-x;
	 min-height:450px;
	 /*background-color:rgba(239,239,239,0.4);*/
	 float:left;
	 overflow:hidden;
 }
 
 #dmt_content{
	margin:0 auto;	/*	centering for real browsers	*/
	width:833px;
	text-align:left;	/*	put the text back where it should be	*/
	height:450px;
	overflow:visible;
 }
 
 #dmt_left_col{
	 float:left;
	 width:208px;
	 background-color:#C4C118;
	 padding-bottom:9000px;
	 margin-bottom:-9000px;
 }
 
 #dmt_left_col h2{
	color: #FFFFFF;
    font-size: 28px;
    line-height: 58px;
    margin: 0;
    padding: 12px;
    text-align: right;
	position: relative;
    right: -80px;
 }
 
 img.useful_links{
	margin: 40px 10px 10px 106px; 
 }
 
 #dmt_left_col h2 span{
	color:#C4C118; 
 }
 
 .dmt_link_holder{
	border-top: medium solid #FEFEFE; 
 }
 
 .dmt_link_holder a{
	color:#FFFFFF; 
	font-size:12px;
 }
 
 .dmt_link_holder a:hover{
	color:#5E5E5E; 
	text-decoration:none;
 }
 
 .dmt_link_holder p{
	border-bottom: thin dotted #FEFEFE;
    line-height: 25px;
    margin-top: 5px;
    padding-left: 10px; 
	padding-bottom:8px;
 }
 
 #dmt_middle_col{
	 float:left;
	 width:460px;
	 padding:80px 5px 10px 20px;
	 padding-bottom:9000px;
	 margin-bottom:-9000px;
	 
 }
 
 .dmt_article{
	 background-color:#DEDEDE;
    margin-bottom: 10px;
    padding: 15px;
 }
 
 .dmt_article h3{
	 margin:0;
	 padding:0;
	 color:#231F20;
	 font-size:16px;
 }
 
 .dmt_article p{
	 font-size:12px;
	 color:#818588;
	 line-height:18px;
 }
 
 .dmt_article span.more{
	clear: right;
    display: inline-block;
    float: right;
    margin-bottom: 9px;
 }
 
 #dmt_right_col{
	 float:right;
	 width:140px;
	 background-color:#C0C999;	 
	 padding-bottom:9000px;
	 margin-bottom:-9000px;
 }
 
 .dmt_dawn{
	background-color:#FFFFFF;
	padding:10px;
	box-shadow:5px 5px 5px 0 #888888;
	transform:rotate(7deg);
	-ms-transform:rotate(7deg); /* IE 9 */
	-webkit-transform:rotate(7deg); /* Opera, Chrome, and Safari */
	margin: 18px auto 5px;
    padding: 5px;
    width: 94px;
 }
 
 img.hi{
	margin-left: 10px;
    margin-top: 2px; 
 }
 
 #dmt_right_col h2{
	color: #FFFFFF;
    font-size: 28px;
    margin: 0;
    padding: 12px;
 }

 
 #dmt_right_col p{
	 font-family:Verdana, Geneva, sans-serif;
	 color: #FFFFFF;
    font-size: 12px;
    /*height: 150px;*/
    overflow: hidden;
    padding: 0 10px;
    width: auto;
	line-height:18px;
 }
 
 img.dmt_sig{
	 float: right;
    margin-right: 10px;
    margin-top: 15px;
 }
 
 img.dmt_foot{
	 float:left;
 }
 
 #dmt_footer{
	 width:100%;
	 background:url(/style/images/ss_foot_grad.png) top left repeat-x;
	 /*background-color:rgba(239,239,239,0.4);*/
	 float:left;
 }
 
 
 #dmt_footer_content{
	 height:120px;
	padding-top:20px;
	width:833px;
	margin:0 auto;
 }
 
 #dmt_footer_content div.footer{
	width:330px; 
 }
 
 #dmt_footer_content h3{
	border-bottom: thin solid #a3a6a9;
    color: #3c4149;
    font-size: 10px;
    padding-bottom: 6px;
    text-align: left; 
 }
 
 #dmt_spacer{
	float: left;
    height: 25px;
    width: 100%;
 }