html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

.clear {clear: both;}
.hide {visibility: hidden; font-size: 0;}
a {text-decoration: none;}
.right {float: right;}
.left {float: left;}
img {-ms-interpolation-mode: bicubic;}
small {font-size: 9px !important;}

* {margin: 0; padding: 0;}

body {background: #4c4b4b; font: 11px Tahoma; color: #333;}

a {color: #fff;}
a:hover {color: #000;}

#wrapper {background: #b4e0f6 url(./bg.jpg) no-repeat top; width: 879px; margin: 0 auto; overflow: hidden; border-right: 1px solid #0d0d0d; border-left: 1px solid #0d0d0d; padding: 10px 0 0 0; direction: rtl;}

#header {}

#david-logo {float: right; background: url(./david-logo.png) no-repeat; width: 315px; height: 124px; margin-top: 100px; padding-right: 10px;}

#about {float: left; width: 548px;}

#about .top {background: url(./about-bg-top.jpg) no-repeat bottom; width: 546px; height: 135px;}
#about .medial {background: url(./about-bg-medial.jpg) repeat-y; width: 546px;}
#about .bottom {background: url(./about-bg-bottom.jpg) no-repeat; width: 546px; height: 35px;}

#aboutme {background: url(./about-me.png) no-repeat; margin-right: 30px; width: 134px; height: 38px;}
#twitter {width: 135px; height: 135px; float: left; margin-left: 25px;}

#about .medial p {padding: 5px 40px; color: #fff; text-align: justify; line-height: 170%;}

#services {float: left; margin: 20px 0 0 95px;}
#services a {display: inline;}

#content {background: url(./content-bg.jpg) no-repeat; width: 639px; height: 442px; float: left; margin-left: 15px;}

.content2 {width: 464px; height: 310px; color: #fff; line-height: 170%; text-align: justify; margin: 15px 15px 0 0;}
.content2-scroll {width: 464px; height: 310px; color: #fff; line-height: 170%; text-align: justify;}      

#right-sidebar {float: right; width: 180px; margin-right: 10px; margin-top: 20px;}

#right-sidebar a.about-btn {background: url(./about-btn.jpg) no-repeat top; width: 178px; height: 70px; display: block; cursor: pointer;}
#right-sidebar a.about-btn:hover {background-position: bottom;}

#right-sidebar a.works-btn {background: url(./works-btn.jpg) no-repeat top; width: 178px; height: 70px; display: block; cursor: pointer;}
#right-sidebar a.works-btn:hover {background-position: bottom;}

#right-sidebar a.gallery-btn {background: url(./gallery-btn.jpg) no-repeat top; width: 178px; height: 70px; display: block; cursor: pointer;}
#right-sidebar a.gallery-btn:hover {background-position: bottom;}

#right-sidebar a.blog-btn {background: url(./blog-btn.jpg) no-repeat top; width: 178px; height: 70px; display: block; cursor: pointer;}
#right-sidebar a.blog-btn:hover {background-position: bottom;}

#right-sidebar a.daily-btn {background: url(./daily-btn.jpg) no-repeat top; width: 178px; height: 70px; display: block; cursor: pointer;}
#right-sidebar a.daily-btn:hover {background-position: bottom;}

#right-sidebar a.contact-btn {background: url(./contact-btn.jpg) no-repeat top; width: 178px; height: 70px; display: block; cursor: pointer;}
#right-sidebar a.contact-btn:hover {background-position: bottom;}

#footer {width: 830px; height: 51px; margin: 20px auto; position: relative; text-shadow:1px 1px #333;}

#footer .right {background: url(./footer-right-bg.png) no-repeat right; width: 15px; height: 51px; float: right;}
#footer .medial {background: url(./footer-medial-bg.png) repeat-x; width: 805px; height: 43px; float: right; font: bold 17px 'B Roya', Roya, BRoya, Arial; color: #fff; padding-top: 8px;}
#footer .left {background: url(./footer-left-bg.png) no-repeat left; width: 10px; height: 51px; float: left;}

#footer .designby {float: right;}
#footer .copyright {float: left; font: bold 13px Arial; padding-top: 5px;}

#footer a {color: #c74200}
#footer a:hover {color: #000}

/* Working */
.work-scr{
    width: 170px;
    float: left; 
    margin-top: 2px;   
    margin-right: 5px;        
}
.work-desc{
    width: 280px;
    float: right;
    margin-right: 5px;
}

.work-bar{
    border: 1px solid #fff;
    overflow: hidden;border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;-moz-box-shadow: 2px 2px 10px #777;
    width: 460px;
}

/* Contact */

input { background-color: #fefefe;
    margin: 5px;
    padding: 0px;
    margin: 5 5 5 0;
    padding: 2px;
    border: 1px solid #dedede;
    color: #333333; -moz-border-radius: 3px;
    font-family: Tahoma;
    font-size: 12px;
}
textarea {background-color: #fefefe;
    width: 200px;
    margin: 5px;
    padding: 0px;
    margin: 5 5 5 0;
    padding: 2px;
    border: 1px solid #dedede;
    color: #333333; -moz-border-radius: 3px;
    font-family: Tahoma;
    font-size: 12px;
}
.button {
    cursor: pointer;
    width: 100px;
    background: white url('./icon-submit.png') no-repeat scroll 11px 50%;
    border-color:#EDEDED #999999 #999999 #EDEDED;
    border-style:solid;
    border-width:1px;
    color: #333333;
    padding: 6px 1px 8px 25px; -moz-border-radius: 3px;
    font-family: Tahoma;
    font-size: 12px;
}


/* ToolTip */
#tooltip{
	position:absolute;
	border:1px solid #eee;
	background:#f9f9f9;
	padding:2px 5px;
	color:#999;
	display:none;
	font: 11px Tahoma;
	}

/* JScroll */
.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1; padding: 10px; margin: 15px 15px 0 0;}
.jScrollPaneTrack {position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; width: 5px !important; background: #14466f;}
.jScrollPaneDrag {position: absolute; background: #abd5f6; cursor: pointer; overflow: hidden; width: 5px !important;}
.jScrollPaneDragTop {position: absolute; top: 0; right: 0; overflow: hidden;}
.jScrollPaneDragBottom {position: absolute; bottom: 0; right: 0; overflow: hidden;}