@charset "UTF-8";
/* CSS Document */

body {
	background-image: url(images/background.png);
	margin-left: 0;
	margin-right: 0;
	margin-top: 100px;
	font family: 'Josefin Sans Std Light', arial, serif;
font-size: 12px;
color: #7F7F7F;
}

p { font-family: 'Josefin Sans Std Light', Garamond, times, sans-serif;; font-size: 16px; color: #CCCCCC;font-weight: lighter; letter-spacing: .06em; line-height: 19px;}
h1 { font-family: 'Josefin Sans Std Light', Garamond, times, sans-serif; font-size: 16px; color: #333333; font-weight: lighter; letter-spacing: .01em; }
h2 { font-family: 'Josefin Sans Std Light', Garamond, times, sans-serif; font-size: 16px; color: #cccccc; font-weight: lighter; letter-spacing: .01em; }
h3 { font-family: 'Josefin Sans Std Light', Garamond, times, sans-serif; font-size: 16px; color: #333333; font-weight: lighter; letter-spacing: .01em; }
h4 { font-family: 'Josefin Sans Std Light', Garamond, times, sans-serif; font-size: 14px; color: #333333;font-weight: lighter; letter-spacing: .05em; }
h5 { font-family: 'Josefin Sans Std Light', Garamond, times, sans-serif; font-size: 14px; color: #333333;font-weight: lighter; letter-spacing: .05em; }
h6 { font-family: 'Josefin Sans Std Light', Garamond, times, sans-serif; font-size: 14px; color: #424242;font-weight: lighter; letter-spacing: .05em; }

a:link {
	color: #CCCCCC;
	text-decoration: none;
	outline: none;
}
a:visited {
	text-decoration: none;
	color: #CCCCCC;
	outline: none;
}
a:hover {
	text-decoration: none;
	color: #CCCCCC;
	outline: none;
}
a:active {
	text-decoration: none;
	color: #ffffff;
	outline: none;
}
{style}

.area {width:1004px; height:432px; margin: 0 auto; text-align: left; position: relative; }
.text {font-size-adjust: 20px; }

#construct { z-index: -5;}


#homeText { position: absolute; top: 47px; left: -2px; width: 94px; height: 36px; line-height: 16px; clear: both; text-align: right; z-index: 5; }
#filmText { position: absolute; top: 92px; left: -2px; width: 94px; height: 37px; line-height: 16px; text-align: right; z-index: 5;}
#advertsText { position: absolute; top: 128px; left: -2px; width: 94px; height: 30px; line-height: 16px; text-align: right; z-index: 5;}
#animationText { position: absolute; top: 153px; left: -2px; width: 94px; height: 30px; line-height: 16px; text-align: right; z-index: 5;}
#dramaText { position: absolute; top: 177px; left: -2px; width: 94px; height: 40px; line-height: 16px; text-align: right; z-index: 5; }
#dramaText a { colour: #cccccc; }
#designText { position: absolute; top: 228px; left: -2px; width: 94px; height: 37px; line-height: 16px; text-align: right; z-index: 5;}
#websitesText { position: absolute; top: 265px; left: -2px; width: 94px; height: 30px; line-height: 16px; text-align: right; z-index: 5;}
#brandingText { position: absolute; top: 289px; left: -2px; width: 94px; height: 30px; line-height: 16px; text-align: right; z-index: 5;}
#illustrationText { position: absolute; top: 313px; left: -2px; width: 94px; height: 40px; line-height: 16px; text-align: right; z-index: 5;}
#caseStudiesText { position: absolute; top: 363px; left: -2px; width: 94px; height: 36px; line-height: 16px; text-align: right; z-index: 5;}
#contactText { position: absolute; top: 406px; left: -2px; width: 94px; height: 36px; line-height: 16px; text-align: right; z-index: 5;}
#copyrightText { position: absolute; top: 409px; left: 505px; width: 500px; height: 36px; line-height: 16px; text-align: right; z-index: 3; font-size: 14px; color: #424242;}
#copyrightText a:link { font-size: 12px; color: #606060; letter-spacing: .03em; font-size: 14px;}
#copyrightText a:visited { font-size: 12px; color: #606060; letter-spacing: .03em; font-size: 14px;}
#copyrightText a:hover { font-size: 12px; color: #CCCCCC; letter-spacing: .03em; font-size: 14px;}
#contactDetailsText { position: absolute; top: 409px; left: 115px; width: 200px; height: 36px; line-height: 16px; text-align: left; z-index: 3; font-size: 14px; color: #424242;}
#contactDetailsText a:link { font-size: 12px; color: #606060; letter-spacing: .03em; font-size: 14px;}
#contactDetailsText a:visited { font-size: 12px; color: #606060; letter-spacing: .03em; font-size: 14px;}
#contactDetailsText a:hover { font-size: 12px; color: #CCCCCC; letter-spacing: .03em; font-size: 14px;}

#homeImg { position: absolute; top: 52px; left: 0px; width: 98; height: 28; z-index: 1;}
#filmImg { position: absolute; top: 95px; left: 0px; width: 98; height: 122; z-index: 1;}
#designImg { position: absolute; top: 232px; left: 0px; width: 98; height: 122; z-index: 1;}
#caseStudiesImg { position: absolute; top: 369px; left: 0px; width: 98; height: 28; z-index: 1;}
#contactImg { position: absolute; top: 412px; left: 0px; width: 98; height: 28; z-index: 1;}

#spriteTest { position: absolute; top: 504px; left: 0px; width: 893; height: 100; z-index: 1;}

#newsSprite { position: absolute; top: 0px; left: 784px; z-index: 5;}
#newsSprite a { width: 56px; height: 28px; display: block; background: url(./images/sprite_main.png) -62px -69px; border: none;}
#newsSprite a:hover { background-position: -3px -69px }

#youTubeSprite { position: absolute; top: 0px; left: 846px; z-index: 5;}
#youTubeSprite a { width: 56px; height: 28px; display: block; background: url(./images/sprite_main.png) -763px -38px; border: none;}
#youTubeSprite a:hover { background-position: -763px -7px}

#facebookSprite { position: absolute; top: 0px; left: 908px; z-index: 5;}
#facebookSprite a { width: 28px; height: 28px; display: block; background: url(./images/sprite_main.png) -822px -38px; border: none;}
#facebookSprite a:hover { background-position: -822px -7px}

#twitterSprite { position: absolute; top: 0px; left: 942px; z-index: 5;}
#twitterSprite a { width: 28px; height: 28px; display: block; background: url(./images/sprite_main.png) -854px -38px; border: none;}
#twitterSprite a:hover { background-position: -854px -7px}

#linkedInSprite { position: absolute; top: 0px; left: 976px; z-index: 5;}
#linkedInSprite a { width: 28px; height: 28px; display: block; background: url(./images/sprite_main.png) -885px -38px; border: none;}
#linkedInSprite a:hover { background-position: -885px -7px}

#oooiSprite { position: absolute; top: 0px; left: 0px; z-index: 5;}
#oooiSprite a { width: 98px; height: 28px; display: block; background: url(./images/sprite_main.png) -131px -69px; border: none;}
#oooiSprite a:hover { background-position: -131px -69px}

#lineSprite { position: absolute; top: 439px; left: 111px; z-index: 1;}
#lineSprite a { width: 893px; height: 1px; display: block; cursor: default; background: url(./images/sprite_main.png) 0px -3px; border: none;}