/* Static Pop Studios - Copyright 2005 */
/*-------------------------------------------
  Body Default
------------------------------------------ */
body { 
		background: #fff;
		margin: 0px auto;
		margin-top: 10px
	}
/* ------------------------------------------
  Default Text
------------------------------------------ */
h2 { 
	font: 10px Arial, Helvetica, sans-serif; 
	font-weight:bold;
	color:#990000;
	text-align: left;
	}
	
p  { 
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
	color:#666666;
	margin:9px;
}

h3  { 
	font: 11px Georgia, "Times New Roman", Times, serif;
	color:#666666;
	margin:9px;
}

a:link, a:active, a:visited {
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
	color:#666666;
	text-decoration: none;
}

a:hover {
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
	color:#3399CC;
	text-decoration: none;
}


/* ------------------------------------------
  Clock menu
------------------------------------------ */
#leftclockmenu 
{
position: absolute;
left:0px;
top:123px;
margin-top: 2px;
}


#rightclockmenu
{
position: absolute;
left: 220px;
top:120px;
margin: 5px;
padding: 0px;
}

#leftclockmenu_inside
{
position: absolute;
left:110px;
top:123px;
margin-top: 2px;
}

#rightclockmenu_inside
{
position: absolute;
left: 425px;
top:120px;
margin: 5px;
padding: 0px;
}

.clockmenu {
	width: 224px;
	margin: 0px;
	padding: 0px;
	background-color: #FFF;
	}
	
	
.clockmenu  {
	list-style: none; 
	border: none; 
	margin: 0px; 
	padding: 0px;
	}
	
.clockmenu  {
	margin: 0px;
	}
	
.clockmenu a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
    display: block; 
	padding: 0px; 
	margin-bottom: 1px;
	background: #FFF url(../images/greygradientbg.jpg) repeat-x top left;
	height: 100px;
	/*border-top: 1px solid #ddd;*/
		
	}
	
	
html>body .clockmenu a { 
	width: auto ;
	}
	
.clockmenu a:hover { 
	background: #FFF url(../images/bluegradientbg.jpg) repeat-x top left;
	}

.clockpic {
	padding: 0px;
	padding-left:10px;
	margin: 0px;
	border: none;
	float: right;
	}

.clockmenutitlefont {
padding: 10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 11px;
}


#maincontent .clockmenutitlefont {
padding: 10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 12px;
}


/* ------------------------------------------
  Page Sections
------------------------------------------ */

#pagebackground{
width: 770px;
/*background: #fff url(../images/dotted.gif) repeat-y center;*/
margin: 0px auto ;
}

#main {
	display: block;
	position: relative;
	width: 750px;
	margin: 0px auto ;
	background: #fff;
	padding: 0px;
}

#header {
	display: block;
	position: relative;
	width: 750px;
	margin: 0px auto ;
	background: #fff;
	padding: 0px;
	background:  url(../images/horizontalline.gif) repeat-x bottom;
}


#leftcolumn {
	width: 300px;
	margin: 0px;
	padding: 0px;
	background-color:#0E607F;
}

#rightcolumn {
	position: absolute;
	left: 301px;
	width: 300px;
	margin: 0px auto;
	background: transparent ;
}
	
.border {
	width: 750px;
	height: 4px;
	 
}

#footer {
	width: 750px;
	height: 40px;
	margin: 0px auto;
	margin-top: 2px;
	background: url(../images/horizontalline.gif) repeat-x top; 
	padding: 0px;
	padding-top: 10px;
	font: 10px Verdana, Arial, Helvetica, sans-serif; 
	color:#666666;

}
	
#navigation {
	height: 40px;
	text-align: right; 
	margin: 0px;
	padding: 0px;
	
}

#logo {
	float: left;
	background: transparent;
}

#news {
	width: 400px;
	height:250px;
	margin: 0px;
	background: #F3f3f3 url(../images/greydashes.gif) repeat top right; 
}

#contactbox {
	position: absolute;
	left: 400px;
	width: 175px;
	height:250px;
	margin: 0px auto;
	background:#FFF url(../images/bluetag.jpg) no-repeat bottom; 
}

#contactform {
padding: 15px;
}


/* ------------------------------------------
  Nav Menu
------------------------------------------ */

.menu { 
display: inline;
margin-left: 0.5em;
padding-left: 0.7em;
} 
	  
.menu:first-child {
border-left: 0;
padding-left: 0;
}
	   


/*-----------------
INSIDE PAGES
-------------*/
#inside_leftcolumn {
	width: 320px;
	margin: 0px;
	padding-top: 10px;
	background-color:#FFF;
}

#insideclockmenu {
position: absolute;
left: 0px;
padding-right: 13px;
border-right: 1px solid #ddd;

}
#insideclockmenu ul {
color: #333;
font-size: 11px;
font-family:Georgia, "Times New Roman", Times, serif;
list-style:none;
border: none; 
margin: 0px; 
padding: 0px;
line-height: 25px;
}

#insideclockmenu a {
color: #666666;
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style:none;
border: none; 
margin: 0px; 
padding: 0px;
line-height: 20px;
}

#insideclockmenu a:hover {
color: #3399CC;
}



/*-----------------
INSIDE PAGE BOTTOM CLOCK MENU
-------------*/







#welcomebox {
/*background: url(../images/bluedottedvert.gif) repeat-y top right; */
padding: 4px;
background-color:#333333;
border-top: 1px #fff solid;
}


#welcomebox p, h3 {
color:#DDD;
}

#welcomebox a:link {
color:#DDD;
}

#welcomebox a:visited {
color:#DDD;
}

#welcomebox a:hover{
color:#0099CC;
}
.lightlink a:visited {
color:#DDD;
} 

.lightlink a:link {
color:#DDD;
}

.lightlink a:visited {
color:#DDD;
} 
.lightlink a:hover{
color:#0099CC;
}

#featuredclockbox {
height: 170px;
border-top: 1px #fff solid;
background-color: #064D67;
}

#featuredclockbox p, h3{
color:#DDD;
}


#featuredclockinner {
margin: 10px;
height: 138px;

padding: 5px;	
background-color: #0F607E;


}


#maincontent {
padding: 0px;
margin-left: 100px;
width: 650px;
margin-bottom: 20px;
}

#maincontent p{
font-size: 11px;

}

#maincontent a {
font-size: 11px;
}

#maincontent h3{
font-size: 14px;
font-weight:bold;
color:#666666;
}

.dimensions {
color:#006699;
}

#maincontent h4{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color:#006699;
padding-left:9px;
}

.mainclockpic {
float: right;
padding-left: 40px;
padding-bottom:80px;
}

.textbox {
font: 11px Verdana, Arial, Helvetica, sans-serif; 
width: 200px; 
color:#666666;
}

.button {
font: 11px Verdana, Arial, Helvetica, sans-serif; 
width: 100px; 
color:#666666;

}

.largerimage{
margin:9px;
display: block;
width: 105px;
height: 15px;
border:1px solid #eee;
padding: 5px;
background: url(../images/magglass.gif) no-repeat right; 
}


.moreinfo{
margin:9px;
display: block;
width: 127px;
height: 15px;
border:1px solid #eee;
padding: 5px;
background: url(../images/moreinfo.gif) no-repeat right; 
}

.movie{
margin: 9px;
display: block;
width:240px;
height: 15px;
border:1px solid #eee;
padding: 5px;
background: url(../images/videoicon.gif) no-repeat right; 
}

.divider
{
height:5px;
border-top:1px solid #DDD;
}
.selfbuildclock 
{
border-bottom: 1px solid #DDD;
padding-top: 0px;
padding-bottom:20px;
}

#banner {
position: absolute;
left:-500px;
visibility:hidden;
}