/*
Specific Styles for davehardy fotoGrafique

Created by Iain Row 10/04/09
*/

/* NAVIGATION */
body                {background:#fff; color:#666;}
#pagewrapper        {background:#fff;}

#logo               { margin:10px 0 0px 0; width:320px;}
#blog_client        { width:200px; float:right; margin:20px 40px 0 0;}
#blog_client img    { padding:5px 0; }
div#nav {
	height: 36px;
	margin-top: 1.5em;
	}
	
#nav ul {
	list-style-type: none;
	}
	
#nav ul li {
	float: left;
	font-size:1em;
	margin-left:0px;
}

#nav ul li a {
	color: #333;
	font-size: 1em;
	display: block;
	padding: 2px 0px 0 0; margin-left:18px;
	height: 32px;
	text-decoration: none;
	
	}
	
#nav ul li a:hover, #nav ul li a.navcurrent { color: #F15D2B;	}	
	
	
/* TEXT */

body {
	font-family: Helvetica, Calibri, "Helvetica Neue", Arial, sans-serif;
	}
	
h1 {
	font-size: 1.8em; color: #F15D2B;
	}
	
p {
	font-size: 1em;
	}
	
li {
	font-size: 1em;
	}
	
li li               {  font-size: 1em; }


a:link              { color:#F15D2B;}
a:hover             { text-decoration:none; }
a:visited           { color:#F15D2B;}

#banner             { background:#fff; width:950px; margin:0 auto; text-align:center; }
#banner img         { margin:0 auto;}
	
.justify {
	text-align: justify;
	}

.terms ol {
    margin:10px -20px 10px 0; 
    }
.terms ol li ol{
    margin:5px 0px 0px 20px;
    list-style-type:lower-alpha;
    }
 
.terms li {
    margin:10px 0; 
    padding:0px;
    }

.terms ol li {
    margin:10px 20px 0px 20px;
    }
	
.error  {
    background:#fff;
    border:none;
    padding:0;
    margin:0;
    color:#f00;
    }
fieldset {
    border:none; 
    }

h2  {
    font-size:1.4em;
    font-weight:bold;
    margin: 0 0 10px 0;
}
h3                   { font-size:1.2em; font-weight:bold; margin: 0 0 10px 0;}

#footer {
    color:#432e29;
}

#contactform        {background:#F3F3F3;}
.orange             {color:#F15D2B;}
.red                {color: #f00;}
#strap              { margin:0px 0px 10px 37px;  clear:both;}

h5.swap             { height:15px; background:#000; width:200px; background-repeat:no-repeat; }
h5.swap span        {display:none;} 
h5#t-email          {background-image: url("../images/email.gif"); background-position: center; }

.email, .black      { color:#000; text-decoration:none;}
.email:hover        { color:#000; text-decoration:underline;}

.names              { margin: 8px 0 0 0;}

/*Hotspot begins*/
#blog_login         { width:300px; float:right;}
#hotspot			{ background-color:#f7f7f7; width:100px; height:60px; background-image:url(../images/login.gif); background-position: -100px 0px; background-repeat:no-repeat; margin:0px; padding:0px; text-align: center; list-style-type:none; position:relative; top:30px; left:160px; margin-bottom:15px;}
#hotspot li			{ list-style-type:none; display:block; margin:0px;}
a i                 {visibility:hidden;}

#blog a 			{ display:block; width:50px; height:30px; margin:0px; text-decoration:none; /*border:1px solid #ccc;*/}
#login a	        { display:block; width:100px; height:30px; margin:0px; text-decoration:none; /*border:1px solid #ccc;*/}
#blog			    { position:absolute; top: 0px; left:0px; /*border:1px solid #000;*/}
#login		        { position:absolute; top: 32px; left:0px; /*border:1px solid #ccc; */}

#blog a:hover	    { background-image:url(../images/login.gif); background-position: 0px 0px; background-repeat:no-repeat;}
#login	a:hover	    { background-image:url(../images/login.gif); background-position: 0px -32px; background-repeat:no-repeat;}

/*Hotspot ends*/
.small_letter       { font-size:90%;}

/*Settings for paypal*/
#paypalContent	    { width:370px; background:#f7f7f7; padding:5px 10px 5px 10px; margin:0 0 20px 0;}
#paypalContent h2 	{ color:#F15D2B; font-weight:normal;}
#paypalContent p	{  }
.paypal		        { width:300px;}
.label		        { width:80px; float:left; margin: 5px 0 0 0;}
.field		        { width:220px; float:right; margin: 0 0 5px 0;}


/* PRINT STYLES */

	
@media print 
{ 

	#nav {
		display: none;
		}
		
	.span-24 {
		clear: both;
		}
	
}