/* CSS Document */
body,
h1,
h2,
h3,
h4,
h5,
h6,
a,
p,
li,
ul,
fieldset,
legend,
label {
  margin: 0px;
  padding: 0px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
}

body {
  margin: 0px;
  padding: 0px;
  background: url(../images/bg.gif) repeat-y top center fixed;
}

#header {
  width: 800px;
  height: 185px;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
}

#header img {
  margin: 0px;
  padding: 0px;
  border: 0px;
  float: left;
}

#header_bg {
  background: url(../images/bg_header.png) top center no-repeat;
  width: auto;
  height: auto;
  margin: 0px auto 0px auto;
  padding: 0px;
}

/*Navigation menubar start*/
#navigation {
  float: right;
  width: 400px;
  margin-top: 5px;
}

#navigation ul {
  width: 400px;
  padding: 0px;
  list-style-type: none;
  border: 0px;
}

#navigation ul li {
  background: url(../images/navigation.gif) no-repeat;
  float: left;
  width: 80px;
  height: 43px;
  border: 0px;
}

#navigation ul li a {
  display: block;
  height: 100%;
  width: 100%;
  text-indent: -90000px;
  border: 0px;
}

/*home*/
#navigation ul li#home {
  background-position: 0px 0px;
}

#navigation ul li#home:hover {
  background-position: 0px -45px;
}

#navigation ul li#home.current,
#navigation ul li#home:active {
  background-position: 0px -90px;
}

/*Portfolio*/

#navigation ul li#portfolio {
  background-position: -80px 0px;
}

#navigation ul li#portfolio:hover {
  background-position: -80px -45px;
}

#navigation ul li#portfolio.current,
#navigation ul li#portfolio:active {
  background-position: -80px -90px;
}

/*blog*/

#navigation ul li#blog {
  background-position: -160px 0px;
}

#navigation ul li#blog:hover {
  background-position: -160px -45px;
}

#navigation ul li#blog.current,
#navigation ul li#blog:active {
  background-position: -160px -90px;
}

/*about*/

#navigation ul li#about {
  background-position: -240px 0px;
}

#navigation ul li#about:hover {
  background-position: -240px -45px;
}

#navigation ul li#about.current,
#navigation ul li#about:active {
  background-position: -240px -90px;
}

/*contact me*/
#navigation ul li#contact {
  background-position: -320px 0px;
}

#navigation ul li#contact:hover {
  background-position: -320px -45px;
}

#navigation ul li#contact.current,
#navigation ul li#contact:active {
  background-position: -320px -90px;
}
/*end menu*/

/*footer*/
#footer {
  background: url(../images/bg_footer.jpg) repeat;
  height: 100px;
  width: auto;
  clear: both;
}

#footer #subfooter {
  width: 800px;
  margin: 20px auto auto auto;
  padding: 20px 0px 0px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  color: #cccccc;
}

#subfooter p a {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

#subfooter p a:hover {
  border-bottom: 1px;
  border-bottom-color: #d20142;
  border-bottom-style: dashed;
  font-weight: normal;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

#subfooter p a img {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
/*end footer*/

#content_left {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  font-family: "Arno Pro", serif;
  line-height: 25px;
  font-size: 24px;
  color: #993300;
  width: 540px;
  height: auto;
  float: left;
  border: 0px;
}

#content_left img {
  margin: 5px 0px 5px 0px;
  padding: 0px;
}

#content_left a {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  color: #d20142;
}

#content_left a:hover {
  color: #993300;
  border-bottom: 1px;
  border-bottom-color: #d20142;
  border-bottom-style: dashed;
}

#content_left a:link {
}

#content_left a:visited {
  font-family: Georgia, "Times New Roman", Times, serif;
}

#content_right {
  width: 238px;
  height: auto;
  margin: 0px auto 0px 560px;
  padding: 0px 0px 0px 0px;
  /*border:solid 1px #d20142;
	background:#e0e3a8;*/
  background: url(../images/bg_sidbar.png) top left no-repeat;
}

#content_right p {
  margin: 0px;
  padding: 0px;
}

#wrap {
  width: 800px;
  margin: auto;
  padding: 0px;
  border: 0px;
}

.important {
  color: #d20142;
}

/* about me*/
#aboutme h1 {
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 5px 0px;
  border-bottom: dashed 1px #d20142;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
}

#aboutme p {
  margin: 5px 5px 5px 0px;
  padding: 5px 5px 5px 0px;
  text-align: justify;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
}

#aboutme img#myfoto {
  float: right;
  width: 154px;
  height: 158px;
  margin: 5px 0px 5px 5px;
  padding: 0px 0px 5px 5px;
}

#aboutme h2 {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 25px;
  font-size: 20px;
  color: #993300;
  text-align: center;
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 5px 0px;
}

#aboutme #subleft {
  width: 260px;
  float: left;
}

#aboutme #subleft ul {
  width: 260px;
  float: left;
}

#aboutme #subright {
  width: 260px;
  float: left;
  border: 0px;
}

#aboutme #subright ul {
  width: 260px;
  float: left;
  border: 0px;
}

#aboutme ul.experience li {
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style-type: none;
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 20px;
  font-size: 18px;
  color: #993300;
}

p.small {
  font-size: 12px;
}

#aboutme #content_right {
  width: 240px;
  height: auto;
  /*background:#e0e3a8;*/
  margin: 40px auto 0px 560px;
  padding: 30px 0px 0px 0px;
  /*border:solid 1px #d20142;*/
  background: url(../images/bg_sidbar.png) top left no-repeat;
}

#aboutme #content_right ul {
  font-family: "Arno Pro", serif;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #993300;
  list-style-type: none;
  margin: 5px;
  padding: 5px;
}

#aboutme #content_right li {
  margin: 0px 5px 5px 5px;
  padding: 0px 5px 5px 5px;
  font-size: 14px;
  font-weight: normal;
}

#aboutme #content_right ul#service li.right {
  margin: 0px 5px 5px 15px;
  padding: 0px 5px 5px 15px;
}

#aboutme img {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

#aboutme #content_right p {
  font-family: "Arno Pro", serif;
  line-height: 20px;
  font-size: 10px;
  color: #993300;
}

#aboutme #wrap a img#hireme {
  margin: -358px 0px 0px -50px;
  padding: 0px;
  position: absolute;
  width: 150px;
  border: 0px;
}

#aboutme #footer #subfooter p {
  width: 800px;
  margin: 0px auto 0px auto;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: center;
}

/*about me end*/

/*contact me*/

#contactme h1 {
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 5px 0px;
  border-bottom: dashed 1px #d20142;
  font-size: 20px;
  font-family: Arial, Helvetica, sans-serif;
}

#contactme p {
  margin: 5px 5px 5px 0px;
  padding: 5px 5px 5px 0px;
  text-align: justify;
}
/*email form*/
#contactme form {
  width: 400px;
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 5px 0px;
}

fieldset {
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 5px 0px;
  width: 400px;
  border: 1px solid #d20142;
}

legend {
  margin: 0px 2px 5px 5px;
  padding: 0px 2px 0px 5px;
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 20px;
  font-size: 18px;
  color: #993300;
}

label {
  margin: 5px 5px 0px 5px;
  padding: 5px 5px 0px 5px;
  vertical-align: middle;
}

label.message {
  margin: 5px 5px 0px 5px;
  padding: 5px 5px 0px 5px;
  vertical-align: top;
}

input {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #993300;
  background: #fee3ad;
  border: 1px solid #d20142;
  vertical-align: middle;
}

textarea {
  color: #993300;
  background: #fee3ad;
  border: 1px solid #d20142;
}

fieldset #name {
  margin: 5px 0px 0px 17px;
  padding: 5px 0px 0px 0px;
}

fieldset #surname {
  margin: 5px 0px 0px -3px;
  padding: 5px 0px 0px 0px;
}

fieldset #email {
  margin: 5px 0px 0px 16px;
  padding: 5px 0px 0px 0px;
}

fieldset #message {
  margin: 5px 0px 5px 2px;
  padding: 5px 0px 5px 0px;
  vertical-align: top;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

fieldset #button {
  margin: 5px 0px 5px 97px;
  padding: 5px 0px 5px 0px;
  color: #336633;
  background: url(../images/button1.png) no-repeat;
  border: 1px solid #336633;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
/*end email form*/
#contactme #content_right {
  width: 240px;
  height: auto;
  /*background:#e0e3a8;*/
  margin: 40px auto 0px 560px;
  padding: 30px 0px 0px 0px;
  /*border:solid 1px #d20142;*/
  background: url(../images/bg_sidbar.png) top left no-repeat;
}

#contactme h2 {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 25px;
  font-size: 20px;
  color: #993300;
  text-align: center;
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 5px 0px;
}

#contactme #content_right ul {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-weight: bold;
  color: #993300;
  list-style-type: none;
  margin: 5px;
  padding: 5px;
}

#contactme #content_right ul li {
  margin: 0px 5px 5px 5px;
  padding: 0px 5px 5px 5px;
  vertical-align: middle;
  font-size: 14px;
  font-weight: normal;
}

#contactme #content_right ul li img {
  margin: 0px 5px 0px 0px;
  padding: 0px 5px 0px 0px;
  border: 0px;
  vertical-align: middle;
}

#contactme #content_right ul li a {
  text-decoration: none;
}

#contactme #footer #subfooter p {
  width: 800px;
  margin: 0px auto 0px auto;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: center;
}

/*end contact me*/

/*home page*/

#homepage h1 {
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 5px 0px;
  border-bottom: dashed 1px #d20142;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
}

#homepage p {
  margin: 5px 5px 5px 0px;
  padding: 5px 5px 5px 0px;
  text-align: justify;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 18px;
}

#homepage h3 {
  margin: 15px 0px 15px 0px;
  padding: 5px 0px 5px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
}

#homepage #content_left img {
  margin: 5px 0px 5px 0px;
  padding: 0px;
}

