@charset "UTF-8";

body {
	height: 100px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/background.jpg);
	background-repeat: repeat;
	background-position: left top;
	width: 100%;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	background-attachment: fixed;
}
.bckgrnd {
	background-position: left top;
	height: 100%;
	width: 100%;
	position: fixed;
	margin: 0px;
	padding: 0px;
	border-width: 0px;
}
html {
	height:100%
}
img {
	margin:0px;
	border-style:none;
	border: none;
}
a img { 
	border: none;
}
#content {
	position:fixed;
	z-index:1;
	margin: 0px;
	padding: 0px;
}
/* ~~ Element/tag selectors ~~ */

.clearfloat { /* this class can be placed on a <br /> or empty div as the final element following the last floated div (within the #container) if the overflow:hidden on the .container is removed */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#smleml {
	height: 37px;
	width: 222px;
	position: relative;
	display: block;
	margin-top: 150px;
	margin-left: 700px;
}
#smleml:hover {
	background-image: url(../images/emailSml_r.png);
	background-repeat: no-repeat;
}
/* Navigation & Header elements*/

.header {
	height: 32px;
	width: 533px;
	position: fixed;
	top: 25px;
	z-index: 100;
	left: 50px;
	display: block;
}
#top_navigation {
	width:533px;
	position:relative;
	margin: 0px;
	padding: 0px;
	height: 32px;
	float: left;
}
.nav {
	margin: 0;
	position: relative;
	height: 32px;
	width: 533px;
	padding: 0px;
	float: left;
	clear: left;
}
ul.nav {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}
ul.nav li {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	display: block;
}


/* main holder */

.container {
	height: 723px;
	width: 11500px;
	margin: 0px auto;
	position: relative;
}

.BckGrad {
	padding: 0px;
	height: 500px;
	width: 1600px;
	top: 5px;
	float: left;
	/* Legacy browsers */
	background: url("/images/gradient-bg.png") repeat-x top;
	-o-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	/* Internet Explorer */
	*background: none;
	filter: progid:DXImageTransform.Microsoft.gradient(
          gradientType=0, startColor=0, endColorStr=#FFFFFF
        );
		 -ms-filter: progid:DXImageTransform.Microsoft.gradient(
          gradientType=0, startColor=0, endColoStr=#FFFFFF
        );
	margin-top: 5px;
	margin-left: 0px;
	}
	@media all and (min-width: 0px) {
		.BckGrad {
			/* Opera */
			background: url("/images/gradient-bg.svg");
			/* Recent browsers */
			background-image: -webkit-linear-gradient(left top, left bottom, from(rgba(255, 255, 255, 0.6)),to(rgba(255, 255, 255, 0)));
			background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.6)),to(rgba(255, 255, 255, 0)));
			
			background-image: -moz-linear-gradient(top center,rgba(255, 255, 255,0.6) 0%, rgba(255, 255, 255, 0) 100%);
			background-image: -o-linear-gradient(top,rgba(255, 255, 255,0.6),rgba(255, 255, 255,0));
			background-image: linear-gradient(top center,rgba(255,255,255,0.6) 0%,rgba(255,100,100,0));
			
			background-image: -ms-linear-gradientcenter,rgba(255,255,255,0.6) 0%,rgba(255,100,100,0)); /* IE10 */
		}
	}
/* Homepage elements*/

#itemOne {
	width: 1024px;
	height: 723px;
	float: left;
	display: block;
	margin: 0px auto;
	padding: 0px;
	clip: rect(auto,auto,722px,auto);
}
#Hmpghd {
	display: block;
	height: 433px;
	width: 877px;
	margin-top: 115px;
	margin-bottom: 0px;
	margin-left: 50px;
}
#hmbnd {
	background-image: url(../v2newsite/images/homepg_band.png);
	height: 206px;
	width: 1024px;
	margin: 20px auto 0px;
	display: block;
	position: relative;
	padding-top: 25px;
	background-repeat: no-repeat;
}

/* About Page elements*/

#itemTwo {
	width: 1600px;
	height: 723px;
	float: left;
	padding: 0px;
	list-style-type: none;
}
.container #itemTwo ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#itemTwo #AboutHd {
	margin: 147px auto 0px;
	width: 1024px;
	padding-top: 0px;
	list-style-type: none;
	height: 37px;
	top: 115px;
	clear: left;
	float: left;
}
#Aboutrule {
	margin: 0px;
	width: 1600px;
	list-style-type: none;
	height: 4px;
	background-color: #FFF;
	padding: 0px;
	top: 147px;
	float: left;
}
#itemTwo #AboutLst {
	width: 789px;
	padding-top: 0px;
	list-style-type: none;
	height: 481px;
	margin-top: 20px;
	margin-left: 105px;
}

/* Design Work page elements*/

#itemThree {
	width: 1600px;
	height: 723px;
	float: left;
	padding: 0px;
}
.container #itemThree ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#WrkHeads {
	width: 1024px;
	padding-top: 0px;
	list-style-type: none;
	height: 81px;
	clear: left;
	float: left;
	margin-top: 103px;
}

#Wrk {
	width: 971px;
	padding-top: 0px;
	list-style-type: none;
	height: 204px;
	margin-top: 40px;
	margin-left: 25px;
}


/* TV Work page elements*/

#itemFour {
	width: 1600px;
	height: 723px;
	float: left;
	padding: 0px;
}
.container #itemFour ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}



/* PRINT Work page elements*/

#itemFive {
	width: 1600px;
	height: 723px;
	float: left;
	padding: 0px;
}
.container #itemFive ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.container #itemFive ul li {
	display: block;
}


/* OOH Work page elements*/
#itemSix {
	width: 1600px;
	height: 723px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.container #itemSix ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

/* Contact page elements*/

#itemSeven {
	width: 1024px;
	height: 722px;
	float: left;
	margin: 0px;
	padding: 0px;
}
.container #itemSeven ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#Lrgeml {
	margin: 140px 0px 0px 45px;
	height: 281px;
	width: 794px;
	position: relative;
	display: block;
}

#ResumeBand {
	padding: 0px;
	height: 134px;
	width: 299px;
	position: relative;
	float: left;
	margin: 30px 0px 0px;
}

#phnmbr {
	height: 132px;
	width: 670px;
	display: block;
	position: relative;
	padding: 0px;
	margin: 30px 0px 0px 45px;
	float: left;
}