/* -- reset -- */
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;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* -- global elements -- */
html {background: #717075 url(/i/bg.png) repeat-x; border: none;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 61%; padding: 0 0 64px 0; color: #aaa9a9;}

a, a:visited {color: #999;}
a:hover {text-decoration: none;}
#content a, #content a:visited {color: #ccc;}

h1 {text-indent: -1000em;}
h1 a {display: block; width: 381px; height: 33px; margin: 0 0 37px 46px; background: url(/i/sprite3.png) no-repeat 0 0;}
h4 {font-size: 1.1em; font-weight: bold; color: #ccc; margin: 20px 0 -15px 0;letter-spacing: 0.5px;}

p, form {line-height: 1.6; margin-top: 20px;}
fieldset {margin-bottom: 7px;}
fieldset .field {float: left; position: relative;}
label {float: left; width: 74px; padding-top: 5px;}
input, textarea {width: 194px; border: 1px solid #666569; background: transparent; padding: 5px; color: #aaa9a9; font-family: Arial, Helvetica, sans-serif; font-size: 1em;}
input {height: 16px;}
textarea {height: 62px; overflow: auto;}

button {text-indent: -1000em; width: 137px; height: 33px; background: url(/i/sprite3.png) no-repeat -244px -112px; padding: 0px; margin: 0; border: none; cursor: pointer; cursor: hand;}
button:hover {background-position: -244px -146px;}
button:active {background-position: -244px -180px;}

td {font-family: Arial, Helvetica, sans-serif; vertical-align: top;}

ul {list-style: disc; padding-left: 1em; margin:20px 0 0 8px;}
li {padding-top:9px; line-height: 1.4;}

/* -- wrap, main, content -- */
#wrap {width: 950px; margin: auto; margin-top: 36px; position: relative; background: url(/i/shadow.png) no-repeat 0 70px;}
#galleries #wrap {background: url(/i/shadow_galleries.png) no-repeat 0 70px;}
#client #wrap {width: 800px; background:none;}
#main {height: 575px; margin-bottom: 27px; padding: 2px 0 0 11px;  position: relative;}
#content {position: absolute; bottom: 15px; right: 19px; vertical-align: bottom; width: 282px; padding: 0 35px 30px 34px; font-size: 1.2em;}
#description {font-size: 1.1em; line-height: 1.4;padding:0 40px 40px 45px;float:left;width:530px;}
#promos {float:left;width:305px;font-size: 1.1em; line-height: 1.4;}
#description a, #promos a, #description a:visited, #promos a:visited {color: #ccc}
#home p {margin-top:6px; font-size: 1.1em;}
h3 {font-size:1.4em; color:#ccc;}

/* -- main pages -- */
/* #home #main {background: url(/i/home.jpg) no-repeat 11px 2px;} */
#about #main {background: url(/i/main_about.jpg) no-repeat 11px 2px;}
#about #main h2 {text-indent: -1000em; background: url(/i/sprite3.png) no-repeat; margin-bottom: 22px;width: 123px; height: 25px; background-position: 0 -118px;}
#about img {padding: 5px 0 5px 12px; float: right;}

#details #main {background: url(/i/main_details2.jpg) no-repeat 11px 2px;}
#details #main #content h2 {text-indent: -1000em; background: url(/i/sprite3.png) no-repeat; margin-bottom: 22px;width: 145px; height: 26px; background-position: 0 -149px;}

#rates #main {background: url(/i/main_rates_2.jpg) no-repeat 11px 2px;}
#rates #main h2 {text-indent: -1000em; background: url(/i/sprite3.png) no-repeat; margin-bottom: 22px;width: 124px; height: 23px; background-position: 0 -184px;}

#contact #main {background: url(/i/main_contact2.jpg) no-repeat 11px 2px;}
#contact #main h2 {text-indent: -1000em; background: url(/i/sprite3.png) no-repeat; margin-bottom: 22px;width: 148px; height: 23px; background-position: 0 -216px;}
#contact #main h2.thankyou, #feedback #main h2.thankyou {text-indent: -1000em; background: url(/i/sprite3.png) no-repeat; margin-bottom: 22px;width: 139px; height: 30px; background-position: 0 -278px; margin-bottom: 20px;}
#feedback #main {background: url(/i/main_feedback.jpg) no-repeat 11px 2px;}

#login #main {background: url(/i/main_login.jpg) no-repeat 11px 2px;}
#login #main h2 {text-indent: -1000em; background: url(/i/sprite3.png) no-repeat; margin-bottom: 22px;width: 151px; height: 30px; background-position: 0 -246px;}
#login form {margin-bottom: 71px;}
#login button {background-position: -244px -214px;}
#login button:hover {background-position: -244px -248px;}
#login button:active {background-position: -244px -282px;}

#details #main.full {background: url(/i/details_full2.jpg) no-repeat 11px 2px;}
#main.full #content {position: relative; top: 90px; left: 10px; vertical-align: top; padding: 0 25px; width: 870px;}
#main.full #content h2 {text-indent: -1000em; background: url(/i/sprite3.png) no-repeat; margin-bottom: 22px;margin-bottom: 15px;}
#main.full #content.three div.col {float: left; width: 260px; margin-right: 25px;}

#privacy #main.full {background-color: #1c1b20;}
#privacy #main.full h2 {text-indent: -1000em; background: url(/i/sprite3.png) no-repeat; margin-bottom: 22px;width: 240px; height: 31px; background-position: 0 -373px;}

#terms #main.full {background-color: #1c1b20;}
#terms #main.full h2 {text-indent: -1000em; background: url(/i/sprite3.png) no-repeat; margin-bottom: 22px;width: 240px; height: 31px; background-position: 0 -405px;}

/* -- newborn landing page -- */
#newborn #main {background: url(/i/main_newborn3.jpg) no-repeat 11px 2px;}
#newborn #main h2 {text-indent: -1000em; background: url(/i/sprite3.png) no-repeat; margin-bottom: 22px;width: 92px; height: 26px; background-position: -136px -309px;}
#newborn div.btnview, #newborn div.btncontact {text-indent: -1000em; width: 137px; height: 33px; background: url(/i/sprite3.png) no-repeat -244px -214px; padding: 0px; margin: 25px 5px 0 0; border: none; float:left; cursor: pointer; cursor: hand;}
#newborn div.btncontact {background-position: -244px -418px; margin-right: 0px;}
#newborn div.btnview:hover {background-position: -244px -248px;}
#newborn div.btnview:active {background-position: -244px -282px;}
#newborn div.btncontact:hover {background-position: -244px -452px;}
#newborn div.btncontact:active {background-position: -244px -486px;}

/* -- nav -- */
ul#nav {position: absolute; top: 9px; right: 38px; width: 392px; height: 26px; margin: 0; padding: 0;}
ul#nav li {display: inline; padding: 0;}
ul#nav li a {float: left; height: 0; padding-top: 26px; overflow: hidden; background: url(/i/sprite3.png) no-repeat 0 -33px;}
ul#nav li.galleries a {width: 79px;}
ul#nav li.about a {width: 64px;}
ul#nav li.details a {width: 69px;}
ul#nav li.rates a {width: 58px;}
ul#nav li.contact a {width: 75px;}
ul#nav li.blog a {width: 47px;}
		/* normal button states */
ul#nav li.galleries a, ul#nav li.galleries a:visited {background-position: 0 -33px;}
ul#nav li.about a, ul#nav li.about a:visited {background-position: -79px -33px;}
ul#nav li.details a, ul#nav li.details a:visited {background-position: -143px -33px;}
ul#nav li.rates a, ul#nav li.rates a:visited {background-position: -212px -33px;}
ul#nav li.contact a, ul#nav li.contact a:visited {background-position: -270px -33px;}
ul#nav li.blog a, ul#nav li.blog a:visited {background-position: -345px -33px;}
		/* hover button states */
ul#nav li.galleries a:hover {background-position: 0 -59px;}
ul#nav li.about a:hover {background-position: -79px -59px;}
ul#nav li.details a:hover {background-position: -143px -59px;}
ul#nav li.rates a:hover {background-position: -212px -59px;}
ul#nav li.contact a:hover {background-position: -270px -59px;}
ul#nav li.blog a:hover {background-position: -345px -59px;}
		/* higlighted button states */
#galleries ul#nav li.galleries a, #galleries ul#nav li.galleries a:hover {background-position: 0 -85px;}
#about ul#nav li.about a, #about ul#nav li.about a:hover {background-position: -79px -85px;}
#details ul#nav li.details a, #details ul#nav li.details a:hover {background-position: -143px -85px;}
#rates ul#nav li.rates a, #rates ul#nav li.rates a:hover {background-position: -212px -85px;}
#contact ul#nav li.contact a, #contact ul#nav li.contact a:hover {background-position: -270px -85px;}
#blog ul#nav li.blog a, #blog ul#nav li.blog a:hover {background-position: -345px -85px;}

/* -- contact form -- */
#message {padding-bottom:245px;}
.error {color:#f76265;font-size:0.9em;}
.error img {position: absolute; right: -20px; top: 6px;}

/* -- footer -- */
#footer, #footer a {color: #b0afaf;}
#footer {font-size: 1.1em; line-height: 1.4}
#footer #left {text-align: left; width: 430px; float: left; padding: 0 0 40px 45px;}
#footer #right {text-align: right; width:430px; float: left; padding: 0 45px 40px 0;}
#client #footer #left, #client #footer #right {width: 355px;}