/* Copyright Prasad Khose - Web version */
/* Web Design, Cross browser valid W3C CSS/XHTML development */
/* CSS tips blogs @ www.cssidiots.com */

/*{------------------------------
Global Reset
-------------------------------}*/
body, h1, h2, h3, h4, h5, h6, ul, li, p, img{
	margin:0;
	padding:0;
	border:none;
}
ul{
	list-style-type:none;
}
img{
	border:0;
}
body{
	background-color:#362f2d;
	font:62.5% Arial, Helvetica, sans-serif;
}
.clearFloat{
	clear:both;
}
a{
	color:#790000;
	text-decoration:none;
	border-bottom:1px dotted #790000;
}
a:hover{
	color:#448ccb;
	border-bottom:1px dotted #448ccb;
}
a:visited{
	color:#4e4e4e;
	border-bottom:1px dotted #4e4e4e;
}
a[href^="http://"]{
	background:url(../images/ico_external_link.gif) no-repeat right;
	padding-right:1.2em;
}
#extraDiv{
	display:none;
}
/*{------------------------------
Head styles
-------------------------------}*/
#head{
	display:none;
}
/*{------------------------------
Main Navigation styles
------------------------------}*/
#mainNav{
	background-color:#3981c5;
	height:4.7em;	
	border-bottom:2px solid #5da8fd;
}
#mainNav ul{
	margin-left:10px;
}
#mainNav ul li{
	background:url(../images/nav_corner_a.gif) no-repeat #1969c4;
	width:auto;
	float:left;
	margin:1.3em 1em 0 0;
	display:inline;
}
#mainNav ul li a{
	background:url(../images/nav_corner_b.gif) no-repeat top right;
	color:#033345;
	font-size:1.6em;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	padding:0.43em 0.7em;
	display:block;
	border-bottom:0;
}
#mainNav ul li a:hover{
	color:#fff;
}
#mainNav ul li a:visited{
	color:#2f446f;
	text-decoration:overline;
}
#mainNav ul li a:active{
	color:#fff;
}
.navBorder{
	background-color:#1969c4;
	height:3px;
	font-size:1px;
	border-bottom:1px solid #f5f8f9;
}
#home #mainNav ul li.home, #work #mainNav ul li.work, #blog #mainNav ul li.blog, #about #mainNav ul li.about, #contact #mainNav ul li.contact{
	background:url(../images/nav_current_a.gif) no-repeat #5da8fd;
}
#home #mainNav ul li.home a, #work #mainNav ul li.work a, #blog #mainNav ul li.blog a, #about #mainNav ul li.about a, #contact #mainNav ul li.contact a{
	background:url(../images/nav_current_b.gif) no-repeat right top;
	color:#fff;
	text-decoration:none;
	padding-top:0.5em;
}
/*{-------------------------
Content styles
---------------------------}*/
#wrapper{
	background:url(../images/tree.png) no-repeat bottom left;
}
#contentClip{
	min-height:300px;
	margin:20px auto 0 auto;
	font-size:1.4em;
	line-height:1.5em;
}
/*#home #contentClip{
	background:url(../images/bg_contentclip.gif) no-repeat 27px 52px;
}*/
/*{------------------------------------
Common home content styles
------------------------------------}*/
.workContent, .blogsContent{
	background:url(../images/bg_work_blogs.gif) no-repeat 0 30px;
	min-height:293px;
	float:left;
	padding:0 0 10px 17px;
	margin:20px 0 0 10px;
}
.workContent h1 span, .blogsContent h1 span, .contactContent h1 span{
	background:none;
	text-indent:-9000px;
	display:block;
}
.workContent div, .blogsContent div, .contactContent div{
	width:90%;
	padding:25px 15px 15px;
	float:left;
}
.workContent > a, .blogsContent > a, .contactContent > a{
	margin-left:15px;/*View all portfolio, blogs, contact links*/
}
.workContent div img, .contactContent div img{
	float:left;
	border:4px solid #cdcdcd;
	margin-right:10px;
}
.workContent div p a:hover img, .contactContent div p a:hover img{
	border-color:#448ccb;
}
.workContent div p a:visited img, .contactContent div p a:visited img{
	border-color:#e6e6e6;	
}
/*{------------------------------------
workContent home styles
------------------------------------}*/
.workContent h1{
	background:url(../images/hdng_work.gif) no-repeat bottom left;
	height:26px;
}
.workContent div + div{
	padding-top:10px;/*portfolio second example*/
}
/*{------------------------------------
blogContent home styles
------------------------------------}*/
.blogsContent h1{
	background:url(../images/hdng_blogs.gif) no-repeat bottom left;
	height:29px;
}
.blogsContent div h2{
	color:#131313;
	padding:1px;
	font-size:1.2em;
}
.blogsContent div h2 a{
	background-color:#dadada;
}
.blogsContent div p{
	padding-bottom:18px;
}
.blogsContent div p + h2 + p +h2 +p{
	padding-bottom:2px;/*to reduce bottom padding between last <p> & view all blogs link*/
}
.blogsContent div p a{
	width:2.6em;/*go on... link*/
	display:block;
}
/*{------------------------------------
contactContent home styles
------------------------------------}*/
.contactContent{
	background:url(../images/bg_contact.gif) no-repeat 0 30px;
	width:229px;
	min-height:255px;
	float:left;
	margin:20px 10px 0 10px;
	padding:0 0 10px 17px;
	display:inline;/*IE double float margin bug*/
}
.contactContent h1{
	background:url(../images/hdng_contact.gif) no-repeat bottom left;
	height:26px;
}
.contactContent span{
	background:url(../images/ico_email.gif) no-repeat 0 4px;
	padding:0 25px;
	display:block;
}
.contactContent span.phone{
	background:url(../images/ico_phone.gif) no-repeat;
	margin:20px 0;
}
/*{-------------------------
Footer styles
-------------------------}*/
#footer{
	background:url(../images/bg_footer.png) repeat-x;
	height:194px;
	border-top:2px solid #191413;
}
#footer div.linkContainer{
	width:967px;
	margin:0 auto;
	padding:20px 8px 0;
	font-size:1.1em;
}
.recognitions, .resources, .photography{	
	float:left;
}
.recognitions, .resources{
	width:353px;
}
.recognitions h3 span, .resources h3 span, .photography h3 span{
	text-indent:-9000px;
	display:block;
	padding-bottom:15px;
}
.photography h3 span{
	padding-bottom:25px;
}
.recognitions ul li, .resources ul li{
	width:105px;
	float:left;
	display:inline;
	line-height:2.5em;
}
.recognitions ul li a{
	color:#696462;
	border-bottom:0;
	text-decoration:underline;
}
.recognitions ul li a:hover{
	color:#fff;
}
.recognitions ul li a:visited{
	color:#4d4c4b;
}
.recognitions h3{
	background:url(../images/hdng_recognitions.gif) no-repeat;
}
.resources h3{
	background:url(../images/hdng_resources.gif) no-repeat;
}
.photography h3{
	background:url(../images/hdng_photography.gif) no-repeat;
}
.resources ul li a{
	color:#a7a19e;
	border-bottom:0;
	text-decoration:underline;
}
.resources ul li a:hover{
	color:#fff;
}
.resources ul li a:visited{
	color:#706b69;
}
.photography a{
	border-bottom:0;
}
.photography a img{
	border:2px solid #cdcdcd;
	margin-right:15px;
}
.photography a:hover img{
	border-color:#f7fca9;
}
.photography a:visited img{
	border-color:#9d9d9d;
}
#footer p{
	width:967px;
	margin:0 auto;
	clear:left;
	padding-top:35px;
}
#footer p span a{
	background:url(../images/ico_checked.gif) no-repeat right;
	color:#89807d;
	border:0;	
	display:block;
}
#footer p span.w3cXhtml, #footer p span.w3cCss{
	float:left;
	padding:0 0.5em;	
	display:block;
	text-align:right;
}