/*=== Layout ----------------------------------===*/

body { font-family: Helvetica, Arial, sans-serif; 
font-size:13px; 
font-variant:normal;
font-weight:normal;
line-height:1.5; 
background-color: #EEEEEE;
}

div#about { display:none; }
div#contact { display:none; }
div#blog { display:none; }

div.work-item p { display:none; }
div.work-item a.button { display:none; }



#info a:link { font-weight: bold; color:#000; }
#info a:visited { font-weight: bold; color:#000;}
#info a:hover, #info a:visited:hover { font-weight: bold; color:#666; }


#about a:link  { font-weight: bold; color:#CCC; border-bottom: 1px solid #FEFF2D; padding: 0 0 1px 0; }
#about a:visited{ font-weight: bold; color:#CCC; border-bottom: 1px solid #FEFF2D; padding: 0 0 1px 0; }
#about a:hover, #about a:visited:hover { font-weight: bold; color:#FEFF2D; border-bottom: 1px solid #FFFFFF; padding: 0 0 1px 0; }
#about p {margin-top: 15px;font-family: Georgia, "Times New Roman", Times, serif;}

h2 { 
font-family: Georgia, "Times New Roman", Times, serif;
font-style: italic;
font-size:1.5em; 
line-height:1; 
margin:1em 0 1em 0; 
padding-bottom: 5px;
color: #666;
border-bottom: 1px solid #eee;
}

a.button { line-height:2.25;margin:0;padding:0; }
strong { font-weight:bold; }
em { font-style:italic; }

h3 {
	font-size:16px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: normal;
	padding:3px;
}

.fix{
	clear: both;
	height: 1px;
	margin: -1px 0 0;
	overflow: hidden
}

.pTitle{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;

	color:#222;
	font-size: 10px;
	background-color: #FEFF2D;
	padding:3px;
	
}


.p2Title{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;

	color:#222;
	font-size: 18px;
	background-color: #FEFF2D;
	padding:2px 4px 2px 4px;
	margin-bottom:7px;
}

.smGrey{
	font-weight: bold;
	font-size: 10px;
}

/*=== header ----------------------------------===*/
div#header { height:130px; margin:0 0 0 0; }
div#header h1 { position:absolute; left:10%; top:0;  height:0; margin:0 0 0 0; padding:130px 0 0 0; overflow:hidden; }
div#header {background:transparent url(../images/header.gif) repeat-x 0 0;}
div#header h1 {background:transparent url(../images/falcadia.gif) no-repeat 0 0;  }
div#logo{position:absolute; left:10%; top:-130px;  margin:0 0 0 0; padding:130px 0 0 0; z-index: 1000;}

/*=== About ----------------------------------===*/
div#about {
	padding: 15px 30px 15px 30px;
	background-color:#222; 
	color:#eee; 
	
	}


div#abcell{width:750px; margin-top:30px;margin-left: auto;margin-right: auto; }
div#ab1{float:left; min-height:200px;padding:10px; width:200px; }
div#ab2{float:left; padding:10px; width:500px; }

div#findMe{background-color: #F1F1F1;padding:2px;width:320px;}

div#footer {
	height:70px;
	padding: 40px 30px 0 30px;
	background:transparent url(../images/footer.gif) repeat-x 0 0;

	background-color:#313131; 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
	font-size: 11px;
	color:#fff; 
	
	}
	
	div#copyright{width:880px;margin-left: auto;margin-right:auto;color:#eee;}
	#footnav{float:right;}
	
	#footer a:link  { font-weight: bold; color:#CCC; border-bottom: 1px solid #FEFF2D; padding: 0 0 1px 0; }
#footer a:visited{ font-weight: bold; color:#CCC; border-bottom: 1px solid #FEFF2D; padding: 0 0 1px 0; }
#footer a:hover, #footer a:visited:hover { font-weight: bold; color:#FEFF2D; border-bottom: 1px solid #FFFFFF; padding: 0 0 1px 0; }


/*=== Contact ----------------------------------===*/
div#contact { background-color:#333; 
	background-image: url(../images/birds.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	color:#eee; 
 }
 
div#formCell{width:750px; min-height:350px;margin-left:auto;margin-right: auto;}
div#form1{width:550px; float:right; padding:20px;margin-bottom: 30px;}

p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
margin:0 auto;
width:500px;
padding:14px;
}


/*=== Work ----------------------------------===*/

div#work  { background:#fff url(../images/work-item.png) repeat-x 0 0; border-top:1px solid #fff;min-height:600px;}
div#cwrapper{ width:880px;margin-top:20px;margin-left: auto;margin-right: auto;margin-bottom:20px;}
div#content{ width:900px;}
div#wrapper{ width:900px;margin-top:30px;margin-left: auto;margin-right: auto;margin-bottom:30px;min-height:600px;padding-left:22px;}
div.pod{ float:left; width:200px; height:138px;margin:0 4px 20px 0;padding:2px;padding:9px;background:transparent url(../images/shadow.png) no-repeat 0 0;}
div.pro{ width:200px; height:120px;margin-bottom: 10px; }

#load {
	display: none;
	position: absolute;
	left: 15px;
	top: 140px;
	background: url(../images/ajax-loader.gif);
	width: 32px;
	height: 32px;
	text-indent: -9999em;
}

/*=== Blog ----------------------------------===*/
div#blog { background-color:#212121; color:#eee; }
div#blog { padding:30px 18px 30px 18px; }

a.button { display:block; padding:0 0 0 9px; width:0;height:2.25em; }
a.button strong { float:left; padding:0 9px 0 0;}


/*=== Navigation ----------------------------------===*/
/*- nav -*/
#nav{
	font-family: Helvetica, Arial, sans;
	font-size:14px;
	height:30px;
	margin:35px 10% 0 0;
	text-transform:uppercase;
	float:right;
}
#nav ul {
height:0px;
float:right;
}
#nav li {
text-align:center;
float:left;
display:inline;
width:auto;
}
#nav li a {
color: #000000;
font-size:20px;
font-weight:400;
display:block;
padding:6px 10px 6px 10px;
margin-right: 5px;
border-bottom:none;
}
#nav li a:hover {
background-color:#FFFC00;
}

#nav li a.selected{
	background-color:#FFFC00;
}






a.button { background:#333; color:#fff; border:none; }
a.button:link, a.button:hover, a.button:visited:hover { border:none; }
a.button strong { background:#333; color:#fff; white-space:nowrap; }


/* z-index */
div#header { z-index:9; }
div#about { z-index:7; }
div#contact { z-index:6; }
div#blog { z-index:5; }
div#work { z-index:8; }


/*===RSS FEED----------------------------------===*/

#feedBox{width:680px;margin-top:20px;margin-left: auto;margin-right: auto;margin-bottom:20px;}

.titlefield{ /*CSS for label field in general*/
font-size: 12px;
background-color: #333;
color:#eee;
padding: 7px;

}

.titlefield:hover { /*CSS for label field in general*/
font-size: 12px;
background-color: #FEFF2D;
color:#222;
padding: 7px;

}

.datefield{ /*CSS for date field in general*/
color:#CCCCCC;
font-size: 10px;
}


#freshfeeds li{ /*CSS specific to demo 1*/
padding:5px 5px 5px 0;
margin: 0 0 1px 0;
list-style: none;
border-top: 1px solid #555555;
background-color: #444;
}



#freshfeeds li:hover{ /*CSS specific to demo 1*/
background-color: #222;
}

#freshfeeds ul{ /*CSS specific to demo 1*/

*:margin-left:0;
list-style: none;
}


/*===Jq Gallery----------------------------------===*/

#proCell{
	width: 550px;
	float:left;
	margin-bottom: 30px;
	padding:9px;
	background:transparent url(../images/shadow_lg.png) no-repeat 0 0;
	
}

#info{
	float:left;
	margin:30px 40px 0 10px;
	width: 250px;
	padding: 0;
}


#info ul li{
	margin:0 0 10px 0;
	padding: 0 0 4px 4px;
	border-bottom: 1px solid #ccc;
}





.jqGSContainer{position:relative;width:550px;}
.jqGSContainer .jqGSImgContainer{}
.jqGSContainer .jqGSImgContainer ul{padding:0;margin:0;position:relative;list-style:none;}
.jqGSContainer .jqGSImgContainer ul li{padding:0;margin:0;position:relative;margin-top:0;margin-bottom:0px;float:left;display: inline;}
.jqGSContainer .jqGSImgContainer ul li .jqGSLoader{width:100%;height:100%;position:absolute;}
.jqGSContainer .jqGSImgContainer ul li img{border:0px solid #fff;}
.jqGSContainer .jqGSImgContainer ul li .jqGSTitle{
	background:#fff;
	position:absolute;
	right:0px;
	top:0px;
	padding:0px;
	color:#fff;
	width:550px
}

.jqGSContainer .jqGSPagination{
	position:relative;
	width:100%;
	height:5px;
	padding: 10px;
}
.jqGSContainer .jqGSPagination ul{
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
	float:left;
}
.jqGSContainer .jqGSPagination ul li{padding:0;margin-right:5px;float:left;padding-right:1px;text-align:center;padding-bottom:1px;}
.jqGSContainer .jqGSPagination ul li a{
	padding:2px 0px;
	background:#CCC;
	color: #555;
	text-decoration:none;
	display:block;
	width:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}
.jqGSContainer .jqGSPagination ul li a.selected{
	background:#FEFF2D;
	color:#222;
}
.jqGSContainer .jqGSPagination ul li a:hover{
	background:#333;
	color:#eee;
}

.jqGSImgContainer{
}



/* ----------- stylized ----------- */
#stylized{

}
#stylized h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
#stylized p{
font-size:11px;
color:#666666;
margin-bottom:20px;
border-bottom:solid 1px #b7ddf2;
padding-bottom:10px;
}
#stylized label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#stylized .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#stylized input{
float:left;
font-size:12px;
color:#eee;
padding:4px 2px;
background-color: #555;
border:solid 1px #444;
width:300px;
margin:2px 0 20px 10px;
}


#stylized textarea{
float:left;
font-size:12px;
color:#eee;
padding:4px 2px;
background-color: #555;
border:solid 1px #444;
width:300px;
margin:2px 0 20px 10px;
}

#stylized button{
clear:both;
margin-left:150px;
width:125px;
height:31px;
background-color:#FEFF2D;
color:#222;
text-align:center;
line-height:31px;
font-size:11px;
font-weight:bold;
}

#stylized button:hover{

background-color:#222;
color:#eee;
cursor: pointer;

}