/************************** BASIC **************************/

html { 
	font-size:100.01%; 
	margin: 0;
	overflow: scroll;
	padding: 0;
}

body {
	background:#c1c8cb url(http://www.awade.com/img/body_bck_port.gif) repeat-x left top;
	border: 0; 
	/*color:#484848;*/
    /*color: #5c676b;*/
	/*color: #636b75;*/
	color: #4d4f53;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; 
	font-size: 13px;
	line-height: 19px;
	margin: 0px 0 10px; 
	padding: 0;  
	/*text-align: center;*/
}

body.home   {
	background:#c1c8cb url(http://www.awade.com/img/body_bck.gif) repeat-x left top;
}


img {   
        border: 0; 
        display: block;
}

p h3 {
padding:0;
margin:0

}

strong {
color: #191919;
}

/************************** CONTAINER **************************/

div#container { 
	background:#fff url(http://www.awade.com/img/main_bck.gif) repeat-y left top;
	margin: 0px auto 0px; 
	padding: 0 0 30px 0; 
	width: 960px; 
	text-align: left; 
}

/************************** HEAD **************************/

div#head { 
	background:#214a82 url(http://www.awade.com/img/logo_back.gif) repeat-x left top;
	float: left; 
	height: 91px; 
	margin: 0; 
	width: 960px; 
}

div#head h1 { 
	background:transparent url(http://www.awade.com/img/logo.gif) no-repeat 0 0; 
	display:block; 
	height:91px; 
	margin: 0; 
	padding:0;
	text-indent:-9009px; 
	width:650px;
	float:left;
}

div#head h1 a { 
	display:block;
	height:100%;
	outline:none;
}

div#head ul { 
	outline:none; 
	float: left;
	margin: 0; 
	padding: 0; 
}

/************************** MAIN NAVIGATION **************************/

ul.nav {position: relative; list-style:none; }

