* {
	margin:0;
	padding:0;
	width: auto;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #0e0e0e;
	background-image: url(../img/tile-bg2.png);
	background-repeat: repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:60%;
}
.clr {clear:both;height:1%;}
#outter { background-color: #0e0e0e; background-repeat: repeat-y; background-image: url(../img/tile-bg.png); }
#header, #footer { width: 100%;clear:left; }
#header h1 { text-align: center; margin-top: 10px; }
#content { background-color: #2b2b2b; width: 100%; clear: left; background-image: url(../img/stripe_black.gif); background-repeat: repeat; float:left;}
#position {margin:0 auto;width:550px;}
img, img a {border-style:none;}
.cen {text-align: center;}
.left {float:left;}
hr {width:50%;margin:2em auto;}
div.topfive.small {width:70%;margin:1em auto;}

ul {list-style-type:none;margin:0;padding:0;}
#nav {width:550px;margin-left:2em;}
#nav li {float:left;}
img {border:none;}	
.right {float:right;padding:0 0 10px 10px;}

#nav a {
	text-decoration: none;
	color:#d2984c;
} /* IMPORTANT */
#footer a {color:white; text-decoration:none;}
#footer a:hover {color:#d2984c;}


#innernav ul {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.75em;
	color:white;
	text-align:center;
	font-style: normal;
}
#innernav li {display:inline;margin: 0 28px;}
#innernav a, #maincontent  a  {color:white; text-decoration:none;}
#innernav a:hover, #maincontent a:hover {color:#d2984c;}
#innernav #menu {padding-top:15px;}

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

#weddings,#portraits,#gallery,#info {text-indent:30px;}
#weddings a, #portraits a, #gallery a, #info a {background-repeat: no-repeat;background-position: 0 0;display:block; font-size:1.3em;padding-top:5px;}

#weddings a { display:block; width:215px; height:156px; background-image: url("../img/romantic photograph of a church wedding.jpg"); background-repeat: no-repeat; background-position: 0 0; margin:50px 80px 0px 0;}
#weddings a:hover {background-position: -215px 0;color:white;}


#portraits a { display:block; width:215px; height:156px; background-image: url("../img/portrait photograph of a child.jpg"); background-repeat: no-repeat; background-position: 0 0;  margin:50px 0px 0px 0;}
#portraits a:hover {background-position: -215px 0;color:white;}


#gallery a { display:block; width:215px; height:156px; background-image: url("../img/photographic gallery.jpg"); background-repeat: no-repeat; background-position: 0 0; margin:50px 80px 50px 0;}
#gallery a:hover {background-position: -215px 0;color:white;}


#info a { display:block; width:215px; height:156px; background-image: url("../img/blog of a wedding photographer.jpg"); background-repeat: no-repeat; background-position: 0 0; margin:50px 0px 50px 0;}
#info a:hover {background-position: -215px 0;color:white;}

#footer p {color:white; text-align:center;padding-top:40px;font-size:1.2em;}

#innernav { background-image: url(../img/navback.jpg); background-repeat: repeat-x; height: 56px;margin-top:20px; }
#container, #innernav #menu {width:980px;margin:0 auto;}
#maincontent {width:980px;margin:0 auto;background-color: #2b2b2b;clear:left; background-image: url(../img/stripe_black.gif); background-repeat: repeat;border-right:solid 1px #404040;border-bottom:solid 1px #404040;}
#maincontent h1 {font-size:2.4em;color:#d2984c;padding:10px;}
#maincontent h2 {font-size:2em;color:#d2984c;padding:10px;}
#maincontent p {
	font-size:1.5em;
	color:white;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 12px;
	padding-left: 10px;
}
#maincontent ol {font-size:1.5em;padding-left:40px;color:white;}
#maincontent li {margin-bottom:1em;}

#maincontent p.price  {font-size:3em;text-align:right;color:yellow;padding:0 1em 0.5em 0;}



.divleft, .divright {
	float:left;
	width:995px;
	margin:0px0px0px;
	display:inline;
}


div.topfive { width:98%; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; /* background-color:#867366;*/ border:3px solid tan; margin-bottom:30px;}



.topfive ul { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.4em;margin-left:35px;}
.topfive li { list-style-type:none; list-style-image: url(../img/tick.gif); list-style-position: outside; padding-bottom:16px; color:white; font-size:1.2em; padding-right:10px; }

.contact {width:500px; margin:0 auto;}
.contactleft { width:130px; float:left; clear:left; height: 90px; }
.contactright { width:370px; float:left; height: 90px; margin: 0px; padding-top: 20px; }