#ui-dimmer {
  background: #00425d url(../img/ui/bg-body.png) repeat-x;
  font: 13px/20px Arial, Helvetica, sans-serif;
  color: #00324b;
  text-shadow: 0px 1px 0px rgba(255,255,255,0.25);
  position:absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 9997;
  opacity: 0;
  display: none;
}

#ui-wrapper {
  position:absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
}

#ui-wrapper span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, acronym, 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, thead, tr, th, td {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  border: 0;
  outline: 0;
  background: transparent;
  font-weight: normal;
}

#ui-wrapper ol, ul {
  list-style: none;
}

#ui-wrapper blockquote, q {
  quotes: none;
}

#ui-wrapper :focus {
  outline: 0;
}

#ui-wrapper table {
  border-collapse: collapse;
  border-spacing: 0;
}

#ui-wrapper a img, :link img, :visited img {
  border: 0;
}

#ui-wrapper q:before, q:after,
blockquote:before, blockquote:after {
  content: "";
}

#ui-wrapper strong {
  font-weight: 900;
}

#ui-wrapper {
	font: 13px/20px Arial, Helvetica, sans-serif;
	color: #656565;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.25);
}

/* links */

#ui-wrapper a:link, #ui-wrapper a:visited {
	color: #00324b;
	font-weight: bold;
	text-decoration: none;
	outline: none;
}

#ui-wrapper a:hover {
	text-decoration: underline;
}


/* PAGE STRUCTURE
------------------------------------------------------------- */
#ui-dimmer div {
  background: transparent url(../img/ui/bg-page.png) top center no-repeat;
  overflow: hidden;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  z-index: 9998;
}

#ui-wrapper .container {
	margin: 30px auto 0;
	position: relative;
	z-index: 2;
}


/* HEADER
------------------------------------------------------------- */

#ui-wrapper .header .left {
  height:103px;
  background: url(../img/ui/topleft.png) top left no-repeat;
}

#ui-wrapper .header .right {
  height:103px;
  background: url(../img/ui/topright.png) top right no-repeat;
}

#ui-wrapper .header .centr {
  height: 103px;
  margin: 0 32px;
  background: url(../img/ui/topbg.png) repeat-x;
}

#ui-wrapper h1 {
  padding: 25px 0 10px 0;
}

#ui-wrapper h1 span {
  display: block;
  width: 105px;
  height: 24px;
  text-indent: -9999px;
  background: url(../img/ui/bg-logo.png) no-repeat;
}

/* MAIN
------------------------------------------------------------- */

#ui-wrapper h3 {
	font-size: 16px;
	text-transform: uppercase;
	margin-bottom: 3px;
}

#ui-wrapper h5 {
	font-size: 11px;
	margin-bottom: 25px;
}

#ui-wrapper .main {
  position: absolute;
  top: 103px;
  bottom: 56px;
  left: 0;
  right: 0;
  /* overflow: hidden; */
}

#ui-wrapper .main .left {
  background: url(../img/ui/leftbg.png) top left repeat-y;
  top:0; bottom: 0;
  left: 0; right: 0;
  position: absolute;
}

#ui-wrapper .main .right {
  background: url(../img/ui/rightbg.png) top right repeat-y;
  top:0; bottom: 0;
  left: 0; right: 0;
  position: absolute;
}

#ui-wrapper .main .centr {
  padding: 0 30px;
  background: url(../img/ui/mainbg.png) repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 18px;
  right: 18px;
  /* overflow: hidden; */
}

/* ABOUT TAB */

#ui-wrapper .main .about div {
	width: 205px;
	padding: 0 20px 0 0;
	float: left;
}

#ui-wrapper .main .about ul.skills li {
	padding: 0 0 0 25px;
	margin: 0 0 10px 0;
	font-weight: bold;
	background: url(../img/bg-skills.png) no-repeat;
}

#ui-wrapper .main .about ul.skills li.gui {
	background-position: 0 2px;
}

#ui-wrapper .main .about ul.skills li.icon {
	background-position: 0 -27px;
}

#ui-wrapper .main .about ul.skills li.graphic {
	background-position: 0 -57px;
}

#ui-wrapper .main .about ul.skills li.html {
	background-position: 0 -89px;
}

#ui-wrapper .main .about ul.skills li.wp {
	background-position: 0 -118px;
}

#ui-wrapper .main .about .website {
	clear: both;
	width: 100%;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
	background: url(..../img/ui/divider.png) repeat-x;
}

#ui-wrapper .main .about .website img {
	float: left;
	margin: 0 15px 15px 0;
}

#ui-wrapper .main .about .website span.title {
	display: block;
	float: left;
	margin: 7px 0 5px 0;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 900;
}

#ui-wrapper .main .about .website span {
	float: left;
}

/* WORK TAB */

#ui-wrapper .main .work {
	padding-bottom: 20px;
}

#ui-wrapper .main .work .folio {
	background: url(../img/bg-workimg.png) 0 0 no-repeat;
	position: relative;
}

#ui-wrapper .main .work .working {
	height: 350px !important;
	width: 440px !important;
}

#ui-wrapper .main .work .folio li {
	top: 27px !important;
}

#ui-wrapper .main .work #pager {
	margin: 5px 195px;
}

#ui-wrapper .main .work #pager a {
	display: block;
	width: 10px;
	height: 10px;
	float: left;
	margin: 0 10px 0 0;
	text-indent: -9999px;
	background: url(../img/bg-dots.png) top right no-repeat;
}

#ui-wrapper .main .work #pager a.activeSlide {
	background-position: top left;
}

/* NETWORKS TAB */

#ui-wrapper .main .networks ul.social {
	overflow: hidden;
}

#ui-wrapper .main .networks ul.social li {
	float: left;
	margin: 0 0 10px 0;
}

#ui-wrapper .main .networks ul.social li a {
	display: block;
	width: 209px;
	height: 48px;
	padding: 8px;
	color: #00324b;
	overflow: hidden;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	position: relative;
}

#ui-wrapper .main .networks ul.social li a:hover {
	background-color: rgba(0,0,0,0.1);
	text-decoration: none;
}

#ui-wrapper .main .networks ul.social li a:active {
	background-color: rgba(0,0,0,0.2);
	top: 1px;
}

#ui-wrapper .main .networks ul.social li a img {
	float: left;
	margin: 0 12px 0 0;
}

#ui-wrapper .main .networks ul.social li a span.site {
	font-size: 16px;
	line-height: 28px;
}

#ui-wrapper .main .networks ul.social li a span {
	font-size: 13px;
	font-weight: normal;
}

/* CONTACT TAB */

#ui-wrapper .main form {
  margin-top: 30px;
}

#ui-wrapper .main form label {
	display: none;
}

#ui-wrapper .main form input, #ui-wrapper .main form textarea {
	color: #00324b;
	font: 13px Arial, Helvetica, sans-serif;
	background: #fff url(../img/bg-input.png) repeat-x;
	border: 1px solid #00324b;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 8px;
	display: block;
	margin: 0 0 18px 0;
	width: 420px;
	clear: both;
	resize: none;
}

#ui-wrapper .main form input#username, #ui-wrapper .main form input#password {
	width: 252px;
	float: left;
	clear: none;
}

#ui-wrapper .main form input#username {
	margin-right: 18px;
}

#ui-wrapper .main form textarea {
	height: 100px;
	margin-bottom: 25px;
}

#ui-wrapper .main form input#submit {
	font-size: 11px;
	color: #888;
	width: 88px;
	height: 22px;
	font-weight: bold;
	padding: 4px 0;
	background: #e9e9e9 url(../img/ui/bg-button-on.png) repeat-x;
	border: 1px solid #afafaf;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
	text-shadow: none;
	float: right;
	clear: none;
	margin: 0 12px 0 0;
	cursor: pointer;
	outline: none;
}

#ui-wrapper .main form input#submit:hover {
	text-decoration: none;
	background: #fff url(../img/ui/bg-button-hover.png) repeat-x;
}

#ui-wrapper .main form input#submit:active {
	text-decoration: none;
	color: #fff;
	background: #b1b1b1 url(../img/ui/bg-button-off.png) repeat-x;
	border: 1px solid #909090;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 1px #fff;
	-moz-box-shadow: 0px 1px 1px #fff;
	box-shadow: 0px 1px 1px #fff;
}

