/* Credit: http://www.templatemo.com */

body {
	margin: 0px;
	padding: 0px;
	color: #333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.7em; 
	background-color: #e9e6e6;
	background: url(images/bg.png);
	background-repeat:repeat;
	background-position: top
}

a, a:link, a:visited { color: #3d8e7d; font-weight: normal; text-decoration: underline; font-size: 12px }
a:hover { text-decoration: none; }

a.more { 
	display: inline-block; 
	float: left; 
	width: 72px; 
	line-height: 23px; 
	text-align: center; 
	text-decoration: none; 
	font-weight: bold; 
	background: url(images/templatemo_more.png) no-repeat top center; 
	color: #000; 
	text-shadow: 1px 1px 1px #fff;
}

a.more:hover { color: #fff; text-shadow: 1px 1px 1px #999 }

p { margin: 0 0 10px 0; padding: 0; }
img { border: none; }
blockquote { font-style: italic; margin: 0 0 0 10px;}
cite { font-weight: bold; color:#3d8e7d; }
cite span { color: #3d8e7d; }
em { color: #3d8e7d; }

h1, h2, h3, h4, h5, h6 { color: #000; font-weight: normal; }
/*h1 { font-size: 34px; margin: 0 0 20px; padding: 5px 0 }
h2 { font-size: 28px; margin: 0 0 15px; padding: 5px 0; }*/
h3 { font-size: 24px; margin: 0 0 15px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

.float_l { float: left }
.float_r { float: right }

.image_wrapper { display: inline-block; border: 1px solid #fff; padding: 3px; background: none; margin-bottom: 5px }
.image_fl { float: left; margin: 3px 30px 0 0 }
.image_fr { float: right; margin: 3px 0 0 30px }


.tmo_list { margin: 20px 0 20px 10px; padding: 0; list-style: none }
.tmo_list li { color:#3d8e7d; margin: 0; padding: 0 0 5px 20px; background: url(images/templatmeo_list.png) no-repeat scroll 0 3px  }
.tmo_list li a { color: #3d8e7d; font-weight: normal; font-size: 12px; text-decoration: none }
.tmo_list li a:hover { color: #000 }

#templatemo_body_wrapper {
	width: 100%;
	/*background: url(images/templatmeo_body_small.png) top center ;
	background: url(images/templatmeo_body.png) top center no-repeat;
	background-color:#e9e6e6;*/
}

#templatemo_wrapper {
	width: 940px;
	padding: 0 10px;
	margin: 0 auto;
	
	/*background: url(images/templatmeo_body_small.png) top center ;
	background-color:#e9e6e6;*/
}

#templatemo_header {
	width: 940px;
	height: 60px;
	padding: 7px auto;
}
#social_box_wrapper { float: right; margin-top: 10px; width: 230px; height: 24px }
#social_box {
	float: right;
	display: inline-block;
	padding: 0;
	list-style: none;
}

#social_box li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

#social_box li a {
	width: 46px;
	height: 46px;
	margin-right: 5px;
}

#site_title { float: left; }
#site_title h1 { margin: 0; padding: 0; }
#site_title h1 a { display: block; width: 187px; height: 80px; color: #fff; text-indent: -10000px; background: url(images/templatemo_logo.png)  no-repeat top left }

#siteTitleCenter {float:left; text-align:center;width:520px;}
#siteTitleCenter h1
{
    font-family:Tahoma;
    font-size:1.8em;
    font-weight:800;
    color: #046cb5; 
    word-spacing:3px;
    margin:10px 0 0 0;
    text-shadow: #999 0.2em 0.2em 0.4em;
}

#siteTitleCenter h2 
{
    font-family:Tahoma;
    font-size:1.2em;
    font-weight:700;
    color:#999;
    letter-spacing:1px;
    text-shadow: 0 0 0.2em #ccc, 0 0 0.2em #ddd,
        0 0 0.2em #87F;
    
}

#search_box { float: right; margin-top: 20px; width: 240px; height: 24px }
#search_box form { clear: both; width: 240px; height: 24px; padding: 0; margin: 0 } 
#searchfield { display: block; height: 24px; width: 228px; padding: 0 5px; font-size: 12px; color: #333; background: none; border: 1px solid #ccc; } 

/* menu */

#templatemo_menu {
	clear: both;
	width: 940px;
	height: 53px;
	background: url(images/templamtemo_menu.png)
}

#templatemo_menu ul {
	margin: 0 20px;
	padding: 0;
	list-style: none;
}

#templatemo_menu ul li {
	padding: 0;
	margin: 0;
	display: inline;
}

#templatemo_menu ul li a {
	float: right;
	display: block;
	font-size:.9em;
	font-family:Tahoma;
	height: 33px;
	padding: 7px 0 0 0;
	color: #67acc2;	
	text-shadow: 3px 3px 3px #fff;
	text-align: center;
	margin:0 0 0 15px;
	text-decoration: none;
	outline: none;
	/*letter-spacing: 1px;
	background: url(images/templatmeo_menu_divider.png) right repeat-y;*/
}

#templatemo_menu ul li a:hover, #templatemo_menu ul .current {
	color: #666;
	text-shadow: 1px 1px 1px #fff;
	border-radius:.7em;
}

#templatemo_menu ul .last { background: none }

/* end of menu */

#templatemo_middle { 
	clear: both;
	width: 940px;
	height:320px;
	padding:10px 10px;
	margin:0px auto 5px auto;
	overflow: hidden;
	background: url(images/templatemo_middle.png) repeat-y center
}