ul.nav li.design a { position: absolute; text-indent: -9999px; background: transparent url(http://www.awade.com/img/top_nav.gif) no-repeat 0px 0px; width: 82px; height: 66px; top: 24px; left: 1px; }
ul.nav li.design a:hover {background: transparent url(http://www.awade.com/img/top_nav.gif) no-repeat 0px -66px; }
ul.nav li.design_current a{background: transparent url(http://www.awade.com/img/top_nav.gif) no-repeat 0px -66px; }
ul.nav li.art a { position: absolute; text-indent: -9999px; background: transparent url(http://www.awade.com/img/top_nav.gif) no-repeat -82px 0px; width: 44px; height: 66px; top: 24px; left: 83px; }
ul.nav li.art a:hover {background: transparent url(http://www.awade.com/img/top_nav.gif) no-repeat -82px -66px; }
ul.nav li.art_current a {background: transparent url(http://www.awade.com/img/top_nav.gif) no-repeat -82px -66px; }
ul.nav li.photography a { position: absolute; text-indent: -9999px; background: transparent url(http://www.awade.com/img/top_nav.gif) no-repeat -126px 0px; width: 115px; height: 66px; top: 24px; left: 127px; }
ul.nav li.photography a:hover {background: transparent url(http://www.awade.com/img/top_nav.gif) no-repeat -126px -66px; }
ul.nav li.photography_current a {background: transparent url(http://www.awade.com/img/top_nav.gif) no-repeat -126px -66px; }
ul.nav li.contact a { position: absolute; text-indent: -9999px; background: transparent url(http://www.awade.com/img/top_nav.gif) no-repeat -241px 0px; width: 69px; height: 66px; top: 24px; left: 242px; }
ul.nav li.contact a:hover {background: transparent url(http://www.awade.com/img/top_nav.gif) no-repeat -241px -66px; }
ul.nav li.contact_current a {background: transparent url(http://www.awade.com/img/top_nav.gif) no-repeat -241px -66px; }

/************************** SECTION SUB NAVIGATION **************************/

ul.sub_nav {
	position: relative; 
	list-style:none; 
	width: 308px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #eee;
padding:0px;
margin:15px 0px 0px 0px;
}

ul.sub_nav li a {
color: #492b23;
display: block;
padding: 10px 10px 10px 25px;
text-decoration: none;
position: relative;
height: 1%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #eee;
}

ul.sub_nav li a:hover {
background-color: #ecf6f5;
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
color: #4596da;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #eee;
}


#still-life ul.sub_nav li.still-life_current a, #Still-Life ul.sub_nav li.still-life_current a, #landscape ul.sub_nav li.landscape_current a, #Landscape ul.sub_nav li.landscape_current a, #identity ul.sub_nav li.identity_current a, #Identity ul.sub_nav li.identity_current a, #web ul.sub_nav li.web_current a, #Web ul.sub_nav li.web_current a, #paintings ul.sub_nav li.paintings_current a, #Paintings ul.sub_nav li.paintings_current a, #Illustration ul.sub_nav li.illustration_current a, #illustration ul.sub_nav li.illustration_current a, #three-d ul.sub_nav li.three_d_current a, #Three-d ul.sub_nav li.three_d_current a, #Other ul.sub_nav li.other_current a, #other ul.sub_nav li.other_current a, #Print ul.sub_nav li.print_current a, #print ul.sub_nav li.print_current a, #People ul.sub_nav li.people_current a, #people ul.sub_nav li.people_current a, #Nature ul.sub_nav li.nature_current a, #nature ul.sub_nav li.nature_current a {
padding: 10px 10px 10px 25px;
border-left-width: 6px;
border-left-style: solid;
border-left-color: #4596da;
color: #4596da;
text-transform:uppercase;
}





/************************** FEATURE **************************/

div#feature { 
	background: #fff url(http://www.awade.com/img/feature.jpg); 
	margin: 0; 
	padding: 0; 
	width: 960px; 
	height:259px;
	text-align: left; 
	float:left;
}

.left_feature { 
	width: 340px; 
	text-align: left; 
	position: relative; top: 95px; left:30px;
	color:#fff;
	font-weight:lighter;
	line-height:20px;
	font-size:13px;
}

h1.left_feature  { 
	font-size:24px;
	line-height:24px;
	font-weight:lighter;
}

.right_feature { 
	/*background: transparent url(http://www.awade.com/img/welcome_paper.gif);
	width: 244px; 
	height:220px;*/
	position: relative; top: -125px; left:-40px;
	color:#fff;
	font-weight:lighter;	
	float:right;
	text-indent: -9000px;
	overflow: hidden;
}

div#feature_portfolio { 
	background: #fff url(http://www.awade.com/img/feature_portfolio.jpg); 
	margin: 0; 
	padding: 0; 
	width: 960px; 
	height:35px;
	text-align: left; 
	float:left;
}



/************************** MAIN **************************/

div#main { 
/*	background: #fff url(http://www.awade.com/img/main_bck.gif) repeat-y left top; 
*/	margin: 0px auto 0px; 
	padding-left: 0px; 
	width: 960px; 
	text-align: left; 
}


/************************** FOOTER **************************/


div#footer  {  
	background:#868c94 url(http://www.awade.com/img/footer.gif) repeat-x left top;
	clear: both;
	height: 310px; 
	text-align: center; 
	voice-family: inherit; 
	margin-right: 0px;
	margin-left: 0px;
	position: relative;
	clear: both;
	width: 100%;
	padding-top:0px;
}
	
div#footer span {  
	color:#ccc;
	margin: 0;
	padding: 0 0 40px 0;
	position: relative; 
	top: 20px;
}


div#footer_box {  
	background:transparent url(http://www.awade.com/img/footer_box.gif) no-repeat; 
	height: 157px; 
	width: 960px; 
	margin: 0px auto 0px; 
}

div#col_one {
	width: 259px;
	height: 124px;
	float: left;
	padding: 10px 20px 10px 32px;
	text-align: left;
}


div#col_two {
	width: 290px;
	height: 124px;
	float: left;
	padding: 10px 20px 10px 28px;
	text-align: left;
}

div#col_two p {
	width: 170px;

}

div#col_three {
	width: 200px;
	height: 124px;
	float: left;
	padding: 10px 20px 10px 29px;
	text-align: left;
}

div#footer_box h3 {
	font-size: 13px;
	color: #3c3c3c;
	padding: 0 0 0 0;
	margin-bottom: 6px;
}

div#footer_box p {
	padding: 0 0 0 0;
	margin:0px;
}













/************************** SLIDER **************************/
#slider {
  width: 644px;
  display:inline-block;
  margin: 0 auto;
  position: relative; left:0px;
  float:left;
  background:inherit;
  padding-left:2px;

}

.scroll {
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  padding: 26px 0 0 33px;
  width: 670px; /* change to 560px if not using JS to remove rh.scroll */
  float:left;
}

/*.scrollContainer div.panel p {
  padding-left:0px;
  height:300px;
}*/

/************************** 3 COLUMN IMAGES **************************/





div.post h1 {
font-size: 1.8em;
margin: 8px 0 22px 0;
color: #020f1c;
background:transparent url(http://www.awade.com/img/look_around.gif) no-repeat  426px 5px; 
/*font-family: "HelveticaNeue-Light","Helvetica Neue Light",Helvetica,Arial,sans-serif;*/
font-weight: 300;
clear: left;
width:598px;
}

#about div.post h1 {
font-size: 1.8em;
margin: 8px 0 22px 0;
color: #020f1c;
background:none;
/*font-family: "HelveticaNeue-Light","Helvetica Neue Light",Helvetica,Arial,sans-serif;*/
font-weight: 300;
clear: left;
width:598px;
}

div.post h2 {
font-size: 1.5em;
margin: 8px 0 22px 0;
/*font-family: "HelveticaNeue-Light","Helvetica Neue Light",Helvetica,Arial,sans-serif;*/
font-weight: 100;
clear: left;

width: 370px;
}

div.post .recent {
width: 420px;
}
 

div.post h4 {
font-size: 1.5em;
margin: 8px 0 22px 0;
/*font-family: "HelveticaNeue-Light","Helvetica Neue Light",Helvetica,Arial,sans-serif;*/
font-weight: 100;
float: right;
width: 50px;
}

#title_navigate h2 {
font-size: 1.5em;
margin: 8px 0 12px 0;
width: 400px;
float:left;
font-weight: 100;
}

#navigate {
padding: 0 25px 12px 0;
width: 179px;
height:33px;
float:right;
background: transparent url(http://www.awade.com/img/next_button.gif) no-repeat 0px -66px; width: 179px; height: 33px;
}

#navigate span.previous a {
width: 89px;
height:33px;
float:left;
background: transparent url(http://www.awade.com/img/next_button.gif) no-repeat 0px 0px; width: 89px; height: 33px;
text-indent:-999px;
right: 90px;
cursor:pointer;
}

#navigate span.previous a:hover {
width: 89px;
height:33px;
float:left;
background: transparent url(http://www.awade.com/img/next_button.gif) no-repeat 0px -33px; width: 89px; height: 33px;
text-indent:-999px;
right: 90px;
}


#navigate span.next a {
width: 90px;
height:33px;
float:right;
background: transparent url(http://www.awade.com/img/next_button.gif) no-repeat -89px 0px; width: 90px; height: 33px;
text-indent:-999px;
cursor:pointer;
}

#navigate span.next a:hover {
width: 90px;
height:33px;
float:right;
background: transparent url(http://www.awade.com/img/next_button.gif) no-repeat -89px -33px; width: 90px; height: 33px;
text-indent:-999px;
}


div.excerpt2 {
margin: 0px 0px 0px 0px;
background-color: #ededed;
border-width: 1px;
border-style: solid;
border-color: #dfdfdf;
padding: 6px 25px 2px 25px;
width: 534px;
}

div.excerpt2 h3 {
font-size: 1.5em;
color:#464c54;
margin: 10px 0 22px 0;
/*font-family: "HelveticaNeue-Light","Helvetica Neue Light",Helvetica,Arial,sans-serif;*/
font-weight: 100;
clear: left;
}

div.excerpt2 h4 {
font-size: inherit;
color:#464c54;
margin: 4px 0 16px 0;
border-top:#e1e1e1 solid 1px;
border-bottom:#e1e1e1 solid 1px;
padding: 5px 5px 7px 14px;
background-color:#f8f8f8;
clear: left;
width:516px;

}

div.post p {
margin: 15px 0 15px 0;
font-style:normal;
/*width: 406px;*/
}


/* ---------- gallery styles start here ----------------------- */
.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 0 17px 0 -9px;
	padding: 0;
	float: left;
	position: relative;
	width: 196px;
	height: 197px;
}

.gallery a {
	text-decoration: none;
	color: #666;
}
.gallery a:hover {
	color: #4596da;
	text-decoration: underline;
}
.gallery img {
	padding: 4px 0 0 4px;
}
.gallery em {
	width: 196px;
	height: 60px;
	background: url(http://www.awade.com/img/overlay.png) no-repeat;
	display: block;
	position: absolute;
	text-align: center;
	padding-top: 143px;
	font-style:normal;
}

#about {

background: url(http://www.awade.com/img/cartoon.gif) no-repeat right bottom;
width: 620px;
height: 315px;
}

#about p {
width: 406px;

}

#column2 p.breadcrumb { 
 margin-left:25px;
}

/************************** MIDDLENAV **************************/

div#middlenav { 
    position: relative;
	background: #fff url(http://www.awade.com/img/middle_nav.gif); 
	margin-left: -2px; 
	padding: 0; 
	width: 960px; 
	height:53px;
	text-align: left; 
	float:left;
}

.navigation  li a:link {
    position: absolute;
    top: 0;
    height: 53px;
    text-indent: -9000px;
    overflow: hidden;
	list-style:none;
	}
.navigation .projects1 a:link, .navigation .projects1 a:visited {
	left: 0px;
    width: 164px;
	background: url(http://www.awade.com/img/middle_nav.gif) no-repeat 0px 0px;
    }
.navigation .projects1 a:hover, .navigation .projects1 a:focus {
	background: url(http://www.awade.com/img/middle_nav.gif) no-repeat 0px -53px;
	outline: none;
    }
.navigation .projects1 a:active, .navigation .projects1 a.selected {
	background: url(http://www.awade.com/img/middle_nav.gif) no-repeat 0px -106px;
    }
	
.navigation .about1 a:link, .navigation .about1 a:visited {
	left: 164px;
    width: 163px;
	background: url(http://www.awade.com/img/middle_nav.gif) no-repeat -164px 0px;
    }
.navigation .about1 a:hover, .navigation .about1 a:focus {
	background: url(http://www.awade.com/img/middle_nav.gif) no-repeat -164px -53px;
	outline: none;
    }
.navigation .about1 a:active, .navigation .about1 a.selected {
	background: url(http://www.awade.com/img/middle_nav.gif) no-repeat -164px -106px;
    }

/************************** COLUMN1 **************************/

div#column1 { 
	margin: 0; 
	padding: 26px 0px 0px 33px; 
	width: 614px;
	text-align: left; 
	float:left;
	background:inherit;
}

  
  
  


/************************** COLUMN2 **************************/

div#column2 { 
	margin: 0; 
	padding: 18px 0px 50px 0; 
	width: 310px; 
	height: 200px;
	text-align: left; 
	float:right;
	background:transparent url(http://www.awade.com/img/shadow.gif) no-repeat 0 0; 
	position:relative;
}

.middlenav {
	top:53px;
}


dl {
width: 275px;
float:right;
padding-right:12px;
}

dt {
/*text-transform: uppercase;*/
color: #97c10e;
float: right;
width: 216px;
font-weight: bold;

}
dd {
margin: 0 0 15px 60px;
}

dd.hr_shadow {
margin: 0 0 0 60px;
padding: 0 0 30px 0;
background:transparent url(http://www.awade.com/img/hr_shadow.jpg) no-repeat bottom right;
}

dd.image {
float: left;
margin: 0;
}


/************************** CONTACT FORM **************************/

#zContact {
	background-color: #ededed;
	border-width: 1px;
	border-style: solid;
	border-color: #dfdfdf;
	padding: 0 25px 0 25px;
	width: 534px;
}

#zContact fieldset {
	margin: 0px;
	padding: 0 0 25px 22px;
	border: 1px solid #fff;
   }
   
#zContact legend {
	margin: 0;
	padding: 0 10px 0.5em 0.5em;
	width: 160px;
	font-size: 15px;
	/*background-color: red;*/
   }
   
#zContact label {
	float: left;
	width: 60px;
	margin: 0.1em 10px 0 0;
	text-align: right;
	/*background-color: #ccc;*/
   }
#zContact br {
   clear: left;
   }
   
#zContact textarea{
    width: 300px;
}

#zContact input {
	margin-bottom: 0.5em;
}

#zContact .zemSubmit {
	margin: 0.5em 0 0 70px;
}

#zContact label.zemCheckbox {
	margin: 0.1em 0 0 0.5em;
	float:none;
}

#zContact .zemCheckbox {
	margin: 0.5em 0 0 70px;
	width: 160px;
}


/* BUTTONS */

#zContact a, #zContact button{
    display:block;
    float:left;
    margin:15px 7px 0 70px;
    border:1px solid #abb9ca;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
	background-color:#dfdfdf;
}
#zContact button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
}
#zContact button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}
*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}
#zContact button img, #zContact a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