#ui-wrapper .main form input#submit.inactive, #ui-wrapper .main form input#submit.inactive:hover, #ui-wrapper .main form input#submit.inactive:active {
	background: #b1b1b1 url(../img/ui/bg-button-off.png) repeat-x;
	color: #fff;
	border: 1px solid #909090;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 1px 1px #fff;
	-moz-box-shadow: 0px 1px 1px #fff;
	box-shadow: 0px 1px 1px #fff;
	/*  background: transparent url(../img/ui/bg-button-off.png) repeat-x;
  -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
  text-shadow: 0px -1px 1px rgba(0,0,0,0.25); */
}

#ui-wrapper .main div#error {
	float: left;
	//width: 350px;
	font-size: 11px;
	color: #9e0a37;
}

#ui-wrapper .main div#error p.loading {
	color: #00324b;
}


/* FOOTER
------------------------------------------------------------- */

#ui-wrapper .footer {
  position:absolute;
  bottom:0;
  left:0;
  height: 56px;
  right: 0;
}

#ui-wrapper .footer .left {
  height:56px;
  background: url(../img/ui/bottomleft.png) top left no-repeat;
}

#ui-wrapper .footer .right {
  height:56px;
  background: url(../img/ui/bottomright.png) top right no-repeat;
}

#ui-wrapper .footer .centr {
  height: 56px;
  margin: 0 18px;
  background: url(../img/ui/bottombg.png) repeat-x;
}

#ui-wrapper .copyright {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
	width: 860px;
	padding: 60px 5px 30px;
	/*background: url(..../img/ui/bg-footer.png) no-repeat;*/
}

#ui-wrapper .copyright p {
	width: 240px;
	margin: 0 auto;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #111;
	text-align: center;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.25);
}

#ui-wrapper .copyright a {
	color: #161616;
}


/* MISC.
------------------------------------------------------------- */

#ui-wrapper .hide {
	display: none;
}


/* self-clear floats */

#ui-wrapper .group:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#ui-wrapper .container {
  height:100%;
  position:absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-top:0;
}

body {
  height:100%;
}

#ui-wrapper .container .inside {
  top: 40px;
  bottom: 70px;
  position:absolute;
  width:100%;
}


#ui-window {
  position:absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 480px;
  height: 350px;
  //display: none;
}

#ui-content {
  position:absolute;
  top:59px;
  left:0px;
  bottom:0;
  right:0px;
}

#window-debug-footer {
  position:absolute;
  bottom:0;
}

#ui-wrapper .selectWrap {
  margin-top: 30px;
}

#ui-wrapper .selectWrap select{
position:absolute;
margin:-2px 0px 0px -5px;
font-family:Tahoma, sans-serif;
font-size:16px;
opacity:0;
width: 370px;
}
#ui-wrapper .selectWrap .link{
  display: block;
  /*float:left;*/
  width: 350px;
  padding: 4px 8px;
  border: dotted 1px #00587c;
  background:url(../img/ui/dropdown.png) right 50% no-repeat;
}
#ui-wrapper .selectWrap .link span{
  font-size:14px;
  color:#9e0a37;
  border-bottom: dotted 1px #9e0a37;
}
#ui-wrapper .close-btn {
  display: block;
  position:absolute;
  top: -8px;
  right: -9px;
  width: 30px;
  height:29px;
  display: none;
  background:url(../img/ui/closebtn.png);
}

#ui-window .window_content { position: relative; top: -88px; }
#ui-window { display: none; }

p.fromwhere {
	margin-top: 15px;
}

#ui-wrapper .main form#survey-form ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#ui-wrapper .main form#survey-form ul li {
	margin: 0;
	padding: 0;
	margin-right: 25px;
	margin-left: 1px;
}

#ui-wrapper .main form#survey-form li input, #ui-wrapper .main form#survey-form li textarea {
	color: #00324b;
	font: 13px Arial, Helvetica, sans-serif;
	background: transparent;
	border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0;
	margin: 0;
	width: auto;
	resize: none;
	display: inline;
	vertical-align: middle;
}

#ui-wrapper .main form#survey-form li label {
	vertical-align: middle;
	display: inline;
	line-height: 21px;
	margin-left: 2px;
}

#ui-wrapper .main form#survey-form {
	margin-top: 15px;
}