/* GLOBAL RESET */
* {
outline: 0;
outline-width: 0;
outline-style: none;
}
a img {
border: 0;
}
body {
  margin: 0;
  padding: 0;
  font: 14px Arial, Helvetica, sans-serif;
  color: #666;
  background: #6797c7 url(http://onyshchenko.com/img/bg-tile.png) repeat-x top left;
  text-align: center;
}
#frame {
  width: 850px;
  height:800px;
  background: url(http://onyshchenko.com/img/bg-content.png) no-repeat top center;
  margin: 0 auto;
  text-align: center;
}
#pn_sendtextmessage #frame, #pn_sendemail #frame {
  width: 90%;
  height: auto;
  padding: 10px 10px;
  margin: 20px 20px;
  border: 1px solid #fff;
  background: #D7DBDE;
  margin: 0 auto;
  text-align: center;
}


#header {   margin: 0 auto;
}
#ron {
  cursor: pointer;
}
#ron h1 {
  height:110px;
  text-indent: -999999px;
  display: block;
  margin: 0;
  padding:0;
}
#intro, #projects, #contact {
  width: 520px;     margin: 0 auto;
}
#intro {
  text-align: left;
  margin-bottom: 20px;
}
#projects,#contact {
  margin-top: 20px;
}
#projects ul,#contact ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#projects li {
  display: inline;
}
#contact li {
  margin: 0px 5px 5px 0;
  padding: 0px 0 2px 0;
  display: block;
  width: 250px;
  text-align: center;
  float: left;
  border-bottom: 1px solid #ddd;
}

#contact ul.contacts  {
  margin: 0px 0 0 0;
  padding: 0;
  width: 390px;
}
#contact .contacts li {
  margin: 0;
  padding: 0px 30px 0 0;
  display: block;
  width: 100px;
  text-align: center;
  float: left;
  border-bottom: 1px solid #ddd;
}

#container {
  width: 780px;
  padding-top:10px;
  background: url(http://onyshchenko.com/img/bg-content.png) no-repeat top center;
}

#content {
  width: 450px;
  float: left;
  margin-left: 25px;
  text-align: justify;
}
#sidebar {
  width: 270px;
  float: right;
  margin-right: 20px;
  background:  #fff url(http://onyshchenko.com/img/bg-form-tile.png) repeat-x bottom left;
  border: 1px solid #cdeffc;
}
#footer {
  margin-top: 20px;
  font-size: 10px;
  color: #fff;
}

a:link, a:visited {
  color: #4CA610;
  text-decoration: none;
}
a:hover, a:focus, a:active {
  color: #6797C6;
  text-decoration: none;
}


.clear {
  clear: both;
  overflow: hidden;
  height: 1px;
  font-size: 1px;
}

/* HEADINGS */
h1,h2,h3,h4,h5,h6 {
  margin: 5px 0px;
  padding: 0;
  text-align: left;
  font-family: "Trebuchet MS", "Century Gothic", Arial, Helvetica, sans-serif;
}
h1 {
  font-size: 28px;
}
h2 {
  font-size: 24px;
  color: #66717B;
}
h3 {
  font-size: 22px;
  color: #D5FDFF;
}
h4 {
  font-size: 18px;
  color: #04AEEF;
}
#intro h4 {
  font-size: 18px;
  color: #66717B;
  width: 500px;
  text-align:left;
  margin: 0;
  padding: 0;
}
#intro h3 {
  font-size: 22px;
  color: #7196A4;
  width: 400px;
  text-align:left;
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}

h5 {
  font-size: 16px;
  color: #4ca610;
}
h6 {
  font-size: 14px;
  color: #03226F;
}

