﻿html {
	padding: 0px; margin: 0px;
}
body {
	padding: 0px; margin: 0px;
}
body {
	padding: 20px;padding-top: 0px; 
	font: 76% "trebuchet ms",arial,sans-serif; color: #333;  text-align: center
}
h1 {
	padding-right: 15px; margin: 0px;
}
h2 {
	padding-right: 15px; margin: 0px
}
h2 {
	font-size: 160%; color: #555
}
p {
	padding-right: 15px; padding-left: 15px; padding-bottom: 0.7em; margin: 0px; line-height: 1.5; padding-top: 0px
}
address {
	font-style: normal
}



div .cakes{
 height:12em;
}

div .cakes a {
	color: white; text-decoration: none
}
div .cakes  {
text-align: center;
}

div .cakes img {
	border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px;
	 max-width: 120px;
	  width: expression(this.width > 115? 115: true);
	 height: 85px; border-right-width: 0px;
margin-top:20px;
}


div#cake {
	 padding-bottom: 10px; width: 100%;display:inline-block;direction:rtl;
}
div#cake ul {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none
}
div#cake li {
	float: right; margin: 10px; width: 140px; background-color: #ffffff; 
}
div#container {
	margin: 0px auto; width: 840px; text-align: right;
	padding-top:0px;
	margin-top:0px;
}

div#menu {
	 overflow: auto; width: 100%; padding-top: 5px;font-size: 10px;
}
ul#nav {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none
}
ul#nav li {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none
}
ul#nav {
	padding-right: 3px
}
ul#nav li {
	float: right; width: 100px; margin-right: 2px; text-align: center
}
ul#nav a {
	background: #708090; float: right; width: 100%; color: #fff; text-decoration: none;font-size:16px;
}
ul#nav li.active a {
	color: blue;
}
ul#nav a:hover {
	color: red;
}
div#content {
	clear: right;  width: 840px; padding: 0px; background-color: #ffffff;
direction:rtl;	 
	
}
div#footer {
	font-size: 90%;  padding-top: 5px; text-align: center;clear:both;
}

div#header {
	padding: 0px;

}
div#header h1 {

	font-weight: 200; font-size: 200%; color: #800000;
	padding-top:0px;
	margin-top:0px;line-height:30px;
}
div#cake1 {
 padding-top: 10px;
	text-align: center;
background-color: #ffffff;
}

div#cake a:hover {
	color: #000
}
ul.pager {
direction:ltr;
	margin: 0;
	padding: 0 ;
	list-style: none;
	text-align: center;
	white-space:nowrap;font-size: 18px;color: blue;
}
ul.pager li {
	margin: 0;
	padding: 10px;
	list-style: none;
	display: inline;
}
ul.pager a {
	color: #999; text-decoration: underline;
}
ul.pager a:hover {
	color: #000
}
div#PicGallery {
text-align: center;
} 
#mainContent {
	width: auto;padding-right:50px;
}
#mainContent A:hover {
	white-space: normal
}
#mainContent {
	LINE-HEIGHT: 15px
}
div#mainContent li {
	border-bottom: #ccc 1px solid; position: relative; text-align: center; border-left: #ccc 0px solid; padding-bottom: 10px; margin: 5px; padding-left: 10px; width: 300px; padding-right: 10px; display: inline; background: #f2f2f2; float: right; height: 280px; border-top: #ccc 0px solid; border-right: #ccc 1px solid; padding-top: 10px
}
div#mainContent span {
	position: relative; text-align: center; display: block; direction: rtl; top: 5px;vertical-align:bottom;
}
#mainContent li img {
	border-bottom: #eee 1px solid; border-left: #666 1px solid; 
	max-width: 297px; 
	max-height: 268px; 
	width: expression(this.width > 290? 290: true);
	height: expression(this.height > 260? 260: true);
 
	border-top: #666 1px solid; border-right: #eee 1px solid
}
div#AdvF {
margin-top:15px;text-align:center; padding-bottom:0px; margin-bottom:0px;
}
#PageTextOut
{
text-align:center;direction:rtl;
}



#PageText
{
	background-color: #dce4ef;

	color: #000000;
	font-size: 11px;
	font-family: Arial;
	font-weight: normal;
	font-style: normal;
	text-align: right;

}