#mid_title { font-size: 34px; font-weight: 400; margin-bottom: 30px }

/*
#templatemo_middle p {
	font-size: 18px;
	color: #666;
	line-height: 30px;
	margin-bottom: 20px;
}
#templatemo_middle img { float: right; margin-left: 60px }*/

*/

#learn_more a { display: block; width: 202px; height: 42px; background: url(images/templatemo_learn_more.png) }

#templatemo_malti_services {
	clear: both;
	width: 940px;
	height: 175px;
}

.services_box { 
	float: right; 
	width: 256px; 
	height: 135px; 
	padding: 20px; 
	margin-left: 20px; 
	border:2px solid #89c3ed;
	text-align:justify;
	border-radius:1em;
	box-shadow: 6px 6px 6px rgba(0,0,0,0.4);
	background:#efefef url(images/service3.png) no-repeat; 
	font-size: 16px; 
	text-decoration: none; 
}
.services_box p{ 
	direction:rtl;
	color:#333;
	font-family:Tahoma;
	font-size:.7em;
	font-weight:700;
}

.services_box .fps_title { margin-bottom: 10px; text-align:center; }

.services_box .fps_title a  , #categories_list li , .smallHeader{ 
	color: #046cb5;
	font-size: 20px; 
	font-weight: 700;
	border-radius:1em 3em;
	padding: 0 15px;
	box-shadow: 2px 2px 6px rgba(0,0,0,0.4);
	border-bottom:2px solid #fff;
	border-left:2px solid #fff;
	text-decoration: none;
}
.smallHeader
{   
    font-size:15px;
}

.services_box .fps_title a:hover { color: #333; text-shadow: 1px 1px 1px #9adacf }

.l_box { margin: 0; }

.fp_services_box a.sb_more { 
	display: block; 
	float: right; 
	width: 81px; 
	line-height: 25px; 
	text-align: center; 
	color: #000; 
	font-weight: 700; 
	text-decoration: none; 
	background:url(images/sb_more.png) no-repeat; 
	text-shadow: 1px 1px 1px #9adacf; 
}

.fp_services_box a.sb_more:hover { color: #fff; text-shadow: 1px 1px 1px #333 }

.fp_services_box p { margin-bottom: 20px }

#templatemo_main {
	clear: both;
	width: 940px;
	padding: 30px 0; 
	background: url(images/templatemo_content.png) repeat-y
}

#templatemo_main p {
	margin-bottom: 10px
}
#main_leftsection,#main_rightsection
{   
	padding: 20px;
	border:2px solid #89c3ed;
	border-radius:1em;
	box-shadow: 6px 6px 6px rgba(0,0,0,0.4);
	background-color:#e9e6e6;
}


#main_rightsection
{ 
	float: right; 
	width: 256px;  
}

#categories_section {
    margin-bottom: 20px;
}
#categories_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

#main_rightsection h3 , #main_leftsection h3
{
        margin: 0 0 10px 0;
        padding: 5px;
        text-align: center;
        border-bottom:2px solid #89c3ed;
        border-left:2px solid #89c3ed;
        background-color: #176095;
        text-align:center;
        border-radius: 1em 2em;
        box-shadow: 6px 6px 6px rgba(0,0,0,0.4);
        font-family:Tahoma;
        font-size:1.1em;
        color:#fff;
    }
    
    
