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

/* 

Theme Name: Metro
Theme URI: http://www.chaitanyavenneti.com/metro
Description: Metro inspired wordpress theme
Version: 1.1
Author: Chaitanya Venneti

*/


/* Generic Styles*/

body {
	margin:0 auto;
	background-image:url(metro/page_bgrnd.gif);
	background-repeat:repeat-x;
	background-color: #fefefe;
	}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:36px;
	margin:0;
	font-weight:normal;
	}
	
h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:24px;
	margin:0;
	font-weight:normal;
	clear:left;
	text-shadow:#EEE 1px 1px;
	}
	
h3 {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:28px;
	margin:0;
	font-weight:normal;
	text-shadow:#EEE 1px 1px;
	}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	color:#d8d8d8;
	font-size:17px;
	margin:0;
	font-weight:normal;
	margin-bottom:10px;
	text-shadow:#EEE 1px 1px;
	}
	
h5 {
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-size:22px;
	margin:0 0 20px 0;
	font-weight:normal;
	text-shadow:#EEE 1px 1px;
	}
	
h6 {
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	color:#1BA1E2;
	font-size:16px;
	margin:22px 0 30px 0;
	font-weight: normal;
}
	
a.more-link {
	background-color:#CCC !important;
	text-decoration:none;
	color:#ffffff !important;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px !important;
	text-shadow:none;
	/*-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;*/
	padding: 4px 10px 7px 10px;
	*padding:3px 10px 3px 10px;
	}
	
a:hover.more-link {
	text-decoration:none;
	color:#ffffff !important;
	background-color:#1BA1E2 !important;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px !important;
	/*-moz-border-radius: 3px 3px 3px 3px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;*/
	padding: 4px 10px 7px 10px;
	*padding:3px 10px 3px 10px;
	}
	
.button {
	width:203px;
	float:left;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius:2px;
	}

.button a {
	text-decoration:none;
	color:#ffffff;
	cursor:pointer;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px !important;
	float:left;
	background-color:#323232;
	text-align:center;
	width:60%;
	padding:5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius:2px;
	padding: 4px 10px 7px 10px;
	*padding:3px 10px 3px 10px;
	}
	
.button a:hover {
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px !important;
	background-color:#3f4860;
	padding: 4px 10px 7px 10px;
	*padding:3px 10px 3px 10px;
	}

	
/***************************************************
			    START THEME STYLES
***************************************************/

#menu_wrapper {
	width:650px;
	float:right;
	/*text-shadow: 1px 1px 1px #000000;*/
	text-transform:uppercase;
	z-index:999;
	position:relative;
	*margin-top:-5px;
	}

.bottom_full_content {
	width:960px;
	float:left;
	background-color:#333;
	display:block;
	margin-left:50px;
	}
	
.bottom_full_content_short {
	width:440px;
	float:left;
	background-color:#333;
	margin:15px 10px 50px 0;
	padding:10px 10px 20px 20px;
	display:block;
	}
	
.white, .white p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	display:block;
	background-color:#3f4860;
	padding:20px;
	}
	
.white .dropcapwhite {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:34px;
	font-weight:normal;
	color:#ffffff;
	line-height:1px;
	*line-height:1.2em;
	*margin:-20px 0 -10px 0;
	padding:0 2px 0 0;
	position:relative;
	}

.white .dropcapred {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:34px;
	font-weight:normal;
	color:#1BA1E2;
	line-height:1px;
	*line-height:1.2em;
	*margin:-20px 0 -10px 0;
	padding:0 2px 0 0;
	position:relative;
	}
	
.white .dropcapgreen {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:34px;
	font-weight:normal;
	color:#5e6a39;
	line-height:1px;
	*line-height:1.2em;
	*margin:-20px 0 -10px 0;
	padding:0 2px 0 0;
	position:relative;
	}

.white .dropcapteal {
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:34px;
	font-weight:normal;
	color:#4f687c;
	line-height:1px;
	*line-height:1.2em;
	*margin:-20px 0 -10px 0;
	padding:0 2px 0 0;
	position:relative;
	}

.right_content_spacer {
	display:block;
	width:290px;
	height:0px;
	background-color:#3f4860;
	clear:both;
	float:left;
	margin-top:20px;
	}
	
.left_content_spacer {
	display:block;
	width:290px;
	height:7px;
	background-color:#3f4860;
	clear:right;
	float:right;
	margin-left:35px;
	}
	
.side_content_spacer {
	display:block;
	width:290px;
	height:0px;
	background-color:#3f4860;
	float:left;
	margin-top:20px;
	}
	