#linksDown li a:link {
	padding-bottom: 5px; padding-left: 5px; padding-right: 5px; color: #666; font-weight: bold; text-decoration: none; padding-top: 5px
}
#linksDown li a:visited {
	padding-bottom: 5px; padding-left: 5px; padding-right: 5px; color: #666; font-weight: bold; text-decoration: none; padding-top: 5px
}

#linksDown { border-bottom: #ccc 2px solid; border-left: #ccc 2px solid; background-color: #f2f2f2; border-top: #ccc 2px solid; border-right: #ccc 2px solid; }

/*Fat Erik's Pipelist*/
#navlist
{
list-style: none;
padding: 0;
margin: 0;
}

#navlist li
{
display: inline;
padding: 0;
margin: 0;
}

#navlist li:before { content: "| "; }
#navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html #navlist li
{
border-left: 1px solid black;
padding: 0 0.4em 0 0.4em;
margin: 0 0.4em 0 -0.4em;
}

/*Win IE browsers - hide from Mac IE\*/
* html #navlist { height: 1%; }

* html #navlist li
{
display: block;
float: left;
}

/*End hide*/
/*Mac IE 5*/
* html #navlist li:first-child { border-left: 0; }


h3.h3 {
	position: relative; text-align: center; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: block; font: italic 100%/10px "trebuchet ms", arial, sans-serif; direction: rtl; color: blue; top: 5px; padding-top: 0px
}
h4.h4 {
	position: relative; text-align: center; padding-bottom: 0px; margin-top: 10px; padding-left: 0px; padding-right: 0px; display: block; font: 100%/10px "trebuchet ms", arial, sans-serif; direction: rtl; clear: both; top: 0px; padding-top: 0px
}

DIV#AdvRect {
padding: 10px;float:left;direction:rtl;text-align:right;height:280px;
}

DIV#AdvRectMain {
	padding-bottom: 10px; padding-left: 10px; padding-right: 10px; direction: rtl; float: left; height: 300px; padding-top: 30px
}
#articles {
	text-align: right; direction: rtl
}
#articles h1 {
	text-align: right; background-color: #dce4ef; font-weight:bold;  color: #000000; font-size: 14px; font-weight: normal
}
#articles p {
	text-align: right;  font-style: normal; font-family: arial;  font-size: 11px; font-weight: normal
}
#mainContentOut
{
	display:inline-block;
}
#linksR
{
width:30px;
	padding-top:5px;
	float: right;
	/*height: 500px;*/
}
#linksR ul
{
	padding-right: 0px;
	padding-left: 0px;
	font-weight: bold;
	padding-bottom: 0px;
	margin-right: 0px;
	padding-top: 0px;
	list-style-type: none;
	display: block;
}
#linksR li
{
	
	text-align: center;
	margin: 1px;
	padding: 1px;
	
	line-height: 10px;
	background-color:#f2f2f2;
	border:2px solid #CCC;
	
}

#mainContentM
{
display:inline-block;
	width: auto;
}
#mainContentM a:hover
{
	white-space: normal;
}
#mainContentM
{
	line-height: 10px;
}
#mainContentM li
{
	width: 100px;
	height: 100px;
	border: solid #CCC;
	border-width: 0 1px 1px 0; /* uncomment and adjust this if you want a rounded frame in Mozilla browsers 	-moz-border-radius:20px;  */
	background: #f2f2f2;
	padding: 20px;
	text-align: center;
	position: relative;
	float: right;
	display: inline;
	margin: 5px;
}


#mainContentM a span
{
	/*\*/
	position: relative;
	top: 5px;
	text-align: center;
	direction: rtl;
	display: block;
}
#mainContentM a 
{
	 color: #999; text-decoration: none;
}
#mainContentM li img
{
	/*border:1px solid #EEE;*/
	width: 97px;
	height: 68px; /* delete line above and uncomment this for an inset effect*/
	border: 1px solid;
	border-color: #666 #EEE #EEE #666;
}

