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

html {
margin: 0 auto;
width: 100%;
height: 100%;

}


body {
margin: 10px auto;
width: 100%;
height: 100%;
background-color:#F2F2F2;
font-family: Helvetica, Arial, sans-serif;
font-variant: small-caps;
font-stretch:extra-condensed;
font-weight:600;

}


#container {
margin: 0 auto;
color:#FF0066;
width: 1024px;
height: auto;
background-color:#FFFFFF;
padding-bottom: 20px;

}


#header {
margin: 0px auto;
width: 100%;
height: 100px;
font-size:23px;
color:#000000;




}


#home {
padding:11px;
float:left;
width: auto;
}



#about {
padding-right: 11px;
text-align:right;
padding-top: 3px;
padding-bottom: 3px;
width: auto;

}

#onAbout {
padding-right: 11px;
text-align:right;
padding-top: 3px;
padding-bottom: 3px;
width: auto;
}



#work {
text-align:right;
padding-right: 11px;
padding-top: 3px;
padding-bottom: 3px;
width: auto;

}

#onWork {
padding-right: 11px;
text-align:right;
padding-top: 3px;
padding-bottom: 3px;
width: auto;
}




#contact {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 11px;
text-align:right;
width: auto;

}


#onContact {
padding-top: 3px;
padding-bottom: 3px;
padding-right: 11px;
text-align:right;
width: auto;

}
a img {
border: none;
}

a {
color:#c0c0c0;
text-decoration: none;

}

a:hover {
color:#000000;
text-decoration:blink;


}

#onAbout a {
color:#FF0066;
}

#onAbout a:hover {
color:#000000;
text-decoration:blink;
}

#onWork a {
color: #FF0066;
}

#onWork a:hover {
color: #000000;
text-decoration:blink;
}



#onContact a {
color: #FF0066;
}

#onContact a:hover {
color: #000000;
text-decoration:blink;
}



#homeOne {
margin: 20px auto;
width: 100%;
height: 300px;
background-color:#F2F2F2;
background:url(headoffteddy.png) no-repeat center;

}

#aboutOne {
margin: 0 auto;
margin-top: 100px;
width: 100%;
height: 310px;
background-color:#F2F2F2;
background:url(cheergirls.png) no-repeat center;

}

#homeOne {
margin: 0 auto;
margin-top: 100px;
width: 100%;
height: 310px;
background-color:#F2F2F2;
background:url(headoffteddy.png) no-repeat center;

}

#workOne {
margin-top:100px;

width: 100%;
height: 310px;

background-color:#F2F2F2;
background:url(crazy.png) no-repeat center;

}

#contactOne {
margin: 0px auto;
margin-top: 100px;
width: 100%;
height: 310px;
background-color:#F2F2F2;
background:url(profile.png) no-repeat center;

}

#homeTwo {
padding-top: 45px;
font-weight:100;
font-size:12px;
line-height:15px;
margin: 0 auto;
width: 90%;
text-align: center;
height: auto;
}

#mainTWOTHREEFOUR {
font-weight:100;
font-size:12px;
line-height:15px;
margin: 40px auto;
width: 90%;
text-align: center;
height: auto;
}




#mainTwo {
clear:left;
position: relative;
float:left;
width: 20%;

}

#mainTwo p{


color: #000000;

}


#mainThree {
clear:none;
position: relative;
margin: 0 auto;
width: 20%;

}

#mainThree p{


color: #000000;

}

#mainFour {
clear:right;
position: relative;
float:right;
top:0;
width: 20%;



}

#mainFour p{


color: #000000;

}






#aboutTWOTHREEFOUR {
font-weight:100;
font-size:12px;
line-height:15px;
width: 100%;
padding-left:5%;
padding-bottom:28%;
text-align: left;
margin-top: 30px;
height: auto;
}

#aboutTwo {
padding-left: 3.5%;
padding-right: 3.5%;
float:left;
margin: 0 auto;
width: 38%;
}

#aboutTwo p{
color: #000000;
}


#aboutThree {
padding-left: 3.5%;
padding-right: 3.5%;
float:left;
margin: 0 auto;
width: 15%;
}

#aboutThree p{


color: #000000;

}

#aboutFour {
padding-left: 3.5%;
padding-right: 3.5%;
float:left;
margin: 0 auto;
width: 15%;


}

#aboutFour p{


color: #000000;

}



#workTWOTHREEFOUR {
font-weight:100;
font-size:12px;
line-height:15px;
margin-top: 60px;
padding-bottom: 5px;
width: 100%;
text-align: center;
height: auto;
}



#workTwo {

width: 100%;
text-align: center;
margin-top: 25px;
padding-bottom: 30px;

}


#workTwo p{


color: #000000;
}

#workTwo a{

font-weight:600;
font-size:12px;
color: #b0b0b0;

margin: 0 auto;

}

#workTwo a:hover{

color: #000000;


}

#workTwo a:active{

}


#toVector {
float:left;
width: 20%;
}

#onVector {
float:left;
width: 20%;
}

#onVector a{
color: #FF0066;
font-weight: 800;
letter-spacing: 0.2px;
font-size:14px;
}

#toRaster {

float:left;
width: 20%;


}

#onRaster {

float:left;
width: 20%;


}

#onRaster a{
color: #FF0066;
font-weight: 600;
letter-spacing: 0.2px;
font-size:14px;
}


#toPhoto {
float:left;
width:20%;

}

#onPhoto {
float:left;
width:20%;
}

#onPhoto a{
color: #FF0066;
font-weight: 600;
letter-spacing: 0.2px;
font-size:14px;
}

#toAnimation {
float:left;
width: 20%;
}

#onAnimation {
float:left;
width: 20%;
}

#onAnimation a{
color: #FF0066;
font-weight: 600;
letter-spacing: 0.2px;
font-size:14px;
}

#toPosters {
float:left;
width: 20%;
}

#onPosters {
float:left;
width: 20%;
}
#onPosters a{
color: #FF0066;
font-weight: 600;
letter-spacing: 0.2px;
font-size:14px;
}



#contactTWOTHREEFOUR {
font-weight: 100;
font-size:12px;
line-height:15px;
margin: 30px auto;
width: 100%;
padding-left:10%;
padding-bottom:2%;

text-align: left;
height: auto;
}




#contactTwo {


float:left;
width: 30%;

margin: 0 auto;

}

#contactTwo p{

font-weight: 600;
color: #000000;
}


#contactThree {
float:left;
margin: 0 auto;
width: 30%;


}

#contactThree p{

font-weight: 600;
color: #000000;

}

#contactFour {

float:left;
margin: 0 auto;
width: 30%;



}

#contactFour p{

font-weight: 600;
color: #000000;

}




#footer {
background:#999999;
width: 1024px;
height: 20px;
margin: 0 auto;
}


#footer a img {
width: 50px;
height: 50px;
}