/* Remove padding and margin */
* {
	margin: 0;
	padding: 0;
}

a {
   outline: 0;
}

img
{
	border: none;
}

/*  Main styles  */

#wrapper {
	background-repeat: no-repeat;
	width: 1006px;
	background: #fff url(../images/wrapper.jpg);
	margin-right: auto;
	margin-left: auto;
}
#shortwrapper {
	background-repeat: no-repeat;
	width: 1006px;
	background: #fff url(../images/shortwrapper.jpg);
	margin-right: auto;
	margin-left: auto;
}

body{
	font-family: Helvetica, Arial, 'sans serif';
	font-size: 14px;
	line-height: 22px;
	color: #666;
	background-image: url(../images/grey_bg.jpg);
	background-repeat: repeat;
}
#container {
	height: 787px;
	width: 788px;
	margin-right: auto;
	margin-left: auto;
}
#shortcontainer {
	height: 600px;
	width: 788px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	height: 162px;
	display: block;
}
#header H1 {
	display: none;
}
#header H2 {
	display: none;
}

#logo  {
	margin-top: 55px;
	margin-left: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	float: left
}
	
body#home a#homenav,
body#video a#vidnav,
body#contact a#contactnav {
color: #333;
text-decoration: none;
}
  
#top_nav {
	margin-top: 120px;
	margin-right: 10px;
	width: 255px;
	float: right;
	height: 36px;
	background-image: url(../images/nav_bg.jpg);
	background-repeat: no-repeat;
}


#top_nav ul {
	margin:0;
	padding:0;
	list-style-type: none;
	}
	
#top_nav li {
	display: block;
	width: 85px;
	float: left;
	}
	
#top_nav a{
	display: block;
	width: 85px;
	text-decoration: none;
	font-family:Helvetica, Arial,'sans serif';
	text-align: center;
	line-height: 36px;
	font-size: 15px;
	color: #888;
	}
	
#top_nav a:hover, #top_nav a:active, #top_nav a:focus {
	color: #C60;
	text-decoration: none;
	}

#content {
	height: 590px;
}
#designpara {
	padding-top: 46px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 97px;
	width: 596px;
}

noscript {
	margin-top: 4px;
	padding-left: 97px;
	width: 596px;
}

#vidpara {
	padding-top: 48px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 112px;
	width: 583px;
}
#vidparasm {
	padding-left: 196px;
	width: 598px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:normal;
}

#vidparasm a {
	color: #333;
	text-decoration: none;
}
#vidparasm a:hover{
	color: #C60;
	text-decoration: underline;
}

#videogallery {
	padding-bottom: 10px;
	padding-left: 120px;
	width: 598px;
}
#shortcontent {
	height: 400px;
}
#contactpara {
	padding: 90px 0 10px 151px;
	width: 370px;
}
#contactparasm {
	padding-left: 151px;
	width: 600px;
	font-size: 12px;
}
#contactparasm a {
	color:#333;
	text-decoration: none;
}
#contactparasm a:hover {
	color:#C60;
}
#errorpgsubhead{
	color:#333;
	font-size:24px;
	padding: 60px 0 12px 150px;
	width: 380px;
}
#errorpgpara {
	padding: 0 0 10px 151px;
	width: 365px;
}
#shortcontent #errorpglist {
	padding-left: 165px;
}
  
#footer{
	color:#999;
	height: 35px;
}

em{color:#333;font-style:italic;}

strong{font-weight:bold;}

.copyright{
	float:left;
	line-height: 35px;
	font-size: 11px;
	padding-left: 0px;
}
.orange {
	color: #C60;
}
.orangeital {
	color: #C60;
	font-style:italic;
}
	
.darkgrey {
	color: #333;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
