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


body {
background:#fff url(images/bg-tile.png) repeat-x scroll center top;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:100%;
font-weight:100;
margin:0 auto;
}

.clear {
clear:both;
}

.clear_right {
clear:right;
}

a:focus, a:hover, a:active {
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
}

#content_wrap {
margin:0 auto;
width:960px;
}

#logo {
background:transparent url(images/logo.jpg) no-repeat scroll center center;
float:left;
margin:0px 0 0px 0px;
width:219px;
height:121px;
}


#nav {
float:right;
margin:20px 0px 0 0;
position:relative;
}

#nav a {
color:#49a9d2;
font-family:Georgia,"Times New Roman",TImes,serif;
font-size:100%;
height:auto;
line-height:6px;
text-decoration:none;
font-style:italic;
padding:7px 20px 7px 20px;
}

#nav  a:hover, #nav a.selected {
color:#49a9d2;
background-color:#e5f6fc;
}

#whatthe {
background:transparent url(images/what-the.jpg) no-repeat scroll center center;	
float:left;
margin:30px 0 0 0;
width:564px;
height:144px;
}

#us {
background:transparent url(images/us.jpg) no-repeat scroll center center;
float:right;
width:365px;
height:237px;
margin:-31px 0 0 0;
}	 

#work {
width:960px;
height:705px;
}

.featured-work {
background:transparent url(images/featured-work.png) no-repeat scroll center center;
width:134px;
height:56px;
margin: 30px 0 0 0;
}

.line {
background-color:#c1c1c1;
width:960px;
height:1px;
margin:20px 0 25px 0;
}

#services {
width:960px;
height:705px;
}

.our-services {
background:transparent url(images/our-services.png) no-repeat scroll center center;
width:134px;
height:74px;
margin: 30px 0 0 0;
}

.services {
float:left;
width:466px;
height:279px;
margin:0px 0 0 0;
}

.services h1 {
color:#49a9d2;
font-size:2.5em;
font-style:italic;
font-weight:normal;
letter-spacing:-2px;
padding:0 0 0px 0;
margin:-2px 0 0 0;
}

.service {
color:#4b5b6b;
font-size:1.2em;
margin:15px 0 0 0;
padding:0 0 15px 7px;
width:370px;
border-bottom:1px solid #d2d2d2; 
}

.services-contact {
color:#85909c;
font-size:1.1em;	
padding:20px 0 0 0;
}

.services-contact a {
color:#49a9d2;
font-size:1.6em;
text-decoration:none;
}

.services-contact a:hover {
background-color:#e5f6fc;
}


#about {
width:960px;
height:705px;
}

.about-citc {
background:transparent url(images/about-citc.png) no-repeat scroll center center;
width:138px;
height:77px;
margin: 30px 0 0 0;
}

.character {
float:left;
width:480px;
height:508px;
margin:0px 0 0 0;
padding:0 0px 0 0;
}

.character .giggles {
background:transparent url(images/giggles.jpg) no-repeat scroll center center;
width:449px;
height:140px;
}

.character .mccracken {
background:transparent url(images/mccracken.jpg) no-repeat scroll center center;
width:449px;
height:140px
}

.character .content {
float:left;
color:#4b5b6b;
font-size:.9em;
margin:0px 0 0 0;
padding:20px 0 0px 0px;
width:443px;
height:374px;
line-height:25px;
}

#contact {
width:960px;
height:720px;
}

.contact-citc {
background:transparent url(images/contact-citc.png) no-repeat scroll center center;
width:130px;
height:64px;
margin: 30px 0 0 0;
}

.contact-left {
float:left;
width:460px;
border-right:1px solid #d3d6dd;

}

.contact-right {
width:460px;
float:right;
}

.contact-text {
color:#7a8691;	
}
.contact-text span {
color:#2d9ccc;
font-style:italic;
}

.twitter {
background:transparent url(images/c-twitter.jpg) no-repeat scroll center center;	
width:457px;
height:155px;
margin:30px 0 0 0;
}

.skype {
background:transparent url(images/c-skype.jpg) no-repeat scroll center center;
width:457px;
height:118px;
}

.email {
background:transparent url(images/c-email.jpg) no-repeat scroll center center;
width:457px;
height:93px;
margin:30px 0 0 0;
}

#footer{
width:960px;
height:150px;
}

.footerimg {
background:transparent url(images/citcfooter.jpg) no-repeat scroll center center;
width:960px;
height:77px;
}

.footer-text {
color:#a9a9a9;
font-style:italic;
float:right;
font-size:.8em;
margin:10px 0 0 0;
}

#language {
float:right;
padding:0px 350px 0 0;
position:relative;
width:100px;
z-index:1001;
top:-20px;
}

#language a span {
display:none;
}

#language div {
float:left;
}

#language a {display:block; 
width:30px;
height:21px;
}

#language .italian a {
background:transparent url(images/flag_i.png) no-repeat;
}

#language .german a {
background:transparent url(images/flag_g.png) no-repeat;
}

#language .english a {
background:transparent url(images/flag_e.png) no-repeat;
}

#language a:hover {
background-position:bottom;
}

#photos {
background:transparent url(images/header_photos.png) no-repeat scroll center center;
float:right;
width:353px;
height:143px;
margin:-100px 0 0 0;
position:relative;
z-index:1000;
}



/*Left Content*/

#content-main {
background-color:#ffffff;
overflow:auto;
padding:0 0 20px;
position:relative;
width:100%;
z-index:999;
top:-50px;
}



#content-left {
float:left;
padding:0;
width:640px;
}

#content-left ul {
color:#232323;
font-size:0.8em;
list-style-type:disc;
margin:0;
padding:0;
}

#content-left li {
margin:10px 0 20px;
padding:2px 0;
}



/*Right Content*/



#content-right {
float:right;
padding:20px 30px 40px 0;
width:320px;
}

#content-right ul {
color:#8F8039;
font-size:0.8em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}

#content-right li {
border-bottom:1px solid #D1C58F;
margin:0;
width:240px;
}

#content-right form {
margin:0;
padding:0;
}

.meta-date {
color:#b1915d;
font-size:1em;
font-weight:100;
padding:0 0 0 10px;
}

.news-img {
float:left;
background:transparent url(images/news-img.jpg) no-repeat scroll left bottom;
margin:5px 0 0 30px;
padding:0 10px 7px 0;
width:83px;
height:71px;
}

.news-img .thumbnail {
float:left;
padding:20px 0 0 15px;
}


/*Production*/
	.row {clear:both;float:left;width:650px;height:40px;color:#696969;font-size:.7em;border-width:0px 1px 1px 0px;border-style:solid;border-color:#c8af87;}
	.bg1 {background-color:#e1d2b8}
	.bg2 {background-color:#f0e9de}
	
	.col_1, .col_2, .col_3, .col_4, .col_5 {float:left;padding:5px;height:30px;border-width:1px 0px 0px 1px;border-style:solid;border-color:#c8af87}
	.col_1 {width:161px;}
	.col_2 {width:141px;}
	.col_3 {width:141px;}
	.col_4 {width:163px;}
	.col_5 {float:left;padding:5px;width:640px;height:30px;border-width:1px 0px 0px 1px;border-style:solid;border-color:#c8af87}
	.col_6 {float:left;padding:5px;font-size:2em;width:640px;height:30px;border-width:1px 0px 0px 1px;border-style:solid;border-color:#c8af87}

	.gap {clear:both;padding-top:30px;}