/* 
DigitalLife Advertising Ltd website CSS Style
*/

body {
background-color:#999999;
background-image:url(images/DL-Vbrochure-background_web.png);
/*background-attachment:fixed;*/
background-position:center 0px;
background-repeat:no-repeat;
}

#container {
width:840px;
height:555px;
position:relative;
margin-top:155px;
margin-bottom:100px;
margin-left:auto;
margin-right:auto;
border:0px;
background-image:url(images/DL-holding-box_web.png);
}

h1{
	font-family:"Helvetica Neue",Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#FFF;
	font-weight:normal;
}

h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:26px;
	color:#FFCC00;
	font-weight:normal;
	margin-bottom:0px;

}

h3{
	font-family:"Helvetica Neue",Arial, Helvetica, sans-serif;
	font-size:21px;
	color:#FFCC00;
	font-weight:normal;
}

#videobox{
	position:absolute;
	top:33px;
	left:33px;
	width:468px;
	height:255px;
	background-color:#333;
	border-style:solid;
	border-width:5px;
	border-color:#000;
}

#rightBox{
	position:absolute;
	top:136px;
	right:21px;
	width:289px;
	height:400px;
	font-family:"Helvetica Neue",Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#EEE;
}


#contactBox{
	position:absolute;
	top:332px;
	left:35px;
	width:400px;
	height:70px;
	font-family:"Helvetica Neue",Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
}

#relaunchBox{
	position:absolute;
	top:408px;
	left:35px;
	width:435px;
	height:89px;
	font-family:"Helvetica Neue",Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFF;
}

#contactBox a:link {
color:#CCC;
text-decoration: none;
}

#contactBox a:active {
color:#CCC;
text-decoration: none;
}

#contactBox a:visited {
color:#CCC;
text-decoration: none;
}

#contactBox a:hover {
color:#FFF;
text-decoration: none;
}

.orange{
	color:#FFCC00;
}

.grey{
	color:#CCCCCC;
}

.whiteLarge{
font-size:16px;
/*letter-spacing:-1px;*/
}

.small{
font-size:11px;
}

#popout{
	width:60px;
	height:201px;
	position:absolute;
	top:1px;
	right:-60px;
	background-image:url(images/popout_web.png);
}

#rss{
	width:32px;
	height:32px;
	position:absolute;
	top:29px;
	right:24px;
	background-image:url(images/rss_32.png);
}

#twitter{
	width:32px;
	height:32px;
	position:absolute;
	top:68px;
	right:24px;
	background-image:url(images/twitter_32.png);
}

#facebook{
	width:32px;
	height:32px;
	position:absolute;
	top:107px;
	right:24px;
	background-image:url(images/facebook_32.png);
}

#youtube{
	width:32px;
	height:32px;
	position:absolute;
	top:145px;
	right:24px;
	background-image:url(images/youtube_32.png);
}



#footer a:link {
color:#CCC;
text-decoration: none;
}

#footer a:active {
color:#CCC;
text-decoration: none;
}

#footer a:visited {
color:#CCC;
text-decoration: none;
}

#footer a:hover {
color:#FFF;
text-decoration: none;
}


input,
textarea,
select {
  padding: 2px;
  margin:1px;
  font: 400 14px verdana, sans-serif;
  color: #666;
  background: #CCC;
  border: 3px solid #000;


}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #666;
  /*background: #E7F1F3;*/
   background: #FFFFFF;
  border: 3px solid #FFCC00;


}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;

  font: 400 12px Arial;
  cursor: pointer;

  color: #333;
  background-color: #FFCC00;
  border-width: 1px;
  border-style: solid;
  border-color: #FFCC00;
/*  	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
	 border-radius: 6px;;
*/
}