@charset "UTF-8";
                        
/* 
Small Video Company CSS Document
Created by: super
Created on: 26/04/2010

This stylesheet can be placed into your template using the
following example shortcuts:
     %style:svc_main:screen%
     %style:svc_main:print%
*/

/* CSS Document */

body {
	margin:0px;
	padding:0px;
	background-image:url(../layout_images/BackGrey.jpg);	
}

#stripes {
	background-image:url(../layout_images/StripeBack.jpg);
	background-repeat:repeat-x;
	background-attachment:fixed;
}

#wrapper {
	width:760px;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	padding-bottom:40px;
}

#masthead {
	background-image:url(../layout_images/Masthead.png);
	width:760px;
	height:121px;
}

#video {
	border-top:1px solid #333;
	margin-top:10px;
	background-image:url(../layout_images/VideoClipBox.jpg);
	width:759px;
	height:430px;
}

#vid_pos {
	margin-left:60px;	
	padding-top:15px;
}

#content {
	border-top:1px solid #333;
	margin-top:10px;
	background-color:#000;
	background-image:url(../layout_images/PageBack.jpg);
	background-repeat:no-repeat;
	width:719px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:20px;
	font-size:80%;
	line-height:20px;
}

#content h1 {
	margin:0px;
	color:#fff;
	border-bottom:2px solid #fff;
	padding-bottom:10px;
	font-weight:normal;
}

#content h2 {
	font-size:140%;
	padding-top:30px;
	color:#33CCFF;
	padding-bottom:10px;
	font-weight:normal;
}

#content a {
	color:#33CCFF;
	text-decoration:none;
}

#content a:hover {
	color:#33CCFF;
	text-decoration:underline;
}

#flash_video {
	float:right;
	position:relative;
	top:17px;
	left:-27px;
	overflow:visible;
}

#comment {
	float:left;
	margin-top:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	padding-left:20px;
	font-size:70%;
	width:270px;
}

#comment blockquote {
	background-image:url(../layout_images/Quote.gif);
	background-repeat:no-repeat;
	background-position:top left;
	margin-left:10px;
	margin-right:0px;
	padding-right:0px;
	padding-left: 20px;
}

#comment blockquote a {
	color:#33CCFF;
	text-decoration:none;
}

#comment blockquote a:hover {
	color:#33CCFF;
	text-decoration:underline;
}

#strapline {
	background-image:url(../layout_images/Strapline.jpg);
	width:759px;
	height:39px;
}

#footer {
	background-image:url(../layout_images/Footer.png);
	width:760px;
	height:71px;
	margin-top:10px;
}

#footer_text {
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#ccc;
	padding-top:18px;
	margin:0px;
	font-size:70%;
	text-align:center;
	line-height:20px;
}

#footer_text a {
	color:#ccc;
}

#footer_text a:hover {
	color:#33CCFF;
}

ul#navlist
{
float:right;
margin-right:10px;
margin-top:88px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:70%;
font-weight:bold;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a
{
padding:3px 10px; 
color: #fff;
background-color: #000;
text-decoration: none;
border-top:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #000;
border-bottom:1px solid #000;
}

#navlist a:hover
{
padding:3px 10px; 
color: #fff;
background-color: #369;
text-decoration: none;
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}

body.linkAbout #navlist #linkAbout a,
body.linkServices #navlist #linkServices a,
body.linkClients #navlist #linkClients a,
body.linkContact #navlist #linkContact a {
padding:3px 10px; 
color: #fff;
background-color: #33CCFF;
text-decoration: none;
border-top:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
cursor:default;
}

#sub_footer {
	margin-top:10px;
	color:#999;
	font-size:60%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#sub_footer a {
	color:#999;
}

#sub_footer a:hover {
	color:#fff;
}

.sf_left {
	float:left;
}

.sf_right {
	float:right;
}