.right_content_wrapper h2 {	
	color: white;
	font-family: "Segoe UI", Arial,Helvetica,sans-serif;
	font-size: 15px;	
	font-weight: normal;
	margin: 12px 0 5px 0;
	padding-top: 51px;
	width: 75px;
	background: #1BA1E2;
	position: relative;
	text-shadow: none;
	padding-bottom: 2px;
	padding-left: 5px;
	letter-spacing: -1px;
	}
	
.right_content_wrapper ul {
	padding: 0;
	}
	
.right_content_wrapper li {
	list-style:none;
	clear:right;
	*margin:0;
	margin-bottom:40px;
	}
	
.right_content_wrapper a {	
	text-decoration:none;
	color:#8b8b8b;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.right_content_wrapper a:hover {	
	text-decoration:none;
	color:#1BA1E2;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.right_content_wrapper ul li a {
	padding: 4px 0px 4px 24px;
	background:url(metro/next32.png) no-repeat center left;
	text-decoration:none;
	color:#8b8b8b;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
.right_content_wrapper ul li a:hover {
	padding: 4px 0px 4px 24px;
	background:url(metro/next_blue32.png) no-repeat center left;
	text-decoration:none;
	color:#1BA1E2;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
.right_content_wrapper ul li {
	/*border-top:1px solid #dddddf;*/
	list-style:none;
	margin-bottom:0px;
	padding-top:8px;
	*margin:0;
	}
	
.right_content_wrapper1 ul li a {
	padding: 4px 0px 4px 32px;
	background:url(metro/next32.png) no-repeat center left;
	text-decoration:none;
	color:#8b8b8b;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
.right_content_wrapper1 ul li a:hover {
	padding: 4px 0px 4px 24px;
	background:url(metro/next_blue32.png) no-repeat center left;
	text-decoration:none;
	color:#1BA1E2;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:14px;
	}
.right_content_wrapper2 ul li a {
	padding: 4px 0px 4px 24px;
	background:url(metro/next32.png) no-repeat center left;
	text-decoration:none;
	color:#8b8b8b;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
.right_content_wrapper2 ul li a:hover {
	padding: 4px 0px 4px 24px;
	background:url(metro/next_blue32.png) no-repeat center left;
	text-decoration:none;
	color:#1BA1E2;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:14px;
	}

	.right_content_wrapper1 {
	width:290px;
	float:right !important;
	padding:0 0 50px 35px;
	/*margin-top:45px;*/
	}
	
.right_content_wrapper1 h2 {
	color:#333;
	font-family:"Segoe UI", Arial,Helvetica,sans-serif;
	font-size:15px;	
	font-weight: normal;
	margin:12px 0 0px 0;
	*margin:12px 0 12px -16px;
	}

.right_content_wrapper1 ul {
	padding: 0;
	}
	
.right_content_wrapper1 li {
	list-style:none;
	clear:right;
	margin-bottom:40px;
	}
	
.right_content_wrapper1 a {
	padding: 0px;
	text-decoration:none;
	color:#8b8b8b;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
.right_content_wrapper1 a:hover {
	padding: 0px;
	text-decoration:none;
	color:#1BA1E2;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
.right_content_wrapper1 ul li {
	/*border-top:1px solid #dddddf;*/
	list-style:none;
	margin-bottom:10px;
	padding-top:8px;
}

.right_content_wrapper2 {
	width:290px;
	float:left;
	padding:0 0 50px 0px;	
	}
	
.right_content_wrapper2 h2 {
	color: white;
	font-family: "Segoe UI", Arial,Helvetica,sans-serif;
	font-size: 15px;	
	font-weight: normal;
	margin: 12px 0 5px 0;
	padding-top: 51px;
	width: 75px;
	background: #1BA1E2;
	position: relative;
	text-shadow: none;
	padding-bottom: 2px;
	padding-left: 5px;
	letter-spacing: -1px;
	}

.right_content_wrapper2 ul {
	padding: 0;
	}
	
.right_content_wrapper2 li {
	list-style:none;
	clear:right;
	margin-bottom:40px;
	}
	
.right_content_wrapper2 a {
	text-decoration:none;
	padding: 0px;	
	color:#8b8b8b;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
.right_content_wrapper2 a:hover {
	padding: 0px;	
	text-decoration:none;
	color:#1BA1E2;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
.right_content_wrapper2 ul li {
	/*border-top:1px solid #dddddf;*/
	list-style:none;
	margin-bottom:0px;
	padding-top:8px;
}
	
.side_content_wrapper {
	width:290px;
	float:left !important;
	padding:0 0 50px 0;
	margin-top:40px;
	}
	
.side_content_wrapper h2 {
	color:#1BA1E2;
	font-family:"Segoe UI", Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight: normal;
	margin:12px 0 20px 0;
	*margin:12px 0 12px -16px;
	}

.side_content_wrapper ul {
	padding: 0;
	}
	
.side_content_wrapper li {
	list-style:none;
	clear:right;
	margin-bottom:40px;
	}
	
.side_content_wrapper a {
	text-decoration:none;
	color:#8b8b8b;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.side_content_wrapper a:hover {
	text-decoration:none;
	color:#1BA1E2;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.side_content_wrapper ul li {
	border-top:1px solid #dddddf;
	list-style:none;
	margin-bottom:10px;
	padding-top:8px;
	}
	
.side_content {
	width:290px;
	float:right;
	line-height:1.2em;
	}
	
.side_content_details {
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#262626;
	text-transform:uppercase;
	line-height:2.6em;
	float:left;
	width:290px;
	margin-top:20px;
	margin-bottom:20px;
	}
	
.side_content_details a {
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#8b8b8b;
	text-decoration:none;
	}
	
.side_content_details a:hover {
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#1BA1E2;
	}
	
.side {
	margin-bottom:20px;
	margin-left:50px;
	}

.right_content_top {
	width:320px;
	float:right;
	line-height:1.2em;
	margin:50px 0 0 0;
	}

.right_content {
	width:290px;
	float:right;
	line-height:1.2em;
	}
	
.right_content_top ul {
	width:320px;
	float:right;
	padding:20px 0 20px 0;
	}
	
.right_content_top a {
	text-decoration:none;
	color:#8b8b8b;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.right_content_top a:hover {
	text-decoration:none;
	color:#1BA1E2;
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:12px;
	}
	
.right_content_top ul li {
	border-top:1px solid #dddddf;
	list-style:none;
	margin-bottom:10px;
	padding-top:8px;
	}
	
.right_content_details {
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#262626;
	text-transform:uppercase;
	line-height:2.6em;
	width:290px;
	margin-bottom:20px;
	}
	
.right_content_details a {
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#8b8b8b;
	text-decoration:none;
	}
	
.right_content_details a:hover {
	font-family:"Segoe UI", Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
	color:#1BA1E2;
	}
	
.right {
	color:#8b8b8b;
	}	
	
/***************************************************
			    END THEME STYLES
***************************************************/


/***************************************************
		  	  START PORTFOLIO FILTER
***************************************************/

#portfolio-filter li a.current {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #333;
	background-image: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
}

#portfolio-filter li a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-color: #1BA1E2;
	background-image: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius:3px;
}
/***************************************************
		   	 END PORTFOLIO FILTER
***************************************************/


/***************************************************
		   		 END CONTACT FORM 7 
***************************************************/

input[type=submit]:hover {
	background-color:#1BA1E2;
	}


/***************************************************
		   		 END CONTACT FORM 7 
***************************************************/

	
/***************************************************
			    START FOOTER SYTLES
***************************************************/
		
#footer_wrapper {
	/*background-color:#f7f7f7;*/
	width:100%;
	margin:0 auto;
	clear:both;
	border-top: 2px solid #1ba1e2;
	/*background-image:url(metro/footer_bground.jpg);
	background-position:top left;
	background-repeat:repeat-x;*/
	}

.footer_col1 {
	width:135px;
	float:left;
	padding:25px 60px 20px 0;
	color:#c9ccd1;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:28px;
	}
	
.footer_col1 h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#A4A4A4;
	font-size:17px;
	margin:0;
	font-weight:normal;
	margin-bottom:10px;
	}
	
.footer_col1 li {
	padding-left:0;
	list-style:none;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
	color:#a5a5a5;
	/*border-top:1px solid #e0e0e0;*/
	}

.footer_col1 li a{
	background:url(metro/next32.png) no-repeat center left;
	padding: 4px 0px 4px 24px;
	list-style:none;
	margin:0;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#a5a5a5;
	}
	
.footer_col1 li a:hover {
	padding: 4px 0px 4px 24px;
	background:url(metro/next_blue32.png) no-repeat center left;
	list-style:none;
	color:#1BA1E2;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
.footer_last {
	width:375px;
	float:right;
	padding:25px 0 0 0;
	text-align:left;
	}
	
.footer_last h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#a4a4a4;
	font-size:17px;
	margin:0;
	font-weight:normal;
	margin-bottom:15px;
	}
	
.footer_last_title a {
	color:#a5a5a5;
	display:block;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:normal;	
	text-align:left;
	}
	
.footer_last_title a:hover {
	padding-left:0;
	list-style:none;
	color:#1BA1E2;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	}
	
.footer_last_title {
	font-family:Arial, Helvetica, sans-serif;
	color:#a4a4a4;
	font-size:15px;
	margin:0 0 5px 0;
	font-weight:normal;	
	}
	
.footer_last p {
	font-family:Arial, Helvetica, sans-serif;
	color:#8b8b8b;
	font-size:12px;
	margin:0;
	line-height:normal;
	padding-bottom:20px;
	text-align:left;
	}
	
#bottom_footer_wrapper {
	background-color:#efefef;
	width:100%;
	border:none;
	padding-top:20px;
	}
	
#copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#8b8b8b;
	padding:15px 0 0 0;
	width:400px;
	float:left;
	}
	
#copyright a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#8B8881;
	text-decoration:underline;
	}
	
#copyright a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#ffffff;
	text-decoration:underline;
	}
	
	
/***************************************************
			    END FOOTER STYLES
***************************************************/

	
/***************************************************
		 	   START PAGINATION
***************************************************/
#pagination {
	*border-top:none;
	*border-bottom:none;
	}

