* {
    padding:	    0;
    margin:	        0;
}

html, body, form {
	font-family: 'Oswald', sans-serif;
	font-weight:	normal;
	font-size:      100%;
	background-color:#364145;
	}

body {
	font-size:      100%;
	
}

img 
{
    border:         0px none;
}

.blue {
	color:	#3C71FB;
}

.grey {
	color:	#333333;
}

h2 {
	font-size:27px;
	margin-top: 0px;
}

h3 {
	font-family: 'Oswald', sans-serif;
	font-weight:	300;
	font-size: 30px;
	margin-bottom:10px;
}

h4 {
	font-family: 'Oswald', sans-serif;
	font-weight:	400;
	font-size: 30px;
	color:	#3C71FB;
	margin-bottom:10px;
}


hr {
	border-top: 1px solid #3C71FB;
	margin-bottom:40px;
}


        
/* PAGE CONTAINER */
#pageContainer {
	position:		relative;
	margin:		    0 auto;
	margin-bottom: 20px;
	width:          960px;
	padding:        0px 0px 0px 0px;
	font-family: 'Oswald', sans-serif;
	color:#3F3F3F;
	-moz-box-shadow: 0px 0px 8px 0px #000000;
	-webkit-box-shadow: 0px 0px 8px 0px #000000;
	box-shadow: 0px 0px 8px 0px #000000;
}
        
        
/* HEADER CONTAINER */
#header {  
	width: 100%;
	height: 338px;
	background-image: url(../images/headerBKG.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	text-shadow: -1px 0px 0px #333;
}

#headerText {
	position: absolute;
	display:block;
	width: 390px;
	right:	20px;
	top: 10px;
	text-align:right;
	z-index:500;
}

#headerLinks {
	position: absolute;
	width: 520px;
	height: 20px;
	top: 296px;
	right: 20px;
	z-index:500;
}

#headerLinks ul {
	float: right;
	list-style-type: none;
	font-size: 20px;	
}
	
#headerLinks li {	
	float:          left;
    margin-left:   25px;  
}

.headerSlides {
	float: left;
	position:relative;
	margin: 0px 0px 0px 0px;
	height:338px;
}

.headerSlides img { position:absolute; left:0; top:0; }

.headerSlide {
	position: relative;	
}
	
	


/* MAIN CONTAINER */
#mainContainer {
	width: 100%;
	background-color:#F5F1F0;
}

#mainText {
	float: left;
	width: 430px;
	font-size:19px;
	margin: 45px 0px 0px 50px;
	line-height:28px;
}

#skills {
	float: left;
	width: 390px;
	height: 143px;
	margin: 28px 0px 0px 12px;
	background-image: url(../images/skillsbox.png);
	background-repeat:repeat-x;
}

#skills ul {
	float: left;
	list-style-type: none;
	font-size: 16px;
	margin: 10px 0px 0px 30px;
}

#skills li {	
   margin-bottom:   5px;
   background-image: url(../images/tic.png);
   background-repeat:no-repeat;
   background-position: 0 .5em;
   padding: 0px 0px 0px 20px;
}

.webslides {
	float: left;
	position:relative;
	margin: 47px 0px 0px 58px;
	width:357px;
	height:270px;
	background-image: url(../images/webBKG1.png);
	background-repeat:no-repeat;
	background-position: 0px 0px 0px 0px;
   	padding: 8px 0px 0px 26px;
}

.webslide {
	position: relative;	
}

.cycle-slideshow {
	position: relative;
}


#bottomNav {
	width: 100%;
	height: 132px;
	background-color:#364145;
	background-image: url(../images/navBKG.jpg);
}


#bottomNavlinks ul {
	position: absolute;
	padding-top: 7px;
	list-style-type: none;
	z-index: 500;
}

#bottomNavlinks li {	
	display:inline;
	margin-left:55px;
}

.navSlides {
	float: left;
	position:relative;
	height:132px;
}

.navSlide {
	position: relative;	
}

.navSlides img { position:absolute; left:0; top:0; }