#mainContentM a H3
{
	/*\*/
	position: relative;
	top: 5px;
margin:0px;
	text-align: center;
	direction: rtl;
	display: block;
 font: 100% "Trebuchet MS",arial,sans-serif;
line-height:5px;
}
#mainContentM a h4
{
	/*\*/
	position: relative;
margin-top:20px;
	top: 0px;
	text-align: center;
	direction: rtl;
	display: block;
 font: 100% "Trebuchet MS",arial,sans-serif;
line-height:10px;
}

#socialjob
{
	/*width:260px;  height:auto; */
	margin-bottom: 5px;
	padding: 5px;
	padding-left: 0px; 
}

#socialjob a
{
	text-decoration: none;
	display: block;
	float: left;
	margin-left: 5px;
	height: 16px;
	text-decoration: none;
	border: 0px;
	width: 16px;
vertical-align:middle;
	text-align:center;
	background-repeat: no-repeat;
}

#socialjob a:hover
{
	text-decoration: none;
	background-color: transparent;
}

#sjBlink
{
	background: url(/img/social/blink18.png);
}
#sjdel
{
	background: url(/img/social/delicious.png);
}
#sjdigg
{
	background: url(/img/social/digg.png);
}
#sjfacebook
{
	background: url(/img/social/facebook.png);
}
#sjfurl
{
	background: url(/img/social/furl.png);
}
#sjgoogle
{
	background: url(/img/social/google.png);
}

#sjmixx
{
	background: url(/img/social/mixx-button4.png);
}
#sjyahoo
{
	background: url(/img/social/yahoo.png);
}
#sjreddit
{
	background: url(/img/social/reddit.png);
}
#sjstumbleupon
{
	background: url(/img/social/stumbleupon.png);
}
#sjtechnorati
{
	background: url(/img/social/technorati.png);
}
#sjtwitter
{
	background: url(/img/social/twitter16.png);
}
#contact-form-contents
{
margin-right:50px;
}
/*links*/
        .links A:link
        {
            color: #036;
        }
        .links A:visited
        {
            color: #066;
        }
        .links A:hover
        {
            background-color: #036;
            color: #fff;
        }
        .links A:active
        {
            background-color: #036;
            color: #fff;
        }     
       .links img
       {
       	padding:0px;
       	margin:0px;	
       }
       .links p
       {
       	padding:0px;
       	margin:0px;
      text-align:left;
       }
       .link 
       {		
       	padding:20px;
       	margin:20px;
       		
       }
       .lnkimg 
       {	
       margin:10px;
       border-bottom:#006 1px double;
       border-bottom-style:groove;
       text-align:center;
       }
	   
	    ol
        {
direction:rtl;
            float: right;
            width: 100%;
            margin: 10px;
            padding: 10px;
            list-style: none;
        }
        ol li
        {
            float: right;
            width: 18em;
            margin: 0;
            padding: 10px;
        }
        ol a 
{
	 color: #999; text-decoration: none;
}
/*gallery */

span.h4
{
	
	position: relative;
	clear:both;
padding:0px;
margin-top:10px;
	top: 0px;
	text-align: center;
	direction: rtl;
	display: block;
 FONT: 100% "Trebuchet MS",arial,sans-serif;
line-height:10px;


}
span.h5
{
	
padding-top:5px;
margin-right:0px;
	
	float:right;

	
 FONT: 100% "Trebuchet MS",arial,sans-serif;
line-height:10px;

}
/*breadcrumb*/
.breadcrumb{
border: solid #CCC 1px;
color: navy;font: bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;padding:10px;
}

.breadcrumb a{
background: transparent url(breadcrumb.gif) no-repeat center left;
text-decoration: underline;
padding-left: 18px; /*adjust bullet image padding*/
/*margin:20px*/
color: navy;display:inline-block;
}

.breadcrumb a:visited, .breadcrumb a:active{
color: navy;text-decoration: underline;
}

.breadcrumb a:hover{
text-decoration: underline;
}
#onepic 
{
text-align:center;
}
#onepic img
{
max-width: 100%;
}
#contact_form fieldset
{

border: 0px ;
}
#contact_form
{
width:60%;
}
#contact_form .button
{
float:left;
}
#contact_form .error
{
color:red;
}
#imgabout img 
{
float:left;
}

#bak{
float:left;color: #666; font-weight: bold; text-decoration: none;
}

#about
{
display:inline-block;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;width:100%;
}