@charset "utf-8";
/* CSS Document */

body {
	background-color: #151515;	
	width:100%;
	height:100%;
	font-family:Helvetica, Arial, sans-serif;
	color:#FFF;
	font-size:14px;
}

img { border: none; } 

a:link {
 color: #ff6600;
 text-decoration:none;
 font-weight:bold;
}
a:visited {
 color: #ff6600;
 text-decoration:none;
 font-weight:bold;
}
a:hover {
 color: #ff6600;
 text-decoration:underline;
 font-weight:bold;
}
a:active {
 color: #ff6600;
 text-decoration:none;
 font-weight:bold;
}

#content ul{
	padding-left:17px;
}

#content li{
	
}

h1{
	letter-spacing:-1px;
}

h2{
	letter-spacing:-1px;
}

h3{
	letter-spacing:-1px;
	font-size:30px;	
	border-bottom: 1px dotted #eee;	
	margin-top: 0;
}


* {
margin:0;
padding:0;
}

strong{
	font-size:16px;
	font-weight:bold;
}

#wrapper{
	background-color: #1b1b1b;
	width:1024px;
	margin:0px auto;
	border-left: 1px solid #313131;
	border-right: 1px solid #313131;
	padding-top:10px;
}

#title{
	float:left;
}

#navigation{
	float:right;
	padding-right:35px;
	padding-top:25px;
	background-image:url(../images/navi-under.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}

#navigation a:link{
	text-decoration:none;
	color:#FFF;
}

#banner{
	margin: 0px auto;
	width:945px;
	padding-top:15px;
}

#banner-left{
	float:left;
}

#banner-right{
	float:right;
}

#content-top{
	padding-top:30px;
	padding-left:35px;
}
    	
#intro{
	width:580px;
	float:left;
	padding-left:10px;
}

#intro-title{
}

.intro-highlight{
	font-size:16px;
	font-weight:bold;
}

#intro-left{
	float:left;
	width:260px;
}

#intro-right{
	padding-left:20px;
	float:left;
	width: 260px;
}

#middle-divider-top{	
	width:2px;
	height: 100px;
	float:left;
}

#ranting-top{
	background-image:url(../images/vert-divider1.jpg);
	background-repeat:repeat-y;
	padding-left:15px;
	min-height:100px;
	float:left;
	width: 325px;
}

#twitter{
	float:left;
	width: 325px;	
}

#twitter ul li{
	list-style-image:none;
	list-style-type:none;
	padding-bottom:10px;
	padding-left:5px;
}

#twitter_update_list{
}

#content-divider{
}

#divider-left{
	float:left;
	padding-left:50px;
}

#divider-mid{
	background-image:url(../images/vert-divider1.jpg);
	background-repeat:repeat-y;
	background-position:right;
	min-height:90px;
	float:left;
	width: 5px;
}

#divider-right{
	float:right;
	padding-right:65px;
}

#content-bottom{
}

#latest-produce{
	float:left;
	width:580px;
	padding-left:47px;
}

.latest-wrapper{
	padding-right:10px;
	margin-bottom:20px;
	min-height:180px;
}

.latest-img{
	float:left;
	padding-right:10px;
}

.latest-txt{
	float:left;
	width:350px;
}

#middle-divider-bottom{
}

#ranting-bottom{
	background-image:url(../images/vert-divider1.jpg);
	background-repeat:repeat-y;
	padding-left:15px;
	min-height:500px;
	float:left;
	width: 325px;
}

/*BLOG STYLING GOES HERE*/


/*Portfolio Page Styling*/

#port-left{
	float:left;
	width:710px;
	margin-top:30px;
	min-height:400px;	
	background-image:url(../images/vert-divider1.jpg);
	background-repeat:repeat-y;
	background-position:right;
}

.port-title{
	padding-bottom:10px;
	padding-left:42px;
	min-height:30px;
	
}
        
#web-text-left{
	float:left;
	padding-right:30px;
	width:300px;
	padding-bottom:0px;
	padding-left:42px;
	min-height:50px;
}

#web-text-right{
	float:left;
	width:300px;
	padding-bottom:0px;
	min-height:50px;
}

.port-div{
	padding-top:30px;
	padding-bottom:10px;
	padding-left:35px;
	height:2px;
}

.port-head{
	font-size:20px;
	font-weight:bold;	
	min-height: 26px;
}

.port-item-wrapper{
	padding-top:10px;
	padding-left:42px;
	min-height:200px;
}

.port-img{
	padding-bottom:10px;
}

.port-text{
	width: 550px;
	min-height:100px;
}

.port-text-line{
	padding-bottom:6px;
}

/*Redundant*/.port-text-left{
	float:left;
	padding-right:10px;
	width:325px;
	padding-right:10px;
	min-height:50px;
}

/*Redundant*/.port-text-right{
	float:left;
	width: 325px;
	min-height:50px;
}


#port-mid-div{
	padding-top:80px;
	padding-bottom:50px;
	padding-left:32px;
}
        
#bits-text{
	padding-left:42px;
}





#port-right{
	float:left;
	width:300px;
	min-height:300px;
	padding-top:30px;
	padding-left:10px;
}

#testimonials{
	min-height:100px;
}

.test-img{
	margin-top:20px;
	min-height:100px;
}

.test-caption{
	color:#666;
	font-size:11px;
	text-align:right;
	padding-top:5px;
	padding-right:10px;
	
}

.port-right-title{
	min-height:20px;
}

.port-div2{
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
}

.port-right-text a:link {
 color: #ccc;
 text-decoration:none;
 font-weight:100;
}

.port-right-text a:visited {
 color: #ccc;
 text-decoration:none;
 font-weight:100;
}

.port-right-text a:hover {
 color: #ff6600;
 text-decoration:underline;
 font-weight:100;
}

.port-right-text a:active {
 color: #ccc;
 text-decoration:none;
 font-weight:100;
}

.port-right-text{
	padding-left:5px;
	font-size:16px;
}


/*Portfolio Styling End*/


/*About Styling*/

#about-left{
	float:left;
	width:363px;
	padding-left:42px;
	padding-right:10px;
	background-image:url(../images/vert-divider1.jpg);
	background-repeat:repeat-y;
	background-position:right;
	margin-top:30px;
	min-height:900px;
}
    
.about-title{
}

.about-text{
	min-height:100px;
	padding-top:10px;
	padding-bottom:30px;
}

.about-left-div{
	width:355px;
	height:2px;
	padding-bottom:30px;
}

.skills-title{
	padding-left:7px;
}

.exp-title{
	font-size:18px;
	color: #ff6600;
	padding-bottom:1px;
}

.skills-head{
	font-weight:bold;
	color:#ff6600;
}

#about-mid{
	float:left;
	width:295px;
	background-image:url(../images/vert-divider1.jpg);
	background-repeat:repeat-y;
	background-position:right;
	margin-top:30px;
	min-height:900px;
}

#about-mid-text{
	padding-top:10px;
	padding-left:10px;
	padding-right:5px;
}


/*About Styling End*/

/*Contact Styling*/

#contact-left { 
    margin: 0 auto;	
    color: #FFF;	 
    width: 950px; 	
}

#contact-left p{
	padding-left:5px;
}

#contact-title{
	padding-top:20px;
	padding-bottom:10px;
	padding-left:2px;
}
 
h1 { 
    color: #555; 
    margin: 0 0 20px 0; 
}	
 
label {	
    font-size: 20px;
    color: #fff; 	
}
 
fieldset { border: none; }
 
#user-details { 
    float: left;
    width: 230px; 
}
 
#user-message { 
    float: right;
    width: 405px;
}
 
textarea {		
    width: 390px; 
    height: 175px;
	background-color:#aaaaaa;
	font-family:Helvetica, Arial, sans-serif;
	font-size:14px;
	color:#333;
}

form { 
    float: left;
    border: 1px solid #aaa; 
    padding: 30px 40px 20px 40px;
	margin-left:5px;
    margin-top:20px;
    width: 860px;
    background: #464646;
	
	/* -- CSS3 - define rounded corners -- */	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px; 
	border-radius: 10px;
	 
	/* -- CSS3 - create a background gradient -- */
	background: -webkit-gradient(linear, 0% 0%, 0% 40%, from(#464646), to(#646464)); 
	background: -moz-linear-gradient(0% 40% 90deg,#464646, #646464); 
	 
	/* -- CSS3 - add a drop shadow -- */
	-webkit-box-shadow:0px 0 20px #aaa;
	-moz-box-shadow:0px 0 20px #aaa; 
	box-shadow:0px 0 20px #aaa;
}

/*Contact Styling End*/



#footer a:link {
 color: #ccc;
 text-decoration:none;
 font-weight:100;
}

#footer a:visited {
 color: #ccc;
 text-decoration:none;
 font-weight:100;
}

#footer a:hover {
 color: #ff6600;
 text-decoration:underline;
 font-weight:100;
}

#footer a:active {
 color: #ccc;
 text-decoration:none;
 font-weight:100;
}

#footer{
	/*background-color:#404040;*/
	background-image:url(../images/social-bg/mid.jpg);
	background-repeat:repeat;
	width:1024px;
	min-height:400px;
	color:#cccccc;
	padding-top:0px;
}

#social-top{
	background-image:url(../images/social-bg/top.jpg);
	background-repeat:no-repeat;
	width:1024px;
	height:31px;
}

#social{
	float:left;
	width:330px;
	min-height:200px;
	padding-left:10px;
	padding-right:5px;
}

#social-bottom{
}

.footer-title{
}

#social-text{
	float:left;
	width:330px;
	padding-bottom:15px;
	
}

.social-icon{
	float:left;
	padding-right:5px;
}

.footer-divider{
	float:left;
	width:2px;
	height: 397px;	
	margin-top:0px;
}

#lost{
	float:left;
	width:325px;
	min-height:200px;
	padding-left:10px;
	padding-right:5px;
}

#links{
	float:left;
	width:320px;
	padding-left:10px;
	padding-right:5px;
}

#copyright{
	text-align:right;
	padding-right:2px;
	padding-top:10px;
	padding-bottom:20px;
	font-size:11px;
	color:#666;
}

.clear{clear:both;}



/* Menu CSS */

#navigation ul {  
  margin: 0;
  padding: 0;
  list-style: none;
}
#navigation ul li {
  display: block;
  position: relative;
  float: left;
}
#navigation li ul { display: none; }
#navigation ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;    
  margin-left: 1px;
  white-space: nowrap;
  font-weight:normal;
}
#navigation ul li a:hover { text-decoration:underline; font-weight:normal; }
#navigation li:hover ul {
  display: block;
  position: absolute;
}
#navigation li:hover li {
  float: none;
  
}
#navigation li:hover a {  }
#navigation li:hover li a:hover {  }