/* -----------------------------------
			
	David McCormick Photography
	 ~ screen.css stylesheet ~
		  
   ----------------------------------- */

/* -----------------------------------
			 Main Styles
   ----------------------------------- */
body { 
	padding: 0 30px;
	background: #050404 url('/images/background/background.gif') no-repeat 0 0; 
	color: #ffffff; 
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
}

/* -----------------------------------
			 Link Styles
   ----------------------------------- */
   
a 		{ text-decoration: none; padding: 1px 0; color: #ffffff; background-color: #333a3a; border-bottom: 1px solid #aaaaaa; }
a:hover { background-color: #000000; border-bottom: 1px solid #ff991d; }

/* -----------------------------------
	   Header & Navigation Styles
   ----------------------------------- */

#header { 
	margin: 0 0 15px 0;
	width: 820px;
}

#phone-number {
	padding: 20px 35px 0 0;
	width: 785px;
	height: 20px;
	text-align: right;
	font-size: 100%;
}
#phone-number span { font-size: 80%; color: #aaaaaa; font-style: italic; }
#phone-number em { color: #f7951e; }

h1.logo {
	float: left;
	width: 265px;
	height: 69px;
	background: url('/images/logo/Logo.gif') no-repeat 0 0;
	text-indent: -9000px;
}

/* Main Navigation */

ul#nav-main {
	position: relative;
	float: left;
	width: 554px;
	height: 49px;
}

ul#nav-main li {
	display: block;
	position: relative;
	float: left;
}

ul#nav-main li a {
	display: block;
	float: left;
	height: 49px;
	text-indent: -9000px;
	margin-right: 15px;
	border-bottom: none;
}

ul#nav-main li.last a { margin-right: 0px; }

li#nav-main-home a 		{ width: 82px;  background: url('/images/buttons/nav-new/nav-main-home.gif') no-repeat 0 0; }
li#nav-main-portfolio a { width: 108px; background: url('/images/buttons/nav-new/nav-main-portfolio.gif') no-repeat 0 0; }
li#nav-main-about a 	{ width: 87px;  background: url('/images/buttons/nav-new/nav-main-about.gif') no-repeat 0 0; }
li#nav-main-articles a 	{ width: 98px;  background: url('/images/buttons/nav-new/nav-main-articles.gif') no-repeat 0 0; }
li#nav-main-contact a 	{ width: 104px; background: url('/images/buttons/nav-new/nav-main-contact.gif') no-repeat 0 0; }

ul#nav-main li a:hover { background-position: 0 -49px; }

/* -----------------------------------
			   Content
   ----------------------------------- */

#content { padding: 0 0 30px 0; width: 820px; }

.col1-2,
.col2-2,
.col1-2copy,
.col2-2copy { float: left; }

.col1-2 { width: 415px; margin-right: 15px; }
.col2-2 { width: 390px; margin-top: 63px; }
.col1-2copy { width: 355px; padding-right: 10px; }
.col2-2copy { width: 355px; padding-left: 10px; }

h2 {
	margin-bottom: 20px;
	font-family: Georgia, Times, serif;
	font-size: 120%;
	font-weight: lighter;
	text-transform: uppercase;
	color: #f7951e;
}

h2.header-welcome {
	width: 415px;
	height: 185px;
	background: url('/images/headers/welcome.png') no-repeat 0 0;
	text-indent: -9000px;
}

h2.header-portfolio {
	width: 820px;
	height: 125px;
	background: url('/images/headers/portfolio.png') no-repeat 0 0;
	text-indent: -9000px;
}

h2.header-about {
	width: 415px;
	height: 185px;
	background: url('/images/headers/about.png') no-repeat 0 0;
	text-indent: -9000px;
}

h2.header-articles {
	width: 415px;
	height: 135px;
	background: url('/images/headers/articles.png') no-repeat 0 0;
	text-indent: -9000px;
}

h2.header-contact {
	width: 415px;
	height: 185px;
	background: url('/images/headers/contact.png') no-repeat 0 0;
	text-indent: -9000px;
}

h3 {
	margin-bottom: 20px;
	font-size: 110%;
	font-weight: lighter;
	color: #f7951e;
}

#content p {
	margin-bottom: 15px;
	font-size: 80%;
	line-height: 160%;
}

ul.list-numeric {
	margin-bottom: 15px;
	list-style: decimal;
	list-style-position: inside;
}

ul.list-numeric li {
	margin-bottom: 10px;
	font-size: 80%;
	line-height: 160%;
}


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

#footer { 
	padding: 15px 0;
	width: 820px; 
	/*background-color: #050404;*/
	border-top: 1px solid #332d2d; 
}

#footer p {
	font-size: 70%;
	line-height: 140%;
	color: #aaaaaa;
}


/* -----------------------------------
			Miscellaneous
   ----------------------------------- */

.clear-left 	{ clear: left; }
.clear-right 	{ clear: right; }
.clear-both 	{ clear: both; }
.left 			{ float: left; }
.right			{ float: right; }
.block			{ display: block; }
.none			{ display: none; }
.strong			{ font-weight: bold; }
.no-background 	{ background-image: none; }
.ampersand		{ font-family: "Baskerville", "Goudy Old Style", "Palatino", "Book Antiqua", serif; font-style: italic; }

/* ----------------------------------------------------------------------------
						Clearfix Easy Clearing of Floats

			http://www.positioniseverything.net/easyclearing.html
   ---------------------------------------------------------------------------- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */