﻿/* CSS for PixelSmooth / Sharonzahra.com */

html, body, applet, object, iframe, h1, h2, h3, h4, h5, h6, 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
line-height:20px;
margin:0pt;
outline-color:invert;
outline-style:none;
outline-width:0pt;
vertical-align:baseline;
}
*:focus {
outline-color:invert;
outline-style:none;
outline-width:0pt;
}
ol, ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
.launchlink {
background-color:#333333;
border-bottom:dashed #268dc7;
clear:both;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
height:20px;
line-height:20px;
text-transform:none;
}
.toplink {
height:auto;
padding-bottom:10px;
padding-top:10px;
width:45px;
}
body {
background-color:#191515;
margin:0pt;
padding:0pt;
}
img {
border:0pt none;
}
.img2 {
border:1px solid #000000;
margin:2px;
padding:5px;
}
.highlight {
color:#2689C0;
}
.highlight2 {
color:#FF0000;
}
.class2 a:link {
color:#99CC33;
}
.class2 a:visited {
color:#99CC33;
text-decoration:underline;
}
.class2 a:active {
background:black none repeat scroll 0%;
font-family:Geneva,Arial,Helvetica,sans-serif;
}
.class2 *:hover {
color:#66CCFF;
}

.article a {
color:#ffffff;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
margin:0pt 0pt 5px;
text-decoration:none;
}

.article a:hover {
color:#03558C;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
text-decoration:underline;
margin:0pt 0pt 5px;
}
#news a {
color:#ffffff;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
margin:0pt 0pt 5px;
text-decoration:none;
}

#news a:hover {
color:#03558C;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
text-decoration:underline;
margin:0pt 0pt 5px;
}

#wrapper {
margin:0pt;
}
#head {
background-color:#FFFFFF;
background-image:url(../images/head_bg.jpg);
background-repeat:repeat-x;
height:352px;
overflow:hidden;
text-align:left;
width:auto;
}
#tabnav {
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:small;
height:auto;
width:inherit;
}
#tabnav li {
display:inline;
list-style-type:inherit;
margin:0pt;
padding:0pt;
}
#tabnav a:link, #tabnav a:visited {
background-color:#191515;
border-left:1px solid #191515;
border-right:1px solid #191515;
border-top:1px solid #191515;
color:#FFFFFF;
float:right;
font-size:x-small;
font-weight:bold;
line-height:14px;
margin-left:7px;
padding:2px 10px;
text-decoration:none;
}
#tabnav a.active:link, #tabnav a.active:visited {
background-color:#191515;
border-left:1px solid #000000;
border-right:1px solid #000000;
border-top:1px solid #000000;
color:#FFFFFF;
}
#tabnav a:hover {
background-color:#268BC1;
color:#000000;
font-weight:700;
}
.elementheader {
border-bottom:thin dashed #FFFFFF;
padding-bottom:10px;
padding-top:30px;
}
#navspace {
background-color:#FFFFFF;
background-image:url(../images/bg2.png);
background-repeat:repeat-x;
background-position:right bottom;
color:#000000;
height:49px;
margin:0pt;
overflow:hidden;
padding-left:54px;
padding-top:0pt;
text-align:left;
width:auto;
}

#navspaceBtm {
background-color:#FFFFFF;
background-image:url(../images/bg2.png);
background-repeat:repeat-x;
background-position:right bottom;
color:#000000;
height:49px;
margin:0pt;
overflow:hidden;
padding-left:54px;
padding-top:0pt;
text-align:left;
width:auto;
}

#cv {
color:#000000;
float:left;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:x-small;
font-weight:bold;
width:400px;
}
#navbar {
float:left;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:10px;
font-variant:small-caps;
font-weight:bold;
padding-top:30px;
width:460px;
}
.darkcontent {
clear:left;
overflow:auto;
padding-bottom:20px;
padding-left:54px;
padding-top:22px;
width:905px;
}
#aboutme {
color:#FFFFFF;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:18px;
margin-bottom:50px;
width:460px;
}
#aboutme a {
color:#ffffff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:medium;
font-weight:bold;
margin:0pt 0pt 5px;
}
#aboutme a:hover {
color:#03558C;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:medium;
font-weight:bold;
text-decoration:underline;
margin:0pt 0pt 5px;
}
#news {
color:#FFFFFF;
float:right;
font-family:Verdana,Arial,Helvetica,sans-serif;
height:auto;
padding-bottom:35px;
padding-right:5px;
width:300px;
}
#news h2 {
color:#ffffff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:medium;
font-weight:bold;
margin:0pt 0pt 5px;
}
/*#news h2 a {
color:#ffffff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:medium;
font-weight:bold;
margin:0pt 0pt 5px;
}
#news h2 a:hover {
color:#03558C;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:medium;
font-weight:bold;
text-decoration:underline;
margin:0pt 0pt 5px;
}*/
#news h3 {
background-color:#000000;
color:#FF0066;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:small;
font-weight:bold;
margin-bottom:3px;
text-align:left;
}
#news p {
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:x-small;
line-height:1.4em;
}
#news p span {
background-color:#191515;
color:#CCCCCC;
float:right;
font-size:xx-small;
font-variant:small-caps;
font-weight:bold;
padding-bottom:55px;
}
/*#news p a {
color:#FFFFFF;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
}*/
.article {
background-image:url(../images/underline.gif);
background-position:0pt bottom;
background-repeat:repeat-x;
padding-bottom:10px;
padding-top:10px;
width:auto;
font-size:12px;
}

