body{
margin:0;
color:#333;
font-size:.8em;
font-family:Arial, Helvetica, sans-serif;
background:#333;
}

#header-content-upload {
display: block;
background: url(/images/title_uploadcontent.gif) top left;
text-indent: -9999px;
height: 30px;
width: 264px;


}

h1{
margin:0;
text-transform:uppercase;
}

h2{
display:block;
font-size:1.9em;
color:#00b1b0;
}

h4{
margin:0 0 5px 0;
}

.hidden{
visibility:hidden;
display:none;
}

a.textToggle{
float: right;
display: block;
padding: 5px;
background-color: #FFFF00;
color: #000;
margin-right:25px;
border: 1px solid #CCC;
border-top: none;
}
a.textToggle:hover{
color: #FFFF00;
background-color: #333;
border: 1px solid #333;
}

ul{
list-style:none;
padding:0;
}

a{
text-decoration:none;
color:#e20177;
font-weight:bold;
}

a:focus{
outline:none;
}

a:hover{
color:#000;
}

img{
border:0;
}

.clear{
clear:both;
line-height:0;
padding:0;
margin:0;
}

.clearRight{
clear:right;
line-height:0;
padding:0;
margin:0;
}

p{
line-height:1.3em;
}

p span{
font-size:1.5em;
font-weight:bold;
}

#pageWrap{
width:100%;
background:url(images/background.jpg) no-repeat top center;
}


#main{
width:950px;
padding:0;
margin:auto;
background:#ededed url(images/header.jpg) no-repeat top center;
}

#titleWelcome{
height:67px;
background:url(images/titleWelcomeTeens1.gif) no-repeat top left;
}
#title_comp{
height:134px;
background:url(images/title_comp_2.gif) no-repeat top left;
}
#title_videos{
height:36px;
background:url(images/title_videos.gif) no-repeat top left;
}
#title_business{
height:113px;
background:url(images/title_business.gif) no-repeat top left;
}
#title_create{
height:74px;
background:url(images/title_create.gif) no-repeat top left;
}
#title_guide{
height:38px;
background:url(images/title_guide.gif) no-repeat top left;
}
#title_casestudy2{
width:641px;
height:81px;
background:url(images/title-case.jpg) no-repeat top left;
}
#title_about_unltd{
width:369px;
height:29px;
background:url(images/title-about-unldt.jpg) no-repeat top left;
}
#title_ringtones{
height:76px;
background:url(images/title_ringtones.gif) no-repeat top left;
}
#title_using{
height:40px;
background:url(images/title_using.gif) no-repeat top left;
}
#title_about{
height:37px;
background:url(images/title_about.gif) no-repeat top left;
}
#title_services{
height:37px;
background:url(images/title_services.gif) no-repeat top left;
}
#title_phonebrain{
height:40px;
margin:0 0 20px 0;
background:url(images/title_phonebrain.gif) no-repeat top left;
}
#title_contact{
height:37px;
background:url(images/title_contact.gif) no-repeat top left;
}
#title_access{
height:37px;
background:url(images/title_access.gif) no-repeat top left;
}
#title_privacy{
height:37px;
background:url(images/title_privacy.gif) no-repeat top left;
}
#title_disclaimer{
height:37px;
background:url(images/title_disclaimer.gif) no-repeat top left;
}
#title_music{
height:37px;
background:url(images/title_music.gif) no-repeat top left;
}
#title_artwork{
height:37px;
background:url(images/title_artwork.gif) no-repeat top left;
}
#title_survey{
height:37px;
background:url(images/title_survey.gif) no-repeat top left;
}
#title_launch{
height:37px;
background:url(images/title_launch.gif) no-repeat top left;
}
#title_interviews{
height:37px;
background:url(images/title_interviews.gif) no-repeat top left;
}
#title_insp{
height:37px;
background:url(images/title_insp.gif) no-repeat top left;
}


#mainLeft{
width:208px;
padding:0;
float:left;
background:url(images/logo.gif) no-repeat top left;
}

#mainLeft #homeBtn{
width:208px;
height:170px;
display:block;
}

#mainRight{
margin:0 0 0 0;
}

#mainLeft #nav{
padding:0 20px 140px 20px;
background:url(images/phoneBg.gif) no-repeat bottom;
}

#mainLeft #nav #phoneBtn{
width:147px;
height:170px;
margin:60px 0 80px -20px;
border:0;
background:url(images/homePageWhat1.png) no-repeat top left;
}
#mainLeft #nav #phoneBtn:hover{
background:url(images/homePageWhat1.png) no-repeat 0 -180px;
}