/*
    #categories_list li 
#main_rightsection h3
{
        margin: 0 0 8px 0;
        padding: 5px;
        text-align: center;
        border:2px solid #89c3ed;
        background-color: #176095;
        border-radius: 1em;
    }
*/
#categories_list li 
{
           margin: 0 0 8px 0;
           text-align: center;
}
        #categories_list li a {
            display: block;
            color: #046cb5;
            text-decoration:none;
            font-family: Tahoma;
            font-weight: bold;
            /*
	margin-bottom: 5px;
	padding: 3px 20px 3px 20px;
	background: url(images/templatemo_list.png) right center no-repeat;*/
        }

            .categories_list li a:hover{
                color: #edc613;
                text-decoration: none;
            }
#main_leftsection
{
    float: left; 
    direction:rtl;
	width: 576px;  
}
#main_leftsection .imageStyle
{
    border-radius: 1em 2em;
    box-shadow: 6px 6px 6px rgba(0,0,0,0.4);
    border:2px solid #89c3ed;
    margin-right:20px;
}
#main_leftsection .imageLeft
{
    display:block;
    float:left;
}
#main_leftsection h3{
    width:250px; 
    margin:0 auto 20px auto;
    
}
#main_leftsection p 
{
    font-family:Tahoma;
    text-align:justify;
    font-size:.9em;
    font-weight:700;
    margin-bottom:25px;
    text-indent:20px;
}
#main_leftsection .separator
{
    text-align:center;
    height:30px;
    margin:5px;
    background:url(images/separator1.png) center no-repeat;
}
.col_w900 { width: 940px; margin-bottom: 40px; }
.col_w620 { width: 600px; padding-right: 20px; }
.col_w450 { width: 430px; padding-right: 20px; }
.col_w300 { width: 280px; padding-right: 20px }
.col_allw300 { float: left; width: 280px; padding-right: 20px; margin-right: 20px; }
.col_w900_last { padding: 0 30px; margin: 0; background: none; }
.col_last { margin: 0; }

.fp_news_box { clear: both; margin-bottom: 30px }
.fp_news_box img { float: left; margin-right: 15px; padding-top: 3px }

.fp_news_date { 
	display: block; 
	clear: both; 
	height: 20px; 
	padding-left: 10px; 
	margin-bottom: 5px; 
	background: url(images/templatemo_date.png) no-repeat; 
}

.fp_news_box h6 { margin-bottom: 0 }
.fp_news_box h6 a { font-weight: bold; text-decoration: none }

#map img { border: 1px solid #999; padding: 4px }

#contact_form { padding: 0; width: 400px }
#contact_form form { margin: 0px; padding: 0px; }
#contact_form form .input_field { width: 388px; color: #333; padding: 5px; border: 1px solid #ccc;  background: #fff; }

#contact_form form label { display: block; width: 100px; margin-top: 15px; margin-bottom: 5px; font-size: 14px; color: #000; }
#contact_form form textarea { width: 388px; height: 200px; padding: 5px; color: #333; border: 1px solid #ccc;  background: #fff; }
#contact_form form .submit_btn { margin: 10px 0px; padding: 5px 14px; border: 1px solid #ccc; background: #fff; }

#gallery { margin: 0; padding: 0 }
#gallery ul { margin: 0; padding: 0; list-style: none }
#gallery ul li { display: block; position: relative; float: left; width: 300px; margin: 0 20px 20px 0; }
#gallery ul .lmb { margin: 0 0 20px 0; }
#gallery ul li a img { width: 300px; height: 180px; }
#gallery ul li span { position: absolute; display: block; left: 0; bottom: 20px; padding: 10px 25px; background: #000 }
#gallery ul li span a { color: #fff; font-size: 18px; text-decoration: none; }

.post_box { clear: both; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ccc }
.post_header { border-top: 3px solid #999; border-bottom: 1px solid #ccc; padding: 5px; margin-bottom: 20px }
.post_box h2 { font-size: 20px; margin-bottom: 0 }
.post_box p.post_meta { margin-bottom: 0 }
.post_box img { clear: both; padding: 8px; border: 1px solid #ccc; background: #fff; margin-bottom: 10px }

#templatemo_footer_wrapper {
	clear: both;
	width: 100%;
	background: #a3a3a3;
}

#templatemo_footer {
	clear: both;
	width: 940px;
	padding: 10px 0; 
	color: #000;
	text-align: center;
	margin: 0 auto;
}

#templatemo_footer a { color: #000; text-decoration: underline; }

#templatemo_footer a:hover { color: #FFF; text-decoration: none; }