ul.check {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.check li {
  display: block;
  margin: 0;
  padding: 0px 0px 0px 25px;
  background: url(http://onyshchenko.com/img/select16.gif) no-repeat top left;
  margin-bottom: 5px;
  border-bottom: 1px solid #fff;
  text-align: left;
}


/* FORMS */
form {
  margin: 0;
  padding: 0 10px 0 10px;
}
form label {
	cursor:pointer;
}
fieldset {
  border: 1px solid #fff;
  text-align: left;
  padding: 5px 5px;
}
legend, label {
  font-weight: bold;
}
legend {

}
.required {
  color: #f00;
  font-weight: bold;
  font-size: 16px;
}
.forms, textarea, select {
  border: 1px solid #6797C7;
  padding: 2px 2px;
}
.button {
  background: #6797C7;
  border: 1px solid #437CB6;
  padding: 5px 5px;
  color: #fff;
  font-weight: bold;
}


/* MESSAGES */
.error {
  color: #9B0027;
  font-weight: bold;
  display: block;
  padding: 5px 5px;
  margin: 5px 0px;
  border: 1px solid #FFD2DE;
  background: #FFF2F5;
}
.success, .ok, .okay {
  color: #89B47A;
  font-weight: bold;
  display: block;
  padding: 5px 5px;
  margin: 5px 0px;
  border: 1px solid #C9DDC1;
  background: #F3F8F1;
}
.notice, .caption {
  color: #B59A79;
  font-weight: bold;
  display: block;
  padding: 5px 5px;
  margin: 5px 0px;
  border: 1px solid #D6C27E;
  background: #F9F8E8;
}

/* SHADOWBOX */
#sb-container,#sb-wrapper{
text-align:left;
}
#sb-container,#sb-overlay{
position:absolute;
top:0;
left:0;
width:100%;
margin:0;
padding:0;
}
#sb-container{
height:100%;
display:none;
visibility:hidden;
z-index:999;
}
body > #sb-container{
position:fixed;
}
#sb-overlay{
height:expression(document.documentElement.clientHeight + 'px');
}
#sb-container > #sb-overlay{
height:100%;
}
#sb-wrapper{
position:relative;
}
#sb-wrapper img{
border:none;
}
#sb-body{
position:relative;
margin:0;
padding:0;
overflow:hidden;
border:5px solid #fff;
}
#sb-body-inner{
position:relative;
height:100%;
}
#sb-content.html{
height:100%;
overflow:auto;
}
#sb-loading{
position:absolute;
top:0;
width:100%;
height:100%;
text-align:center;
padding-top:10px;
}
#sb-body,#sb-loading{
background-color:#060606;
}
#sb-title,#sb-info{
position:relative;
margin:0;
padding:0;
overflow:hidden;
}
#sb-title-inner,#sb-info-inner{
position:relative;
line-height:16px;
}
#sb-title,#sb-title-inner{
height:26px;
}
#sb-title-inner{
font-size:16px;
padding:5px 0;
color:#fff;
}
#sb-info,#sb-info-inner{
height:20px;
}
#sb-info-inner{
font-size:12px;
color:#fff;
}
#sb-nav{
float:right;
height:16px;
padding:2px 0;
width:45%;
}
#sb-nav a{
display:block;
float:right;
height:16px;
width:16px;
margin-left:3px;
cursor:pointer;
}
#sb-nav-close{
background-image:url(../js/shadowbox/resources/close.png);
background-repeat:no-repeat;
}
#sb-nav-next{
background-image:url(../js/shadowbox/resources/next.png);
background-repeat:no-repeat;
}
#sb-nav-previous{
background-image:url(../js/shadowbox/resources/previous.png);
background-repeat:no-repeat;
}
#sb-nav-play{
background-image:url(../js/shadowbox/resources/play.png);
background-repeat:no-repeat;
}
#sb-nav-pause{
background-image:url(../js/shadowbox/resources/pause.png);
background-repeat:no-repeat;
}
#sb-counter{
float:left;
padding:2px 0;
width:45%;
}
#sb-counter a{
padding:0 4px 0 0;
text-decoration:none;
cursor:pointer;
color:#fff;
}
#sb-counter a.sb-counter-current{
text-decoration:underline;
}
div.sb-message{
font-size:12px;
padding:10px;
text-align:center;
}
div.sb-message a:link,div.sb-message a:visited{
color:#fff;
text-decoration:underline;
}