#mainLeft #nav a{
display:block;
color:#e20177;
font-weight:bold;
font-size:.9em;
padding:5px;
text-transform:uppercase;
border:1px #ccc solid;
background:#fff;
}

#mainLeft #nav a:hover{
color:#00b1b0;
border:1px #ccc solid;
}

#mainLeft #nav .downParent{
color:#fff;
border-top:1px #339999 solid;
border-right:1px #00b1b0 solid;
border-bottom:1px #00b1b0 solid;
border-left:1px #339999 solid;
background:#00b1b0;
}

#mainLeft #nav .downParent:hover{
color:#fff;
border:1px #00b1b0 solid;
background:#00b1b0;
}

#mainLeft #nav li{
margin:1px 0;
}

#mainLeft #nav .navSub{
margin:0;
padding:12px 0 3px 0;
background:#333 url(images/navSubBg.gif) no-repeat top right;
}

#mainLeft #nav .navSub li{
margin:0;
}

/*#mainLeft #nav .navSub .downChild{
font-weight:bold;
border-left:4px #fff solid;
}
#mainLeft #nav .navSub li downChild:hover{
font-weight:bold;
border-left:4px #fff solid;
}*/

#mainLeft #nav .navSub li a{
display:block;
color:#fff;
font-weight:normal;
border-top:0;
border-right:0;
border-bottom:1px #666 dotted;
border-left:4px #e20177 solid;
font-size:.78em;
margin:0 0 5px 5px;
padding:0 0 3px 5px;
background:none;
}

#mainLeft #nav .navSub li a:hover{
color:#ccc;
border-left:4px #FF9999 solid;
}

#mainContent{
padding:160px 0 0 0;
margin:0 0 0 215px;
}

#mainContent img{
float:right;
margin:0;
}

#mainContent_1col{
padding:0 80px 0 0;
}

#mainContent ul{
padding:0 0 0 20px;
}

#mainContent li{
color:#000000;
font-size:1.2em;
font-weight:bold;
padding:10px 0 27px 15px;
}

#mainContent li span{
width:30px;
height:45px;
margin-left:-40px;
margin-top:-15px;
display:block;
float:left;
}

#mainContent ul.warning li{
background:#FFF100 url(images/list_bottom.gif) bottom right no-repeat;
}

#mainContent ul.warning li span{
background:url(images/list_left.gif) no-repeat top right;
}
#mainContent ul.advice li{
background:#d7d7d7 url(images/list_bottom2.gif) bottom right no-repeat;
}

#mainContent ul.advice li span{
background:url(images/list_left2.gif) no-repeat top right;
}

#col1{
width:312px;
padding:0 40px 0 0;
margin:0;
float:left;
background:url(images/col1_bg.gif) top right no-repeat;
}

#features{
margin:20px 0;
}

.col1Box{
font-size:.9em;
line-height:1.3em;
padding:10px 5px 10px 90px;
margin:0 0 15px 0;
border:3px #fff solid;
}
#ringtones{
background:url(images/box_ringtones.gif) left top no-repeat;
}
#class{
background:url(images/box_class.gif) left top no-repeat;
}

#col2{
width:362px;
margin:0;
padding:0 0 0 10px;
float:left;
}

#col2 #flashContent{
width:362px;
margin:auto;
padding:0;
}

#col2Content{
padding:5px 15px;
}

#col2 span{
width:80px;
min-height:80px;
font-size:.9em;
display:block;
padding:0 0 0 10px;
margin:10px 0 0 0;
float:left;
border-left:1px #ccc dotted;
}

#col2Content h3{
padding:15px 0 0 0;
border-top:1px #ccc dotted;
}




#casestudy img{
float:right;
margin:0 10px 10px 10px;
}

#casestudy blockquote{
margin:0 20px;
}

#casestudy .quotePink{
color:#fff;
width:649px;
padding:40px 0 0 0;
font-size:1.2em;
font-weight:bold;
margin:0;
background:#e20177 url(images/quotePinkTop.gif) no-repeat top left;
}

#casestudy .quotePink span{
height:45px;
display:block;
background:url(images/quotePinkBottom.gif) no-repeat bottom left;
}

#casestudy .quoteGreen{
color:#fff;
width:649px;
padding:40px 0 0 0;
font-size:1.2em;
font-weight:bold;
margin:0;
background:#00b1b0 url(images/quoteGreenTop.gif) no-repeat top left;
}

#casestudy .quoteGreen span{
height:47px;
display:block;
background:url(images/quoteGreenBottom.gif) no-repeat bottom left;
}


/*div.featureHome1 {
	width: 560px;
	overflow: hidden;
	position: absolute;
	height: 245px;
	margin: 0px;
	padding: 0px;
	clip: rect(0px 560px 245px 198px);
	margin-left: -198px;
}
div.featureHome1:hover {
	width: 560px;
	margin-left: -198px;
	clip: rect(0px 560px 245px 0px);
}
div.featureHome2 {
	width: 560px;
	overflow: hidden;
	position: absolute;
	height: 245px;
	margin: 0px;
	padding: 0px;
	clip: rect(0px 560px 245px 198px);
	margin-left: -198px;
	margin-top:245px;
}
div.featureHome2:hover {
	width: 560px;
	margin-left: -198px;
	clip: rect(0px 560px 245px 0px);
}*/

a.featureHome1 {
	width: 560px;
	overflow: hidden;
	position: absolute;
	height: 245px;
	margin: 0px;
	padding: 0px;
	clip: rect(0px 560px 245px 198px);
	margin-left: -198px;
	
}
a.featureHome1:hover {
	width: 560px;
	margin-left: -198px;
	clip: rect(0px 560px 245px 0px);
	/*overflow: visible;*/
}
a.featureHome2 {
	width: 560px;
	overflow: hidden;
	position: absolute;
	height: 245px;
	margin: 0px;
	padding: 0px;
	clip: rect(0px 560px 245px 198px);
	margin-left: -198px;
	margin-top:245px;
}
a.featureHome2:hover {
	width: 560px;
	margin-left: -198px;
	clip: rect(0px 560px 245px 0px);
	/*overflow: visible;*/
}

#flash1 {
	
}
#flash2 {
	
}


.feature1{
background:#00b1b0 url(images/feature1Top.gif) no-repeat top;
}
.feature1 a{
background:url(images/feature1Bottom.gif) no-repeat bottom;
}


.feature2{
background:#e20177 url(images/feature2Top.gif) no-repeat top;
}
.feature2 a{
background:url(images/feature2Bottom.gif) no-repeat bottom;
}

ul#grid {
	margin: 0px;
	padding: 0px;
}

ul#grid li {
	float:left;
	margin: 0px 10px 10px 0px;
	border: 1px #FFF solid;
	background-color: #FFF;
	font-size: 0.8em;
	padding: 4px 4px 0px 4px;
	text-align: right;
	width: 100px;
	height: 130px;
	overflow: hidden;
}

ul#grid li:hover {
	border-color: #aaa;
}

ul#grid li span {
	float: none;
	display: block;
	margin: 2px 0px 0px 0px;
	width: 100px;
	height: auto;
}


#gallery .trackParts{
margin:10px 0 10px 0;
background:url(/style/images/trackPartsBg.gif) repeat-y left;
min-height: 20px;
}
#gallery .trackParts .col{
width:155px;
text-align:center;
padding:10px 0 20px 0;
margin:0 4px 4px 0;
float:left;
background:url(/style/images/columnTop.gif) top no-repeat;
}
#gallery .trackParts p{
margin:3px 10px 0 10px;
text-align:left;
border-top:1px #aaa solid;
border-bottom:1px #aaa solid;
padding:3px 0 3px 0;
font-size:.9em;
text-align:.3em;
}
#gallery .trackParts h4, #gallery .trackParts h5{
margin:0;
}
#gallery .trackParts h5{
font-size:.9em;
font-style:italic;
}
#gallery .trackParts img{
float:none;
border:6px #fff solid;
margin:5px 0 10px 0;
}
#gallery .trackParts img:hover{
border:6px #ffff00 solid;
}
#gallery .trackParts ul{
margin:0;
padding:5px 0 0 10px;
text-align:left;
}
#gallery .trackParts ul li{
color:#333333;
font-size:.9em;
margin:0;
padding:0;
font-weight:normal;
float:left;
}
#gallery .trackParts ul li a{
display:block;
padding:0 8px 0 4px;
color:#333;
/*border-right:3px #00b1b0 solid;*/
margin:1px 1px 2px 1px;
background:url(/style/images/btnArrow.gif) no-repeat bottom right;
}
#gallery .trackParts ul li a:hover{
color:#00b1b0;
}


.btn{
	border:0;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	cursor:pointer;
	background:#00b1b0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 6px;
	padding-left: 6px;
	text-transform:uppercase;
	font-weight:bold;
	font-size:0.9em;
}
.btn:hover{
background:#333;
color:#FFFFFF;
}
input.btn{
padding-top: 3px;
padding-bottom: 3px;
padding-right: 5px;
padding-left: 5px;
}

#survey{
margin:0 50px 0 0;
}
#survey .row{
margin:20px 0 0 0;
}
#survey h2{
margin:15px 0 10px 0;
}
#survey h3{
margin:0 0 10px 0;
}
#survey .col1{
padding:3px 8px;
float:left;
}
#survey .text{
margin:20px 200px 10px 0;
}
#survey .dropDown{
width:400px;
}
#survey .field{
margin:0;
}
#survey .field2{
padding:15px;
}
#survey .multiLine{
width:500px;
height:200px;
}
#survey #btnSection{
width:150px;
float:left;
margin:15px 0 0 0;
}
#survey #thanks{
margin:0;
padding:0;
}

.launchGallery{
width:664px;
float:right;
margin:0 0 20px 0;
background:#fff url(images/launchGalleryTop.jpg) no-repeat center top;
padding: 60px 0px 0px 0px;
}

#mainContent .launchGallery ul.content{
padding: 0px 0px 0px 15px;
margin: 0px;
list-style: none;
background: #fff;
}

.launchGallery .contentEnd{
background:url(images/launchGalleryBottom.jpg) no-repeat bottom;
height:60px;
clear:left;
/*padding: 30px 0px 0px 0px;*/
}

.launchGallery .imgHolder{
border:3px #ccc solid;
width:194px;
height:127px;
float:left;
margin:5px;
}

#mainContent .launchGallery li{
width:200px;
height:133px;
margin:5px;
float:left;
padding:0px;
}

#mainContent .launchGallery img {
/*float:left;*/

}

#noFlash{
font-size:.8em;
padding:5px 10px;
overflow:auto;
border:1px #ccc solid;
background:#fff;
}

#noFlash h4{
font-size:1.2em;
margin:5px 0;
}

#noFlash h5{
font-size:1.1em;
margin:0;
}

#footer{
margin:0 auto 30px auto;
padding:60px 0 0 20px;
font-size:.8em;
color:#fff;
background:#333 url(images/footer.gif) no-repeat center top;
}

#footer h1{
font-size:1em;
}

#footer ul{
float:left;
margin:0 30px 0 0;
}
#footer li{
padding:2px 0 0 0;
}

#footer a{
color:#fff;
}

#footer a:hover{
color:#00b1b0;
}

#footer span{
display:block;
text-align:right;
margin:40px 40px 0 0;
}

fieldset {
	margin-right: 30px;
	border: 1px dashed #666666;
	padding: 20px;	
}
fieldset legend {
	font-weight: bold;
	font-size: 1.5em;
	color: #00B1B0;
}
fieldset p {
	overflow: hidden;
	margin: 5px 0;
	width: 360px;
	padding-bottom: 10px;
}
fieldset label {
	float: left;
	width: 150px;
}
fieldset input.text {
	float: left;
	width: 174px;
	border: 1px solid #000;
	padding: 3px;
}

span.invalid {
	background-image: url(/style/images/invalid.gif);
	padding: 0 0 0 15px;
	background-repeat: no-repeat;
	float: left;
	width:18px;
	text-indent: -9999px;
}
.invalidError {
	font-size: 1em;
	color: #CC0000;
	padding: 3px;
}
span.valid {
	background-image: url(/style/images/valid.gif);
	padding-left: 15px;
	background-repeat: no-repeat;
	color: #FFFFFF;
	float: left;
	width:18px;
	height:18px;
}
.notes {
	color: #FFF;
	font-weight: normal;
	margin-left: 350px;
	font-size:0.9em;
	/*background: #F9F9F9 url(/templates/template01/images/notes.gif)  no-repeat;*/
    background: #333333;
    opacity: 0.9;
	padding: 2px 2px 2px 15px;
	min-height:25px;
    position:absolute;
    width: 200px;
    /*border-top: 1px solid #CCC;*/
    border: 1px solid #CCC;
    /*border-bottom: 1px solid #CCC;*/
}

#watch-fuga {
	display: block;
	width: 320px;
	height: 127px;
	background-image: url(/style/images/watch-fugative2.jpg);
	text-indent: -9999px;
}

#watch-fuga:hover {
	background-position: -320px;
}
#mainRight .floatLeft {
	float: left;
}
.video {
	width:340px;
	float:left;
	margin-right:10px;
	background: url(images/videoBackground.gif) no-repeat bottom #d9d9d9;
}
.video p {
	font-size:11px;
	padding:10px;
	margin:0 0 20px 0;
	
}