@import "coda.css"; /* css for codaslider jquery */
@import "thickbox.css"; /* css for codaslider jquery */

/*-------------------------
 Base
-------------------------*/

body {
	
	font-family: 'Trebuchet MS', 'Verdana';
	background-color:#1E1E1E;
	font-size: 0.63em; /* 10px */
	color: #909090;
}

#main
{
  background: url('images/bgLt4.jpg') no-repeat center top #2A2A2A;
  width:1000px;
  margin:0px auto;
  border-left:#686868 1px solid;
  border-right:#686868 1px solid;
  padding-bottom:25px;
}

* { margin: 0; padding: 0; }

img { border: 0; margin: 0; padding: 0; }

a:focus { outline:none }

a{
  color:White;
}

a:visisted
{
  color:White;
}

#container {
	width: 900px;
	margin: 0 auto;
}

#content {
	width: 861px;
	height: auto;
	margin: 0 auto;
	margin-top: -16px;
	background: #2A2A2A url('images/content-divider.gif') no-repeat center top;
	overflow:auto;
}

.clear { clear: both; }

/*-------------------------
 Navigation
-------------------------*/

#topbar {
	height: 74px;
	font-size: 14px;
}

#logo h1 {
	background: url('images/photo-race_logo.gif') no-repeat;
	width: 223px; height: 51px;
	margin-top: 12px;
	float: left;
	text-indent:-9999px;
}

ul#nav, ul#nav a {
	float: right;
	line-height: 74px;
	text-transform: lowercase;
  list-style:none;
}

li.n, li.n a {
	padding: 0 10px 0 10px;
	color: #939393;
	text-decoration: none;
	text-align: center;
	float: left;
	margin:0px;
	width:40px;
	margin-left:10px;
}

li.n a:hover {
	background: url('images/rollover.png') repeat-x #2A2A2A;
	color: #FFFFFF;
}

li.n a.selected {
	background: url('images/rollover.png') repeat-x #2A2A2A;
	color: #FFFFFF;
}

/*-------------------------
 Left
-------------------------*/

#left {
	float: left;
	width: 260px;
	margin: 5px 0 0 30px;
}

h3.left {
	font-size: 24px;
	color: #919191;
	text-decoration: underline;
	text-transform: uppercase;
	margin: 20px 0 10px 0;
	padding: 0 0 0 5px;
}

.box {
	width: 219px; height: 44px;
	background: url('images/check.png') no-repeat #171717;
	border: 1px solid #5C5C5C;
	margin: 0 0 5px 0;
	padding: 0 0 0 40px;
	line-height: 44px;
	font: 'Verdana' 10px;
	color: #FFFFFF;
	text-transform: lowercase;
}

.box2 {
	width: 219px; height: 44px;
	background: url('images/arrow.png') no-repeat #171717;
	border: 1px solid #5C5C5C;
	margin: 0 0 5px 0;
	padding: 0 0 0 40px;
	line-height: 44px;
	font: 'Verdana' 10px;
	color: #FFFFFF;
	text-transform: lowercase;
}

#scattiamoCon
{
  list-style:none;
}

#scattiamoCon li#canonLogo
{
  display:block;
  width:250px;
  height:70px;
  background: url('images/logoCanon.gif') no-repeat center center;
  text-indent:-9999px;
}

#scattiamoCon li#nikonLogo
{
  display:block;
  width:250px;
  height:70px;
  background: url('images/logoNikon.gif') no-repeat center center;
  text-indent:-9999px;
}

#scattiamoCon li#d300sLogo
{
  display:block;
  width:250px;
  height:70px;
  background: url('images/logoD300s.gif') no-repeat center center;
  text-indent:-9999px;
}

#scattiamoCon li#d60Logo
{
  display:block;
  width:250px;
  height:70px;
  background: url('images/logoD60.gif') no-repeat center center;
  text-indent:-9999px;
}

#scattiamoCon li#manfrottoLogo
{
  display:block;
  width:250px;
  height:70px;
  background: url('images/logoManfrotto.gif') no-repeat center center;
  text-indent:-9999px;
}

#scattiamoCon li#sigmaLogo
{
  display:block;
  width:250px;
  height:70px;
  background: url('images/logoSigma.gif') no-repeat center center;
  text-indent:-9999px;
}


/*-------------------------
 Right
-------------------------*/

#right {
	float: right;
	width: 530px;
	margin: 5px 0 0 0;
}

h3.right {
	font-size: 24px;
	color: #FFFFFF;
	text-decoration: underline;
	text-transform: uppercase;
	margin: 20px 0 10px 0;
	padding: 0 0 0 5px;
}

p {
	font: 'Verdana' 10px;
	color: #909090;
}

span.bold { font-weight: bold; text-transform: capitalize; text-decoration: underline; color: #FFFFFF; }

/*-------------------------
 Large
-------------------------*/

#large {
	float: left;
	width: 850px;
	margin: 60px 0 0 0;
	padding: 0 0 0 30px;
}

/*-------------------------
 Footer
-------------------------*/

#footer {
	padding-top: 22px; 
	background: #1E1E1E repeat-x;
	border-top: 1px solid #686868;
	height: 65px;
}

#foot {
	width: 850px;
	margin: 0 auto;
	height: 65px;
	color: #939393;
	font-size: 14px;
	text-align: left;
}

p.f { float: left; }

/*-------------------------
 Icons
-------------------------*/

#twitter, #twitter a {
	background: url('images/icons/twitter.png') no-repeat;
	width: 24px; height: 24px;
	float: right;
}

#twitter a:hover { background: url('images/icons/twitter-ro.png') no-repeat; }

#facebook, #facebook a {
	background: url('images/icons/facebook.png') no-repeat;
	width: 24px; height: 24px;
	float: right;
}

#facebook a:hover { background: url('images/icons/facebook-ro.png') no-repeat; }

#flickr, #flickr a {
	background: url('images/icons/flickr.png') no-repeat;
	width: 24px; height: 24px;
	float: right;
}

#flickr a:hover { background: url('images/icons/flickr-ro.png') no-repeat; }

#myspace, #myspace a {
	background: url('images/icons/myspace.png') no-repeat;
	width: 24px; height: 24px;
	float: right;
}

#myspace a:hover { background: url('images/icons/myspace-ro.png') no-repeat; }

#blogger, #blogger a {
	background: url('images/icons/blogger.png') no-repeat;
	width: 24px; height: 24px;
	float: right;
}

#blogger a:hover { background: url('images/icons/blogger-ro.png') no-repeat; }

#stumbleupon, #stumbleupon a {
	background: url('images/icons/stumble-upon.png') no-repeat;
	width: 24px; height: 24px;
	float: right;
}

#stumbleupon a:hover { background: url('images/icons/stumble-upon-ro.png') no-repeat; }