#pagination .current {
	color: #FFFFFF;
	background-color: #CCC;
	padding: 6px 9px 5px 9px;
	}
	
#pagination span, .pagination a {
	display:block;
	float:left;
	margin:2px 2px 2px 0;
	padding:6px 9px 5px 9px;
	text-decoration:none !important;
	width:auto;
	color: #8B8B8B;
	text-shadow:none;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius:2px;
	}

#pagination a:hover {
	color: #FFFFFF;
	background-color: #1BA1E2;
	text-shadow:none;
	}

	
/***************************************************
			    END PAGINATION
***************************************************/


/***************************************************
			    START SEARCH BOX
***************************************************/
input.bar {
	float:left !important;
	height:19px !important;
	width:150px !important;
	padding:2px !important;
	border:none !important;
	background-color:transparent !important;
	*background-color:none;
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:12px !important;
	color:#626977 !important;
	border: 1px solid #313848 !important;
	margin-right: 8px !important;	
	}
	

input.go {
	margin:3px 0px 0px 0px;
	background-image:url(metro/go.png);
	background-repeat:no-repeat;
	width:16px;
	}
	
	
/***************************************************
			    END SEARCH BOX
***************************************************/


/***************************************************
		    		START TIPSY
***************************************************/

.tipsy {
	padding: 5px; font-size: 10px; 
	opacity: 1.0; 
	filter: alpha(opacity=100); 
	background-repeat: no-repeat;  
	background-image: url(teal/tipsy.gif); 
	margin-top: 10px; 	
	color:#2D3C48; 
	font-family:Arial, Helvetica, sans-serif; 
	}
	
