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

h1,h2,h3         {
	
	font-family: 'Paytone One', sans-serif;

}


h1   {
	
	font-size:1.8em;
}
p  {
	font-family:Verdana, Geneva, sans-serif;
	color:rgb(255,255,255);
	padding:5px;
}

a  {
	color:rgb(255,255,255);
}

a:hover {
	color:rgb(255,204,0);
	
}



#top-bar {
	background-image: url(../image/top-bar.gif);
	background-repeat: repeat-x;
	height: 8px;
}

.about-box a{
	font-weight:bolder;
	line-height:1.8;
}

.box-top {
	padding-top:20px;
	text-align:right;
	font-weight:bold;
}


.box-top a{
	padding-right:10px;
	color:rgb(255,255,255);
}
.colorbox01 {
	background-color: rgb(255,153,0);
}


.colorbox02  {
	background-color: rgb(204,0,0);
	border-top:rgb(255,255,255) solid thin;
	
}

.colorbox03  {
	background-color:rgb(39,42,79);
	border-top:rgb(255,255,255) solid thin;
	
}

.colorbox04  {
	background-color: rgb(116,48,101);
	border-top:rgb(255,255,255) solid thin;
}

.colorbox05   {
	background-color:rgb(241,90,106);
	border-top:rgb(255,255,255) solid thin;
	


}

.colorbox06   {
	background-color:rgb(115,99,121);
	border-top:rgb(255,255,255) solid thin;
	
}

.colorbox07   {
	
}

.colorbox08   {
	
}




#creative-box {
	background-color: rgb(169,199,63);
	padding: 14px 53px 14px 53px;
}

#animation-box {
	background-color: rgb(57,181,74);
	padding: 14px 55px 14px 55px;
}

#interactive-box {
	background-color: rgb(46,49,146);
	padding: 14px 55px 14px 55px;
}
#recruitment-box {
	background-color: rgb(212,20,90);
	padding: 14px 55px 14px 55px;
}

#contact-box {
	background-color: rgb(185,60,56);
	padding: 14px 55px 14px 55px;
}

.sectionDescription {
	margin-left: 0.5%;
}

#map {
	padding: 20px;
	margin: 2.5%;
	float: left;
	border: 2px solid;
	display: block;
	width: 40%;
}