/***********Universal Style***********/
body
{
	background-image: url(Images/BG_Tile.gif);
	text-align:center;
}

h1
{
	font-family:Franklin Gothic Medium,Sans-serif;
	font-style:bold;
	font-size:16pt;
	line-height:5px;
	vertical-align: middle;
}
h2
{
	font-family:Franklin Gothic Medium,sans-serif;
	font-style:normal;
	font-size:12pt;
	vertical-align: middle;
	margin:0px;
}
h3
{
	font-family:Arial Narrow Bold, Arial, sans-serif;
	font-style:normal;
	font-size:10pt;
	vertical-align: middle;
	margin:0px;
}
h4
{
	font-family:Arial, sans-serif;
	font-style:bold;
	font-size:7pt;
	color: white;
	vertical-align: middle;
	margin:0px;
}

h6
{
	padding: 0;
	
}

#WRAP 
{
	Position:relative;
	width:705px;
	margin:0 auto;
	text-align:left;
}

#navbar {
	margin: 0;
	padding: 0;
	height: 1em; 
	position: absolute;
	top: 400px;
	right: 0px;
}
#navbar li {
	list-style: none;
	float: left; }
#navbar li a {
	display: block;
	padding: 3px 8px;
	background-color: #5e8ce9;
	color: #fff;
	text-decoration: none; }

.TITLEBAR
{
	Position:absolute;
	z-index:1;
	top:0px;
	width:705px;
	height:187px;
	border:0px;
	margin: 0 auto;
}

.DROPDOWN a
{
}

.TITLEBARLINKS
{
	Position:absolute;
	z-index:3;
	top:156px;
	width:705px;
	height:30px;
	border:0px;
	margin: 0 auto;
	right: 15px;
}

.TITLEBARLINKS TABLE TD a
{
	position: absolute;
	top:0;
	
}


.TITLEBARLINKS TABLE TD UL
{
}

.TITLEBARLINKS .DROPDOWN a
{
	background-color: #000000;
	display: none;
	margin-bottom: 30px;
	width: 108px;
	height: 25px;
}

.TITLEBARLINKS TABLE TD:hover > .DROPDOWN a
{
	display: block;
	margin-top: 30px;
	width: 107px;
	color: #ff2222;
	z-index: 100;
}

.TITLEBARLINKS TABLE TD A
{
}

.TITLEBARLINKS TABLE TD UL A
{
	height: 35px;
	background-color: #0000ff;
}

.MAINFIELD
{
	Position:absolute;
	z-index:1;
	top:187px;
	width:705px;
	height:430px;
	border:0px;
	background-image: url(Images/Gradient.png);
}

	.MAINFIELD .THANKYOUTEXT h2{
		padding-top: 128px;
		padding-left: 16px;
		padding-right: 32px;
		color: #dfefaee;
		text-align: center;
	}
	
	.MAINFIELD .THANKYOUTEXT input{
		background-color: #ff6600;
		width: 160px;
		height: 30px;
		overflow:hidden;
		border-bottom:50px;
		 font-size:20px; font-weight:bold;color:#eeeeee; text-transform:uppercase;
		background:#ff6600; border-radius:10px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		padding-bottom: 24px;
		
	}

.SOCIALSITES
{
	position: relative;
	top: 620px;
	z-index:1;
	text-align: right;
	width:705px;
}

.WATERMARK
{
	position:absolute;
	z-index:0;
	top:192px;
	left:60px;
	width:584px;
	height:598px;
}

