/* CSS document for www.krishnasolanki.co.uk - 11/01/2010 */

*{
	margin:0;
	padding:0;
}

body{
	background: #fefce7 url(../images/main_bg_Blog.jpg) no-repeat center top;
	width:100%;
	color:#636363;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#header{
	position:relative;
	width:960px;
	/**/height:380px;
	margin:auto;
	float:none;
}

h1{
	position:absolute;
	float:left;	
	top:96px;
	left:100px;
	text-indent:-9999px;
}

h1 a{
	display:block;
	height:160px;
	width:380px;
	/*background-color:#00CC33; - TESTING PURPOSES ONLY */
}

h2{
	font-size:16px;
	font-weight:normal;
	font-style:italic;
	width:535px;
	height:84px;
	position:absolute;
	left:140px;
	top:300px;
	/*line-height:84px;  - vertically center aligns text within height of box, which must be same. only works for single sentences. */
}

h3{
	padding-bottom:7px;
}

#left ul{
	list-style:url(../images/bullet_point.png);
	padding: 10px 0px 10px 30px;
}

#left ul li{
	
}

#left ul li a{
	color:#8cb242;
	text-decoration:none;
}

#left ul li a:hover{
	text-decoration:underline;
}

ul#mainNav{
	list-style:none;
	/*width:437px;
	margin:auto;*/
	position:absolute;
	right:425px;
}

ul#mainNav li{
	float:left;
	position:absolute;
	text-align:center;
	/*width:70px;*/
}

ul#mainNav li a,
ul#mainNav li a:visited,
#footer ul li a,
#right ul li a{
	text-decoration:none;
	color:#636363;
} 

ul#mainNav li a:hover,
#footer ul li a:hover,
#right ul li a:hover{
	color:#1258a0;
}

ul#mainNav span {
	display: none;
	position: absolute;
}

ul#mainNav a:hover span {
	display: block;
}

ul#mainNav li.home span {
	background:url(../images/nav_home_over.gif) no-repeat;
	width: 159px;
	height: 48px;
	top: 40px;
	left: 40px;
}

ul#mainNav li.active{
	font-weight:bold;
}

ul#mainNav li.portfolio span {
	background:url(../images/nav_portfolio_over.gif) no-repeat;
	width: 159px;
	height: 48px;
	top: 45px;
	left: 25px;
}

ul#mainNav li.about span {
	background:url(../images/nav_about_over.gif) no-repeat;
	width: 112px;
	height: 74px;
	top: 42px;
	left: -33px;
}

ul#mainNav li.contact span {
	background:url(../images/nav_contact_over.gif) no-repeat;
	width: 159px;
	height: 48px;
	top: 47px;
	left: -100px;
}

ul#mainNav li.blog{
	top:25px;
	right:65px;
}

ul#mainNav li.home{
	top:110px;
}
ul#mainNav li.portfolio{
	top:122px;
	left:110px;
}
ul#mainNav li.about{
	top:103px;
	left:224px;
}
ul#mainNav li.contact{
	top:124px;
	left:328px;
}

#content{
	width:820px;
	margin:0 auto;
	float:none;
}

#left{
	width:465px;
	float:left;
	/*margin-right:10px;*/
}

#right{
	float:right;
	/*margin-left:10px;*/
	width:260px;
}

#right img{
	margin:0 auto;
	padding-bottom:50px;
}

.textBox{
	background-color: #fefdee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #c2c2c2;
	padding: 20px 20px 10px;
	margin-bottom:10px;
}

#right ul{
	list-style:none;
}

#right ul li{
	padding-bottom:7px;
	/*text-align:center;
	width:70px;*/
}

#right ul li a{
	display:block;
	padding:3px 0px 0px 40px;
}

#right ul li a.twitter{
	background:url(../images/twitter_32.jpg) no-repeat scroll 0 0;
	height:32px;
	width:32px;
}

#right ul li a.facebook{
	background:url(../images/facebook_32.jpg) no-repeat scroll 0 0;
	height:32px;
	width:32px;
}

#right ul li a.linkedin{
	background:url(../images/linkedin_32.png) no-repeat scroll 0 0;
	height:32px;
	width:32px;
}

p{
	margin-bottom:10px;
}

p a{
	color:#8cb242;
	text-decoration:none;
}

p a:hover{
	text-decoration:underline;
}

br{
	clear:both;
}

#footer{
	background: #fefce7 url(../images/footer_bg.jpg) no-repeat center top;
	width:100%;
	float:left;
	/*padding:20px 0 157px;*/
}

#footer ul{
	list-style:none;
	width:820px;
	margin:auto;
	padding-top:160px;
	padding-bottom:50px;
	/*position:relative;*/
}

#footer ul li{
	float:left;
	margin-right:5px;
	/*position:absolute;*/

}

/*================= img slideshow start ==================*/

#slideshow {
    position:relative;
    height:269px;
	margin-bottom:40px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 269px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 269px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}

/*================= img slideshow end ==================*/

/*=================PORTFOLIO SHOWCASE START ==================*/

#portfolio_showcase {
	width: 820px;
	margin: 0 auto;
	/*padding: 10px 20px;
	background: #FFF;	
	border: 1px solid #CCC;
	float:left;*/
}
#portfolio_showcase ul {
	margin: 0;
	list-style:none;
	padding: 7px 0;
}

#portfolio_showcase li {
	outline: none;	
	/*margin-right: 10px;*/
	float:left;
	background-image:url(../images/portfolio_item_bg.png);
	height:115px;
	width:164px;
	
}

#portfolio_showcase li img {
	/*border: 1px solid #CCC;
	padding: 2px;
	margin: 10px 5px 10px 0;*/
	border:0;
	margin:8px;	
	
}

/*=================PORTFOLIO SHOWCASE END ====================*/


/*================ contact form START ==============================*/

form  fieldset{ 
	border:none;
}
form label{
	width: 82px; 
	float: left;
	padding-top:10px;
}

form input.textBox{
	padding: 10px 20px 10px;
	
}
form input, textarea{
	width:330px;
}
form p{
	clear: both;
}
form .submit{
	margin-left: 70px;
	background: #fefce7 url(../images/send_message_button.jpg) no-repeat;
	height:82px;
	width:175px;
	border:none;
	text-indent:-9999px;
}

form .submit:hover{
	cursor:pointer;
	background: #fefce7 url(../images/send_message_button.jpg) no-repeat;
	background-position:bottom;
	
}

form legend{
	display:none;
}

form .error{
	background-color:#fed9da;
	border:2px solid #f66;
	
}
		
form .slideClass{
	display:block;
	overflow:hidden;
}
		
form p span {
	display:none;
	color: #900;
	margin-left:85px;
}

/*================ contact form END ==============================*/