/*VCIM final project index style*/

*{
margin:0;
padding:0;
}

body {
	background-color:#f5f5dc;
	font-family:"gill sans", arial, helvetica, sans-serif;
	color:#000000;
	font-size:1.25em;
	line-height:1.7em;
	margin-left:50px;
	width:960px;
	height:600px;
}

#wrapper {
	width:940px;
	height:580px;
	background-color:#ffffff;
	border:5px ridge #a52a2a;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

img.logo {
	position:absolute;
	top:55px;
	left:70px;
}

p.tagline {
	font-family:"courier", georgia, serif;
	color:#000000;
	font-size:1em;
	line-height:1.5em;
	position:absolute;
	top:200px;
	left:176px;
	
}

img.fbbutton {
	position:absolute;
	top:70px;
	left:750px;
}

img.twbutton {
	position:absolute;
	top:70px;
	left:800px;
}

img.ytbutton {
	position:absolute;
	top:70px;
	left:850px;
}


#searchbox {
	width:235px;
	height:50px;
	border:1px solid #000000;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	position:absolute;
	top:300px;
	left:328px;
}

img.searchbutton {
	position:absolute;
	top:300px;
	left:574px;
}

img.review {
	position:absolute;
	top:362px;
	left:328px;
}

#nav { 
	float:left;
	position:absolute;
	top:540px;
	left:175px;
	
}

#nav ul
{
	padding-left: 0;
	margin-left: 0;
	background-color: #a52a2a;
	color: #FFF;
	float: left;
	width: 700px;
	font-family: arial, helvetica, sans-serif;
}

#nav ul li { display: inline; }

#nav ul li a
{
	padding: 0.2em 1em;
	background-color: #a52a2a;
	color: #FFF;
	text-decoration: none;
	float: left;
	border-right: 1px solid #FFCC14;
}

#nav ul a.navleftborder { border-left: 1px solid #FFCC14;}

#nav ul li a:hover
{
	background-color: #a52a2a;
	color: #FFF;
}

#footer {
	clear:both;
	height:20px;
	width:945px;
	font-size:small;
	position:absolute;
	top:615px;
}


p.f1 {
	
	float:left;
}

p.f2 {
	
	float:right;
}