@font-face {
    font-family: 'AllerItalic';
    src: url('aller_it-webfont.eot');
    src: url('aller_it-webfont.eot?#iefix') format('embedded-opentype'),
         url('aller_it-webfont.woff') format('woff'),
         url('aller_it-webfont.ttf') format('truetype'),
         url('aller_it-webfont.svg#AllerItalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
*, *:active {outline:none}

body {color:#fff; font:normal 0.75em Tahoma, Arial, Helvetica, sans-serif; line-height:1.50em; background:#0e0e0e url("../imgs/bgTop.png") no-repeat center top}

html, body {margin:0; padding:0; height:100%;}

a, a:visited {color:#fff; text-decoration:underline}
a:hover, a:focus, a:active {text-decoration:none; outline:none}

.clear {clear:both; line-height:1%; font-size:1%}
.hide {position:absolute; left:-9000em; margin:0; padding:0}

p {margin:0}

form, fieldset {margin:0; padding:0; border:none}
legend, label {display:none}

#mainWrapper {min-height:100%; position:relative;}

#topWrapper {width:980px; margin:0 auto; position:relative; height:140px;}
#logo {margin:0; padding:0}
#logo a {display:block; width:250px; height:87px; background:url("../imgs/logo.png") no-repeat; text-indent:-9000em; position:absolute; left:23px; top:19px}

#contentWrapper {padding:0 0 316px 0; width:980px; margin:0 auto}

#footerWrapper {width:100%; height:316px; background:url("../imgs/bgFoot.png") no-repeat center top; position:absolute; bottom:0}
#footer {width:980px; margin:0 auto}

.listItem {position:relative; padding:60px 10px 0 20px; height:340px}

.nameItem {margin:0; padding:0; font-family:AllerItalic, Arial, Helvetica, sans-serif; font-style:italic; font-weight:normal; font-size:2.00em; width:180px; line-height:1.1em; color:#fff; position:relative; z-index:10}
.subnameItem {padding:0 0 30px 0; font-family:AllerItalic, Arial, Helvetica, sans-serif; font-style:italic; font-weight:normal; font-size:1.08em; width:240px; color:#575757; position:relative; z-index:10}

.link, .link:visited {background:url("../imgs/gLink.png") no-repeat; font-family:AllerItalic, Arial, Helvetica, sans-serif; font-style:italic; font-size:1.08em; text-decoration:none; color:#bd004c; padding:2px 0 4px 28px; position:relative; z-index:10}
.link:hover, .link:focus {background-position:0 -40px; color:#fff}

.mask {position:absolute; left:20px; top:0; z-index:5; background:url("../imgs/mask.png") no-repeat; width:941px; height:368px}
.img {position:absolute; left:20px; top:0; z-index:4}
.calendar {position:absolute; left:210px; top:48px; z-index:6; background:url("../imgs/bgCalendar.png") no-repeat; width:160px; height:59px; color:#fff; text-align:center; font-family:AllerItalic, Arial, Helvetica, sans-serif; font-style:italic; font-size:1.08em; line-height:1em; padding:12px 0 0 0}
.arrow {position:absolute; left:802px; top:180px; z-index:6; background:url("../imgs/bgArrow.png") no-repeat; width:69px; height:64px}
.worksHead {position:absolute; right:20px; top:210px; z-index:6; font-family:AllerItalic, Arial, Helvetica, sans-serif; font-style:italic; font-weight:normal; font-size:1.08em; color:#575757}
.works {position:absolute; right:20px; top:235px; z-index:6; font-family:AllerItalic, Arial, Helvetica, sans-serif; font-style:italic; font-weight:normal; font-size:1.17em; color:#fff; text-align:right; margin:0; padding:0}
.works li {list-style-type:none}

.footerPart {float:left; width:440px; padding:85px 20px 0 20px}
.headBottom {margin:0; padding:0; font-family:AllerItalic, Arial, Helvetica, sans-serif; font-style:italic; font-weight:normal; font-size:2.00em; color:#bd004c}
.footerPart p {margin:20px 0 0 0; font-family:AllerItalic, Arial, Helvetica, sans-serif; font-style:italic; font-size:1.08em; line-height:1.6em}
#contactForm {margin:13px 0 0 0}
.formTextarea {font-family:AllerItalic, Arial, Helvetica, sans-serif; font-style:italic; font-size:1.08em; line-height:1.6em; width:460px; height:80px; padding:5px; background:#0e0e0e; border:1px solid #191919; color:#fff; margin:5px 0 0 0}
.formInput {font-family:AllerItalic, Arial, Helvetica, sans-serif; font-style:italic; font-size:1.08em; width:460px; padding:5px; background:#0e0e0e; border:1px solid #191919; color:#fff}

.btnForm {font-family:AllerItalic, Arial, Helvetica, sans-serif; font-style:italic; font-size:1.17em; text-transform:uppercase; background:#bd004c; color:#fff; padding:5px 20px; border:none; margin:5px 0 0 388px}
.btnForm:hover, .btnForm:active {background:#fff; color:#bd004c}
.btnForm:active {margin:6px 0 0 388px}

.eInput {color:#bd004c}

.success {font-family:AllerItalic, Arial, Helvetica, sans-serif; font-style:italic; font-size:1.08em; text-align:center; color:#299417; padding:7px 0 0 0}
.errors {font-family:AllerItalic, Arial, Helvetica, sans-serif; font-style:italic; font-size:1.08em; text-align:center; color:#bd004c; padding:7px 0 0 0}

#pagination {padding:0 20px}

.pprev, .pprev:visited {background:url("../imgs/bgPrev.png") no-repeat; width:27px; height:27px; text-indent:-9000em; display:inline-block; padding:3px 0 0 0}
.pnext, .pnext:visited {background:url("../imgs/bgNext.png") no-repeat; width:27px; height:27px; text-indent:-9000em; display:inline-block; padding:3px 0 0 0}
.pprev:focus, .pprev:hover, .pprev:active, .pnext:focus, .pnext:hover, .pnext:active {background-position:0 -40px}

.pactive, .pnoactive, .pnoactive:visited {font-family:AllerItalic, Arial, Helvetica, sans-serif; font-style:italic; font-size:1.33em; margin:0 5px; display:inline-block; padding:2px 0 0 0}
.pactive {color:#fff}
.pnoactive, .pnoactive:visited {color:#575757; text-decoration:none}
.pnoactive:focus, .pnoactive:hover, .pnoactive:active {color:#bd004c}

#yearWrapper {position:absolute; right:20px; top:100px; font-family:AllerItalic, Arial, Helvetica, sans-serif; font-style:italic; font-size:1.33em}
#yearWrapper ul {margin:0; padding:0;}
#yearWrapper ul li {float:left; list-style-type:none; margin:0 0 0 -20px}

.year, .year:visited {background:url("../imgs/bgYear.png") no-repeat; text-align:center; width:95px; height:40px; display:block; color:#575757; text-decoration:none; padding:2px 0 0 0}
.year:hover, .year:focus, .year:active, .yearSelected, .yearSelected:visited {background-position:0 -60px; color:#fff}