#zContact button:hover, #zContact a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
#zContact a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}












/************************** CLEARFIX **************************/

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




/************************** LINKS **************************/

/* Basic Link Style */

a	{ 
	color: #007dd0; 
	text-decoration: none; 
	cursor:pointer;
	outline: none;
	}
a:link		{ 
	color: #007dd0; 
	text-decoration: none;
	
	}
a:visited	 { 
	color: #4596da;
	text-decoration: none;
	}
a:hover		{ 
	color: #4596da; 
	text-decoration: underline; 
	cursor:pointer;
	}


/* Left Feature Link Style */

.left_feature a	{ 
	color: #99ffff; 
	text-decoration: none; 
	}
.left_feature a:link		{ 
	color: #99ffff; 
	text-decoration: none;
	}
.left_feature a:visited	 { 
	color: #99ffff;
        text-decoration: none;
	}
.left_feature a:hover		{ 
	color: #99ffff; 
	text-decoration: underline; 
	}
	
	
	
	
	
/* Footer Link Style */

div#copyright a	{ 
	color: #fff; 
	text-decoration: none; 
	}
div#copyright a:link		{ 
	color: #fff; 
	text-decoration: none;
	}
div#copyright a:visited	 { 
	color: #fff;
        text-decoration: none;
	}
div#copyright a:hover		{ 
	color: #fff; 
	text-decoration: underline; 
	}
	
/* Copyright Style */	
div#copyright {
	color:#cdd1d4;
	padding-top: 15px;
}
	
	
/* Post botton link */	
	
	
div.post em a {
color: #2680c3; 
	text-decoration: none; 
}
div.post em a:link		{ 
	color: #2680c3; 
	text-decoration: none;
	}
div.post em a:visited	 { 
	color: #33548E;
        text-decoration: none;
	}
div.post em a:hover		{ 
	color: #33548E; 
	text-decoration: underline; 
	}