html, body{
	margin: 0;
	padding: 0;
	background: url(images/backgrounds/window.gif) repeat-y center #aad6ea;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}
body{ background: url(images/backgrounds/nav.gif) repeat-x; }

/* CLASSES */
.init{ margin: 0; padding: 0; }
.initTop{ margin-top: 0px; padding-top: 0; }
.initBottom{ margin-bottom: 0px; padding-bottom: 0; }

.half{ width: 47%; float: left; }
.half.pad{ padding-right: 20px; }
.padL{ padding: 0 20px 10px 0; }
.noSide .half.pad{ padding-right: 45px; }
.half p{ margin-left: 5px; margin-right: 5px; }

.clear{ clear: both; }

.flRight{ float: right; }
.flLeft{ float: left; }

.alt{ color: #1d80ca; }
.alt2{ color: #f2a73b; }

/* LINKS */
a img{ border: none; }

a{ color: #1d80ca; text-decoration: none; }
a:hover{ color: #d08519; }

a.alt{ color: #000; }
a.alt:hover{ color: #333; }

.moreLink{
	background: url(images/icons/arrow.gif) no-repeat; 
	display: inline-block;
	height: 20px; line-height: 22px;
	padding-left: 28px;
}


/* TYPOGRAPHY */
p, span, li, label{ font-size: 13px; }

h1{ font-size: 22px; font-weight: normal; } 
#mainContent h1, #talent .half h1, .title{ font-size: 35px; }
.feature h1{ font-size: 22px; }
h2{ font-size: 20px; font-weight: normal; font-family: Tahoma, Arial, Helvetica, sans-serif; margin-top: 30px; }
h3{ font-size: 15px; font-weight: bold; font-family: Tahoma, Arial, Helvetica, sans-serif; }


/* LAYOUT */
#wrapper{ width: 999px; margin: 0 auto; position: relative;  }
#wrapper2{ width: 999px; margin: 0 auto; position: relative;  }

#logo{  position:relative;float:left; height: 70px;}

#nav{ margin-top: 0; height: 70px; margin-left: 290px;  }
#nav li{ display: inline; line-height: 80px; text-transform: uppercase; margin: 0 12px 0 7px; }
#nav li a{ color: #fff; font-size: 15px!important; }
#nav li a:hover{ color: #f2a73b; }

#banner{ width: 900px; height: 290px; margin-top: -10px; }
#banner-void{ width: 900px; height: 55px; }

#banner .narrow{ width: 283px; margin-left: 50px; text-align: right; padding-top: 60px; }

#content{ margin-top: 40px;  clear: both; }

#mainContent{ width: 565px; float: left; }
#mainContent2{ width: 630px; float: left; }
#sideBar{ width: 280px; float: right;   }

#footer{ 
	border-top: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	margin: 25px 0 35px;
	padding: 6px 0;
}
#footer p, #footer a{ font-size: 10px!important; color: #aaa; }
#footer a:hover{ color: #888; }

#testimonial{
width: 280px; height: 200px;
background: url(images/backgrounds/testimonials.png) no-repeat;
}

#testimonial{ height: 225px;cursor: pointer; }
#testimonial p { color: #fff; text-align: justify!important; padding: 70px 40px 0 35px; font-size: 12px; }
#testimonial .byline{ margin-top: 0; padding-top: 0; }

h2.news{ border-bottom: 1px solid #222; }
ul.news{ padding-left: 20px; }
ul.news li{ list-style: none; margin: 7px 0px; }
ul.news li a{ color: #f2a73b; font-size: 12px; font-weight: bold; }
ul.news li a:hover{ color: #3fa0ec; }

#curtain{ display: none; width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 5; background: url(images/backgrounds/blackSolid.gif) repeat;  }
#screen{ display: none; position: fixed; top: 10%; left: 50%; z-index: 10; margin-left: -425px; }
#screen p{ text-align: right; }


.byline{ text-align: right; color: #555; font-style: italic; margin-bottom: 10px; }
.img{ padding: 4px; border: 1px solid #ddd; margin-right: 15px; }

#talent .half{ width: 385px; } #talent .pad{ margin-left: 60px; }

.vip{ width: 130px; float: left; padding-right: 10px; margin-bottom: 10px; }

.feature{ width: 410px; margin: 20px 30px 20px 10px; float: left; }
.feature2{ margin: 20px 10px 20px 30px;  }
.feature .icon{ float: left; height: 90px; margin-right: 30px; }
.feature p{ margin: 7px 0; }

#sideBar .feature{ width: 280px; margin: 10px 30px 10px 10px; }
#sideBar .feature h1{ font-size: 16px; }

.php ul{
list-style:none;
}

@font-face {
    font-family: 'MytupiBold';
    src: url('fonts/mytupibold-webfont.eot');
    src: url('fonts/mytupibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/mytupibold-webfont.woff') format('woff'),
         url('fonts/mytupibold-webfont.ttf') format('truetype'),
         url('fonts/mytupibold-webfont.svg#MytupiBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