.added {
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:x-small;
margin:0pt 0pt -6px;
}
#portindex {
color:#000000;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:18px;
margin-bottom:20px;
width:460px;
}
.portelement h2 {
font-family:Georgia,"Times New Roman",Times,serif;
font-size:24px;
font-weight:bold;
line-height:normal;
color: #333;
}
#portcontent {
background-color:#FFFFFF;
background-image:url(../images/bg3.png);
background-repeat:repeat-x;
/*border-bottom:3px solid #268ABB;*/
padding-bottom:30px;
padding-left:54px;
width:inherit;
}
.portelement {
background-image:url(../images/bg_portfolio.jpg);
background-repeat:repeat-x;
border:3px solid #268dc7;
padding: 10px;
color:#000000;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:12px;
height:340px;
line-height:normal;
margin-bottom:25px;
text-align:left;
width:902px;
}
.portelementtech {
float:left;
height:100px;
margin-top:15px;
width:200px;
}
.portelementimage {
float:right;
height:220px;
margin-left:10px;
margin-right:10px;
margin-top:15px;
text-align:right;
width:650px;
}
#contact {
color:#FFFFFF;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:18px;
margin-bottom:50px;
width:600px;
}
#footer {
background-color:#FFFFFF;
clear:right;
float:none;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:x-small;
font-variant:normal;
font-weight:bold;
margin-bottom:auto;
margin-left:auto;
margin-right:auto;
text-align:left;
text-indent:54px;
}
#footer a {
color:#268dc7;
}


form_box {
background:#191515 none repeat scroll 0%;
/*border-color:#E4E4E4 rgb(214, 214, 214) rgb(214, 214, 214) rgb(228, 228, 228);
border-style:solid;
border-width:1px;*/
font-family:Arial,Helvetica,Sans-serif;
font-size:0.8em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin-bottom:2px;
margin-top:10px;
padding:0.5em;
width:auto;
}
.form_box div {
padding:0.2em 0.5em;
}
.form_box div.hr {
/*border-bottom:2px solid #E2E2E1;*/
height:0px;
margin-bottom:7px;
margin-top:0pt;
}
.form_box p {
color:#CCCCCC;
float:left;
font-family:Geneva,Arial,Helvetica,sans-serif;
line-height:normal;
margin:4px 0pt;
width:100px;
}
.form_box input, textarea {
	border:2px #268dc7 solid;
	margin-top: 5px;
}
#log {
color:#0066CC;
font-family:Arial,Helvetica,Sans-serif;
font-size:0.8em;
margin-top:10px;
width:400px;
}
#log_res {
overflow:auto;
}
#log_res.ajax-loading {
background:transparent url(load.gif) no-repeat scroll center;
padding:20px 0pt;
}
.formbutton {
background-color:#191515;
border:1px solid #FFFFFF;
color:#FFFFFF;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:10px;
font-weight:normal;
height:20px;
line-height:20px;
text-transform:none;
}




#contactArea h2 {
color:#ffffff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:medium;
font-weight:bold;
margin:0pt 0pt 5px;
}

#contactArea h2 a {
color:#ffffff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:medium;
font-weight:bold;
margin:0pt 0pt 5px;
}

#contactArea h2 a:hover {
color:#03558C;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:medium;
font-weight:bold;
text-decoration:underline;
margin:0pt 0pt 5px;
}

#contactArea h3 {
background-color:#000000;
color:#FF0066;
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:small;
font-weight:bold;
margin-bottom:3px;
text-align:left;
}
#contactArea p {
font-family:Geneva,Arial,Helvetica,sans-serif;
font-size:x-small;
line-height:1.4em;
}
#contactArea p span {
background-color:#191515;
color:#CCCCCC;
float:right;
font-size:xx-small;
font-variant:small-caps;
font-weight:bold;
padding-bottom:55px;
}
#contactArea p a {
color:#FFFFFF;
font-weight:bold;
font-family:Georgia, "Times New Roman", Times, serif;
}

#contactFormArea a {
color:#ffffff;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
margin:0pt 0pt 5px;
text-decoration:none;
}

#contactFormArea a:hover {
color:#03558C;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
text-decoration:underline;
margin:0pt 0pt 5px;
}



