@charset "utf-8";

* { margin:0; padding: 0;}
img { border:none;} 

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
body {
	background-image: url(../images/backdrop.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color: #102a39;
}

h1{}
h2{ font-size: 18px;}
h2 a{ color:#FFFFFF; text-decoration: none;}
h2 a:hover{ color:#d2a12f;}
h3{}

a{ color: #948562; text-decoration: underline;}
a:focus{ outline: none;}
a:hover{ text-decoration: none;}

p{ padding-bottom: 12px; line-height: 18px;}

input:focus, select:focus, textarea:focus { border: 2px solid #d2a12f;}

/* framework */
#preloader { display:none; height:0px;}

#outer {
	background-image:url(../images/innerdrop.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}

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

#nav {}
	#nav ul { list-style: none;}
	#nav li { float: left;}
	#nav a { display: block; height: 29px; text-indent: -3000px;}
		#nav-home { background-image:url(../images/nav-home.gif); width: 79px;}
		#nav-about { background-image:url(../images/nav-about.gif); width: 85px;}
		#nav-portfolio { background-image:url(../images/nav-portfolio.gif); width: 113px;}
		#nav-blog { background-image:url(../images/nav-blog.gif); width: 70px; cursor:default;}
		#nav-contact { background-image:url(../images/nav-contact.gif); width: 97px;}
		
		#nav-home:hover { background-image:url(../images/nav-home-over.gif);}
		#nav-about:hover { background-image:url(../images/nav-about-over.gif);}
		#nav-portfolio:hover { background-image:url(../images/nav-portfolio-over.gif);}
		/*#nav-blog:hover { background-image:url(../images/nav-blog-over.gif);}*/
		#nav-contact:hover { background-image:url(../images/nav-contact-over.gif);}
			
		#nav li ul {
			position: absolute;
			width: 150px;
			left: -999em;
			background-color: #1F516C;
			border: 1px solid #666666;
		}
		#nav li ul a {
			height: 22px;
			}
		#nav li ul a:hover {
			background-color: #112C3D;
			}
		#nav li:hover ul {
			left: auto;
		}	
			
		#nav-web { background-image:url(../images/nav-web.gif); width: 150px;}
		#nav-photography { background-image:url(../images/nav-photography.gif); width:150px;}
		#nav-art { background-image:url(../images/nav-art.gif); width: 150px;}
		
		#nav-web:hover { background-image:url(../images/nav-web-over.gif);}
		#nav-photography:hover  { background-image:url(../images/nav-photography-over.gif);}
		#nav-art:hover  { background-image:url(../images/nav-art-over.gif);}	

		

#header {
	height: 359px;
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	}
	#head {
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	background-position:top;
	}
	#title {
		display: block;
		height: 82px;
		width: 336px;
		background-image:url(../images/tran-designs.gif);
		background-repeat:no-repeat;
		}
		#title h2 {text-indent: -3000px;}
	#recent-bar { height:77px; padding-right: 5px;}
		#call-me {
			display: block;
			float:left;
			height: 77px;
			width: 272px;
			background-image:url(../images/contact-me.jpg);
			background-repeat:no-repeat;
			text-indent: -3000px;
			font-size: 10px;
			}
		#bar { padding: 15px 19px;}
		#recent {
			height: 67px;
			width: 407px; /*403*/
			padding: 0 0 0 19px;
			margin: 6px 0 0 0;
			background-image:url(../images/recent.jpg);
			background-repeat:no-repeat;
			background-position:left top;
			background-color: #14252f;
			}
		#recent ul { list-style: none; padding: 4px 0; height: 59px; overflow:hidden;}
		#recent li { float:left; margin-right:3px;}
		#recent li a { border: 2px solid #657378; display:block;}
		#recent li a:hover { border: 2px solid #d2a12f;}
		
		#recent a#next {
			display: block;
			width: 30px;
			height: 59px;
			text-indent: -3000px;
			background-image:url(../images/btn-next.jpg);
			background-repeat:no-repeat;
			background-position:top left;
			margin-right: 0px;
			border:none;
			}
			#recent a#next:hover {
				background-image: url(../images/btn-next-over.jpg);
				}	
	#top-wrap { padding-bottom: 20px;}
#wrapper {
	padding: 32px 0 45px 0;
	}
	#leftcol {
		width: 465px;
		padding: 0 20px;
		}
	#rightcol {
		width: 255px;
		padding-right: 20px;
		}
	
	.tri-mod {
		width: 256px;
		border-right: 1px solid #9faab0;
		}
	#mod-art, #mod-food { border-right: none;}
	#singlecol h2, .tri-mod h2 {
		font-weight: normal;
		background-image:url(../images/h-circle.gif);
		background-repeat:no-repeat;
		padding: 1px 0 5px 30px;
		margin: 0 0 12px 15px;
		}
		
	#singlecol p, .tri-mod p { padding:0 15px;}

#footer{
	font-size: 10px;
	text-align: right;
	}
	#footer a{color: #FFFFFF; text-decoration: none;}
	#footer a:hover{text-decoration: underline;}
	#ender {
		background-image:url(../images/footer.jpg);
		background-repeat:repeat-x;
		height: 57px;
		}

#contact-form td {
	padding: 1px 2px;
	}

/* classes */
.halfcol {
	height:335px;
	width: 50%;
	}
	.halfcol h3 { padding-bottom: 5px;}
	.halfcol ul { padding-left: 15px;}

.required { color:#FF0000; font-size: 14px;}

.input-contact { border:2px solid #000033; padding: 2px 5px; width: 190px;}
.input-style { border:2px solid #000033; padding: 2px 5px;}

.small {}
.med {}
.large { font-size: 16px;}

.right { float:right;}
.left { float:left;}
.clear { clear:both;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */