/* fotinidesigns.com
css
version 1.0
April 27th, 2008 */



/***********boxes, containers, enclosures************/

body {
	background-color: #f5d773;
	margin: 35px 0px 0px 0px;
}

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

#box { 
	width: 753px;
	background-color: #fff;
	height: 800px;
}

#mainnav {
	width: 753px;
	height: 106px;
	background-image: url('../images/navigation-bground.gif');
	margin-bottom: 10px;
}

#homelink {
	position: relative;
	top: 5px;
	left: 5px;
	float: left;
	width: 150px;
	height: 95px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px  0px 0px;
}

#navlinks {
	position: relative;
	top: 58px;
	left: 48px;
}

#subnavbox {
	position: relative;
	top: 24px;
	left: 18px;
	width: 230px;
	float: left;
}

#subnavitems {
	position: relative;
	top: 30px;
	left: 33px;
}

#contentbox {
	position: relative;
	top: 24px;
	margin-left: 250px;
	width: 385px;
	padding-top: 83px;
}

.imgleft {
	float: left;
	margin-right: 5px;
}





#contentboxBuy { position: relative; top: 211px; margin-left: 197px; width: 385px; }
#bgwheretobuy {
	background-image: url('../images/bg-wheretobuy.gif');
	height: 775px;
	background-color: #fff;
	background-repeat: no-repeat;
}

#contentboxAbout { position: relative; top: 212px; margin-left: 199px; width: 485px; }
#bgabout {
	background-image: url('../images/bg-about.gif');
	height: 775px;
	background-color: #fff;
	background-repeat: no-repeat;
}

#contentboxPress { position: relative; top: 212px; margin-left: 199px; width: 485px; }
#bgpress {
	background-image: url('../images/bg-press.gif');
	height: 775px;
	background-color: #fff;
	background-repeat: no-repeat;
}

#contentboxInspiration { position: relative; top: 212px; margin-left: 199px; width: 485px; }
#bginspiration {
	background-image: url('../images/bg-inspiration.gif');
	height: 900px;
	background-color: #fff;
	background-repeat: no-repeat;
}

#contentboxContact{ position: relative; top: 212px; margin-left: 199px; width: 485px; }
#bgcontact {
	background-image: url('../images/bg-contact.gif');
	height: 775px;
	background-repeat: no-repeat;
	background-color: #fff
}




h1 {
	font-family: arial, verdana, sans-serif;
	font-size: 15px;
	color: #000;
	margin: 24px 0 8px 0;
}

p {
	font-family: arial, verdana, sans-serif;
	font-size: 11px;
	color: #000;
	margin: 0 0 18px 0;
	line-height: 17px;
}

p.small {
	font-family: arial, verdana, sans-serif;
	font-size: 10px;
	color: #000;
	margin-top: 10px;
	text-align: center;
}

p.form {
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	color: #000;
	margin-bottom: 0px;
}


a.small {color: #000; text-decoration: none; }
a.small:hover { color: #000; text-decoration: underline; }
a.small:visited {color: #000;  text-decoration: none; }
a.small:active { color: #000; text-decoration: none; }

a {color: #000; text-decoration: underline; }
a:hover { color: #000; text-decoration: underline; }
a:visited {color: #000;  text-decoration: underline; }
a:active { color: #000; text-decoration: underline; }









/***********css popup************/

#blanket {
	background-color:#000;
	opacity: 0.85;
	filter:alpha(opacity=5);
	position:absolute;
	z-index: 9001;
	top:0px;
	left:0px;
	width:100%;
}

#popUpDiv {
	position:absolute;
	background-color:#fff;
	width:353px;
	height:420px;
	border: 1px solid #bcbec0;
	z-index: 9002;
}




input.form, textarea {
	border: 1px solid #ccc;
}

input.image {
	border: 0px;
}