/* WEB */
.webshots {
	float: left;
	width: 618px;
	height:477px;
	background-image: url(../images/webBKG2.png);
	background-repeat:no-repeat;
	margin: 20px 0px 30px 20px;
	padding: 10px 0px 0px 29px;
}

.webshotsipad {
	float: left;
	width: 618px;
	height:412px;
	background-image: url(../images/webBKG3.png);
	background-repeat:no-repeat;
	margin: 20px 0px 30px 20px;
	padding: 12px 0px 0px 29px;
}

.webtext {
	float: left;
	width: 230px;
	height: 154px;
	margin: 290px 0px 0px 15px;
}

.tag {
	color: #3C71FB;
	padding: 0px 5px 0px 5px;
	margin: 50px 17px 0px 0px;
	background-color:#FFFFFF;
}

.tagline {
	margin-bottom: 10px;	
}


/*PRINT*/

.leftCol {
	float: left;
	width: 150px;
	margin-bottom: 30px;
}

.rightCol {
	float: left;
	width: 212px;
	margin: 0px 30px 30px 0px;
}

#magContainer {
	float: right;
	width: 460px;
}

#magContainer ul {
	float: left;
	width: 460px;
	list-style-type: none;
	margin: 50px 0px 0px 20px;
}

#magContainer li {
	float:          left;
    margin:   0px 0px 30px 30px; 
	-moz-box-shadow: 2px 2px 0px 0px #333333;
	-webkit-box-shadow: 1px 0px 0px 0px #333333;
	box-shadow: 1px 1px 5px 0px #333333;
}

/*FLASH*/
.s7g {
	float: left;
	margin: 35px 0px 0px 35px;
}

.s7g ul{
	list-style-type: none;
}

.s7g li{
	display: inline;
	float: left;
	margin-left: 15px;
}

/*APPS*/
#appsBKG {
	float: right;
	width: 411px;
	height:413px;
	margin: 20px 45px 0px 0px;
	background-image: url(../images/appsbkg.png);
}

#broadcastingBKG {
	float: right;
	width: 395px;
	height:370px;
	margin:20px 40px 0px 0px;
	background-image: url(../images/broadcastingbkg.png);
	background-repeat:no-repeat;
}

/*3D*/
#threedBKG {
	float: right;
	position:relative;
	width: 390px;
	height: 402px;
	background-image:url(../images/3dbkg.png);
	background-repeat:no-repeat;
	margin: 18px 18px 0px 0px;
}

#vegasluck {
	float: left;
	position: absolute;
	width: 220px;
	height:145px;
	margin: 15px 0px 0px 74px;
}

#rosco {
	float: left;
	position: absolute;
	width: 220px;
	height:145px;
	margin: 200px 0px 0px 93px;
}

/* FOOTER CONTAINER */
#footer {
	width: 100%;
	height: 80px;
	background-color:#F2F1F1;
	padding-top: 15px;
	text-align:center;
}



/* TEXT LINKS */
a:link {
	color: #FFF;
	text-decoration: none;
	}
a:visited {
	color: #FFF;
	text-decoration: none;
	}
a:hover {
	color: #FFF;
	text-decoration: none;
	}
a:active { 
	color: #FFF;
	text-decoration: none;
	}
	
a.blue:link {
	color: #3C71FB;
	font-weight:400;
	text-decoration: none;
	}
a.blue:visited {
	color: #3C71FB;
	font-weight:400;
	text-decoration: none;
	}
a.blue:hover {
	color: #3C71FB;
	font-weight:400;
	text-decoration: none;
	}
a.blue:active { 
	color: #3C71FB;
	font-weight:400;
	text-decoration: none;
	}
	



/* MISCELLANEOUS STYLING */
span.required
{
    color:          #ff0000;
    font-weight:    bold;
    font-size:      120%; 
}

.clearBottomMargin
{
    margin-bottom:  0px
}

.autoLeftRightMargin
{
    margin-left:    auto;
    margin-right:   auto;
}