.tipsy-inner {
	padding: 5px 8px 4px 8px; 
	background-color: #000000; 
	color: white; 
	max-width: 200px; 
	text-align: center; 
	}
	
.tipsy-inner {
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	}
	
.tipsy-north {
	background-position: top center;
	}
	
.tipsy-south {
	background-position: bottom center;
	}
	
.tipsy-east {
	background-position: right center;
	}
	
.tipsy-west {
	background-position: left center;
	}
  
/***************************************************
		   			 END TIPSY
***************************************************/


/***************************************************
			    START SUPERFISH MENU
***************************************************/
.sf-menu a  { /* visited pseudo selector so IE6 applies text colour*/
	color:			Black;
	font-weight:bold;
}

.sf-menu a:active  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#1ba1e2;
}

.sf-menu ul li a {color: Black; font-weight:bold;}

.sf-menu li li {
background:none repeat scroll 0 0 #CCCCCC;
border-bottom:1px solid White;
}

.sf-menu li a.active, .sf-menu li li a.active {
	color: #1ba1e2;
	}

ul.sf-menu li li a:hover {
background: #1ba1e2;
text-shadow:none;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background: #1ba1e2;
	color:White;
	text-shadow:none;
	outline:		0;
}

/*** arrows **/
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(metro/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -103px; /* use translucent arrow for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	none;
	padding: 0 8px 9px 0;
	*padding:0px 0px 0px 0px;
	padding: 0 0 0 0\9;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}

ul.sf-menu li ul li a {padding: 10px 4px; color: Black}
ul.sf-menu li ul li a:hover {color: White; text-shadow:none; background: #1ba1e2; -moz-border-radius: 0px; -webkit-border-radius: 0px}

#top-navigation ul.sf-menu li ul li a:hover {color: White; }

/***************************************************
		    	END SUPERFISH MENU
***************************************************/