#homepage #content_left a.foto {
  margin: 0px;
  padding: 0px;
  text-decoration: none;
  color: #d20142;
}

#homepage #content_left a:hover.foto {
  color: #993300;
  border-bottom: 1px;
}

#homepage #content_right {
  width: 240px;
  height: auto;
  /*background:#e0e3a8;*/
  margin: 40px auto 0px 560px;
  padding: 30px 0px 0px 0px;
  /*border:solid 1px #d20142;*/
  background: url(../images/bg_sidbar.png) top left no-repeat;
}

#homepage h2 {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 25px;
  font-size: 20px;
  color: #993300;
  text-align: center;
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 5px 0px;
}

#homepage #content_right ul {
  font-family: "Arno Pro", serif;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #993300;
  list-style-type: none;
  margin: 5px;
  padding: 5px;
}

#homepage #content_right ul li {
  margin: 0px 5px 5px 5px;
  padding: 0px 5px 5px 5px;
  vertical-align: middle;
  font-size: 14px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
}

#homepage #content_right ul li img {
  margin: 0px 5px 0px 0px;
  padding: 0px 5px 0px 0px;
  border: 0px;
  vertical-align: middle;
}

#homepage #content_right ul li a {
  text-decoration: none;
}

#homepage #wrap a img#hireme {
  margin: -344px 0px 0px -50px;
  padding: 0px;
  position: absolute;
  width: 150px;
  border: 0px;
}

#homepage #footer #subfooter p {
  width: 800px;
  margin: 0px auto 0px auto;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: center;
}

/*end Home page*/
/*Portfolio page*/

#myportfolio h1 {
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 5px 0px;
  border-bottom: dashed 1px #d20142;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
}

#myportfolio h3 {
  margin: 65px 0px 20px 0px;
  padding: 5px 0px 5px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
}
#myportfolio #content_left img {
  margin: 0px;
  padding: 0px;
  border: 2px solid;
}

#myportfolio #content_left a.foto {
  margin: 0px 25px 0px 0px;
  padding: 0px;
  text-decoration: none;
  color: #d20142;
}
#myportfolio #content_left a.foto:hover {
  color: #993300;
  border-bottom: none;
}

#myportfolio #content_left #suba {
  width: 120px;
  margin: 20px 0px;
  padding: 0px;
  float: left;
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
  font-variant: small-caps;
}

#myportfolio #content_left #suba ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#myportfolio #content_left #suba ul li {
  margin: -8px 0px 0px 0px;
  padding: 0px;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

#myportfolio #content_left #subb {
  width: 410px;
  margin: 20px 0px;
  padding: 0px;
  float: left;
  font-family: "Times New Roman", Times, serif;
  font-size: 12px;
}

#myportfolio #content_left #subb ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

#myportfolio #content_left #subb ul li {
  margin: -8px 0px 0px 0px;
  padding: 0px;
  font-size: 10px;
}

#myportfolio #content_left #subb a {
  font-size: 10px;
}

#myportfolio #content_right {
  width: 240px;
  height: auto;
  margin: 40px auto 0px 560px;
  padding: 30px 0px 0px 0px;
  /*border:solid 1px #d20142;
	background:#e0e3a8;*/
  background: url(../images/bg_sidbar.png) top left no-repeat;
}

#myportfolio h2 {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 25px;
  font-size: 20px;
  color: #993300;
  text-align: center;
  margin: 5px 0px 5px 0px;
  padding: 5px 0px 5px 0px;
}

#myportfolio #subright ul {
  width: 260px;
  float: left;
}

#myportfolio ul.experience li {
  margin: 5px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  list-style-type: none;
  font-family: "Arno Pro", serif;
  line-height: 20px;
  font-size: 24px;
  color: #993300;
}

#myportfolio #content_right ul {
  font-family: "Arno Pro", serif;
  line-height: 20px;
  font-size: 16px;
  font-weight: bold;
  color: #993300;
  list-style-type: none;
  margin: 5px;
  padding: 5px;
}

#myportfolio #content_right li {
  margin: 0px 5px 5px 5px;
  padding: 0px 5px 5px 5px;
  font-size: 14px;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-weight: normal;
}

#myportfolio #content_right ul#service li.right {
  margin: 0px 5px 5px 15px;
  padding: 0px 5px 5px 15px;
}

#myportfolio img {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
#myportfolio #wrap a img#hireme {
  margin: -358px 0px 0px -50px;
  padding: 0px;
  position: absolute;
  width: 150px;
  border: 0px;
}

#content_left img.blog {
  margin: 20px 50px 10px 100px;
  padding: 0px;
  border: 0px;
  position: relative;
  width: 398px;
}

#contactme p.red {
  color: #d20142;
}
#myportfolio #footer #subfooter p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
}
.small {
  font-size: 12px;
}
#blog #content_left h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
}
#blog #footer #subfooter p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
}
#myportfolio #content_left p {
  font-family: Georgia, "Times New Roman", Times, serif;
  text-align: justify;
  margin: 5px 5px 5px 0px;
  padding: 5px 5px 5px 0px;
}