/********HOVERLINKS*******/
a#home:link, a#home:visited 
{
	display: block;
	width: 72px;
	height: 30px;
	background-image: url('images/Home_Sprite.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
	}	
	a#home:hover, a#home:active
	{
	background-position: -74px;
}
a#homeCurrent:link, a#homeCurrent:visited, a#homeCurrent:hover, a#homeCurrent:active 
{
	display: block;
	width: 72px;
	height: 30px;
	background-image: url('images/Home_Sprite.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: -74px;
}


a#work:link, a#work:visited 
{
	display: block;
	width: 72px;
	height: 30px;
	background-image: url('images/Work_Sprite.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
	}	
	a#work:hover, a#work:active 
	{
	background-position: -75px;
}
a#workCurrent:link, a#workCurrent:visited, a#workCurrent:hover, a#workCurrent:active 
{
	display: block;
	width: 72px;
	height: 30px;
	background-image: url('images/Work_Sprite.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: -75px;
}

a#credits:link, a#credits:visited 
{
	display: block;
	width: 95px;
	height: 30px;
	background-image: url('images/credits_Sprite.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
	}	
	a#credits:hover, a#credits:active 
	{
	background-position: -97px;
}
a#creditsCurrent:link, a#creditsCurrent:visited, a#creditsCurrent:hover, a#creditsCurrent:active 
{
	display: block;
	width: 95px;
	height: 30px;
	background-image: url('images/credits_Sprite.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: -97px;
}
a#about:link, a#about:visited
{
	display: block;
	width: 78px;
	height: 30px;
	background-image: url('images/About_Sprite.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
}	
	a#about:hover, a#about:active
	{
	background-position: -80px;
}
a#aboutCurrent:link, a#aboutCurrent:visited, a#aboutCurrent:hover, a#aboutCurrent:active
{
	display: block;
	width: 78px;
	height: 30px;
	background-image: url('images/About_Sprite.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: -80px;
}


a#contact:link, a#contact:visited
{
	display: block;
	width: 99px;
	height: 30px;
	background-image: url('images/Contact_Sprite.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
	}	
	a#contact:hover, a#contact:active
	{
	background-position: -101px;
}
a#contactCurrent:link, a#contactCurrent:visited, a#contactCurrent:hover, a#contactCurrent:active 
{
	display: block;
	width: 99px;
	height: 30px;
	background-image: url('images/Contact_Sprite.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
	background-position: -101px;
}


a#facebook:link, a#facebook:visited
{
	display: block;
	width: 86px;
	height: 21px;
	background-image: url('images/FB_Sprite.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
	}	
	a#facebook:hover, a#facebook:active
	{
	background-position: -87px;
}

a#youtube:link, a#youtube:visited
{
	display: block;
	width: 59px;
	height: 25px;
	background-image: url('images/Youtube_Sprite.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
	}	
	a#youtube:hover, a#youtube:active
	{
	background-position: -58px;
}

a#linkedin:link, a#linkedin:visited
{
	display: block;
	width: 87px;
	height: 26px;
	background-image: url('images/LinkedIn_Sprite.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
	}	
	a#linkedin:hover, a#linkedin:active
	{
	background-position: -87px;
}


/***********End Universal Style***********/

/***********HOME***********/
.NEWSFIELD
{
	Position:absolute;
	z-index:3;
	top:345px;
	left:400px;
	width:280px;
	height:260px;
	text-align:left;
}

.POPUP  
{
	Position:absolute;
	z-index:3;
	top:320px;
	padding: 10px;
	width: 400px;
	background-image: url(Images/Popup_BG.png);
	border: 1px solid white;
	font-family:Arial Narrow Bold, Arial, sans-serif;
	text-align:justify;
	vertical-align: middle;
	font-size:10pt;
	color:white;
}
#POPUPWRAP 
{
	Position:relative;
	z-index:3;
	width:400px;
	margin:0 auto;
	text-align:left;
}
a#close:link, a#close:visited
{
	display: block;
	width: 15px;
	height: 19px;
	background-image: url('images/Close_Sprite.png');
	background-repeat: no-repeat;
	text-indent: -9999px;
}	
	a#close:hover, a#close:active
	{
	background-position: -15px;
}

/***********WORK***********/
.VIDEOWINDOW
{
	position:absolute;
	z-index:2;
	top:197px;
	left:10px;
	width:685px;
	height:410px;
}

/***********CREDITS***********/
.CLIENTFIELD
{
	Position:absolute;
	z-index:3;
	top:197px;
	left:10px;
	width:685px;
	height:410px;
	text-align:justify;
}
#CLIENTTABLE
{
	z-index:3;
	width:685px;
}
#CLIENTTABLE td
{
	text-align:Left;
	vertical-align:top;
	border-collapse:collapse;
	padding:0px
}
td.COL1
{
	width:230px;
}
td.COL2
{
}

/***********ABOUT***********/
.ABOUTFIELD
{
	Position:absolute;
	z-index:3;
	top:197px;
	left:10px;
	width:685px;
	height:410px;
	text-align:justify;
}

/***********CONTACT***********/
.CONTACTFIELD
{
	Position:absolute;
	z-index:3;
	top:254px;
	left:10px;
	width:685px;
	text-align:center;
}

/***********CONTACT***********/

.CONTACTFORM
{
	padding-left: 20px;
	Position:absolute;
	z-index:1;
	top:654px;
	width:686px;
	height: 240px;
	background-image: url(Images/Gradient.png);
	padding-top: 25px;
}

.CONTACTFORM table{
	position: relative;
	padding: 10px;
	height: 200px;
	width: 200px;
}

	.CONTACTFORM p{
		font-size: 24px;
		display: inline;
	}

	.CONTACTFORM input{
		border-style: solid;
		border-color: #888888;
		background-color: #dddddd;
		border-width: 4px;
		display: block;
	}
	
	.CONTACTFORM .submitButton{
		padding-top: 8px;
	}
	
	
	
	.CONTACTFORM .submitButton input{
		background-color: #ff6600;
		width: 160px;
		height: 30px;
		overflow:hidden;
		border-bottom:50px;
		text-align:center; font-size:20px; font-weight:bold;color:#eeeeee; text-transform:uppercase;
		background:#ff6600; border-radius:10px;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
		padding-bottom: 24px;
	}
	
	.CONTACTFORM form{
		
	}
	
	.CONTACTFORM h8{
		text-align: left;
	}
	
	.CONTACTFORM h5{
		padding-top: 12px;
		padding-bottom: 12px;
		padding-left: 4px;
		font-style: bold;
		display: inline;
	}
	
	.CONTACTFORM h2{
		padding-left: 4px;
		padding-bottom: 44px;
		font-family: "Arial";
		font-style: bold;
		text-align: left;
		font-size: 24px;
		color: #000000;
	}

.CONTACTFORMRIGHT{
	Position:absolute;
	z-index:1;
	left: 400px; 
	width:335px;
	height: 285px;
	text-align:right;
	padding-left: 20px;
}

	.CONTACTFORMRIGHT p{
		font-size: 16px;
		padding: 0;
	}
	
	
	.CONTACTFORMRIGHT p{
		width:100%;
		font-size: 14px;
		font-style: italic;
		font-family: minion;
	}
	
.CONTACTFORMLEFT{
	Position:relative;
	z-index:1;
	width:335px;
	height: 285px;
	text-align:left;
	padding-left: 12px;
	
}

.CONTACTFORMLEFT p{
	font-size: 13px;

}

.CONTACTFORMLEFT textarea{
		background-color: #dddddd;
		border-style: solid;
		border-color: #888888;
		border-width: 4px;
	}