﻿html,body {
	background-color:black;
	margin:0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	height:100%;
}

#container {
   height:100%;
   position:relative;
   min-height:660px;
}

#BGMain {
	margin-left:auto;
	margin-right:auto;
	width:1024px;
	height:100%;
	background-image:url('../images/BGMain.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	padding-bottom:60px;   /* Height of the footer */

}

#header {
	height:130px;
	width:875px;
	margin-left:auto;
	margin-right:auto;
}

#Logos {
	width:875px;
	height:85px;
	padding-top:35px;
	padding-bottom:10px;
}

.TweedStudiosLink {
	display: block;
	border: none;
	width:412px;
	height:71px;
	float:left;
	background-image:url('../images/TSLogoLarge.png');
	background-repeat:no-repeat;
}

.AdvancedYourself {
	width:277px;
	height:46px;
	display:block;
	background-image:url('../images/Advance.png');
	float:right;
	margin-top:32px;
}

.DottedUnderline {
	border-bottom-style:dotted;
	border-bottom-width:2px;
	border-bottom-color:#414141;
	width:795px;
	height:2px;
	margin-left:80px;
}

#BGContent {
	width:875px;
	height:450px;
	margin-left:auto;
	margin-right:auto;
	border-bottom-style:dotted;
	border-bottom-width:2px;
	border-bottom-color:#414141;

}

#FrameContent {
	height:397px;
	border: 8px #CCCCCC solid;
	position:relative;
	overflow:hidden;
	clear:both;
	width:853px;
}


/* override single pane */
#FrameContent div {
	float:left;
	display:block;
	width:853px;
	cursor:pointer;
	font-size:14px;
	color:#fff;	


}

#FrameContentNorm {
	height:397px;
	border: 8px #CCCCCC solid;
	overflow:hidden;
	clear:both;
	width:853px;
	color:white;
}

/* our additional wrapper element for the items */
#FrameContent .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}


#footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
   background:#000000;
}

#Navbar {
	height:40px;
	font-size:13.5px;
	color:white;
	letter-spacing:6px;
	
}

#Navbar #TV,#TV:visited {
	display:block;
	padding-bottom:2px;
	background-image:url('../images/navNorm_r1_c1.gif');
	background-repeat:no-repeat;
	height:25px;
	width:56px;

}

#Navbar #TV:hover {
	background-image:url('../images/navOver_r1_c1.gif');
	background-repeat:no-repeat;
}

#Navbar #MEDIA,#MEDIA:visited {
	display:block;
	padding-bottom:2px;
	background-image:url('../images/navNorm_r1_c2.gif');
	background-repeat:no-repeat;
	height:25px;
	width:237px;

}

#Navbar #MEDIA:hover {
	background-image:url('../images/navOver_r1_c2.gif');
	background-repeat:no-repeat;
}

#Navbar #PRINT,#PRINT:visited {
	display:block;
	padding-bottom:2px;
	background-image:url('../images/navNorm_r1_c3.gif');
	background-repeat:no-repeat;
	height:25px;
	width:103px;

}

#Navbar #PRINT:hover {
	background-image:url('../images/navOver_r1_c3.gif');
	background-repeat:no-repeat;
}

#Navbar #CLIENTS,#CLIENTS:visited {
	display:block;
	padding-bottom:2px;
	background-image:url('../images/navNorm_r1_c4.gif');
	background-repeat:no-repeat;
	height:25px;
	width:131px;

}

#Navbar #CLIENTS:hover {
	background-image:url('../images/navOver_r1_c4.gif');
	background-repeat:no-repeat;
}

#Navbar #ABOUT,#ABOUT:visited {
	display:block;
	padding-bottom:2px;
	background-image:url('../images/navNorm_r1_c5.gif');
	background-repeat:no-repeat;
	height:25px;
	width:105px;

}

#Navbar #ABOUT:hover {
	background-image:url('../images/navOver_r1_c5.gif');
	background-repeat:no-repeat;
}

#Navbar #CONTACT,#CONTACT:visited {
	display:block;
	padding-bottom:2px;
	background-image:url('../images/navNorm_r1_c6.gif');
	background-repeat:no-repeat;
	height:25px;
	width:130px;

}

#Navbar #CONTACT:hover {
	background-image:url('../images/navOver_r1_c6.gif');
	background-repeat:no-repeat;
}






#Navbar div {
	float:left;
	margin-top:8px;
}



.fbLink {
	display: block;
	border: none;
	width:28px;
	height:30px;
	background-image:url('../images/fbIcon.jpg');
	background-repeat:no-repeat;
}

.emailLink {
	display: block;
	border: none;
	width:28px;
	height:30px;
	background-image:url('../images/emailIcon.jpg');
	background-repeat:no-repeat;
}

