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

body {margin:0px; padding:0px; background:url(../images/background.jpg) repeat-x #4D8481; font-family:Arial, Helvetica, sans-serif;} 

/*====================================================================================
	Css Style For Common Classes
=++++++++++++++++++++++++++++++++++
	This all are common classes. we have very require this style oftenly. 
	so when ever we have require just add a span and add class of that element.
++++++++++++++++++++++++++++++++++
====================================================================================*/
.bold {
	font-weight:bold;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.text-center {
	text-align:center;
}
.text-top {
	vertical-align:top;
}
.text-bottom {
	vertical-align:bottom;
}
h1, h2, h3, h4, h5, p{
	margin:0px;
	padding:0px 0px 10px 0px;
	font-weight:normal;
}
ul {
	margin:0px;
	padding:0px;
}
h1 {
	font-size:24px;
	color:#2B7DA6;
}
h2 {
	font-size:18px;
	color:#298FC6;
}
h3 {
	font-size:14px;
	color:#298FC6;
}
h4 {
	font-size:16px;
	color:#ffffff;
}


/*============*/
.fontblue 		{ color:#2469A8;}
.fontblack 		{ color:#333333;}
.fontgray		{ color:#666666;}
.fontgreen		{ color:#4D8481}

.font12 	{font-size:12px;}

/*========	Main Layout css file start  =========*/
#main 			{width:864px; margin:0px auto 10px auto;}


/*=======  Css Style For Header Part  ============*/
#header 		{width:100%; height:160px; margin:0px; padding-top: 8px; position:relative; background:url(../images/header.jpg) no-repeat; border:0px solid #C30}
 

.companylogo	{ width:84px; display:block; height:110px; background:url(../images/perfectpitch.jpg) no-repeat; padding-top:12px; border:0px solid #F6C; margin-left:37px; }

.companylogo a {display:block; height:110px; width:84px;}

.headertext 	{width:115px; margin-right:10px; padding-top:2px; position:absolute; top:0; right:0; text-align:right; line-height:13px; font-size:13px; border:0px solid #399}


/*=========  Css Style For Navigation Part =============*/
#navigation { float:left; padding:0px 9px 0px 20px; font-size:16px; width:155px; margin:3px 0px 0px 5px;}

#navigation ul 	{width:162px;; margin:0px; padding:0px;}

#navigation ul li 	{width:158px;; list-style:none; margin-bottom:5px; padding:0px; color:#333;}

#navigation ul li a	{text-decoration:none; color:#333; padding:0px 0px 5px 15px; }

#navigation ul li a:hover, #navigation ul li .active {text-decoration:none; color:#333; background:url(../images/icon.gif) no-repeat 4px 5px; }


/*=======  Css Style For Centerpart  ==============*/
#centerpart {width:100%; margin:0px auto;}

.pageheading 	{width:90%; font-size:16px; margin:0px; padding:4px 0px 8px 16px; color:#2469A8;}

.onebox		{width:100%; margin:0px auto;  background:url(../images/rap-background.gif) repeat-y;}

.content	{float:left; width:645px; margin:0px 0px 0px 3px; padding:0px; border-left:1px solid #CCCCCC}

.content p	{display:inline-table; width:97%; font-size:12px; margin-bottom:14px; padding:2px 0px 0px 16px; line-height:17px; text-align:justify;}

.content a, .content a:hover {text-decoration:underline; color:#2469A8}

.content ul {float:left; width:98%; margin:0px; padding:2px 0px 10px 16px;}

.content ul li	{width:610px; margin-bottom:3px; line-height:17px; padding:0px 0px 0px 15px; text-align:justify; background:url(../images/icon.gif) no-repeat 0px 3px; font-size:12px; list-style:none; }

.medialogo 	{width:96%; margin:2px auto 0px auto; padding:0px;}

.medialogo img 	{margin:0px 5px 0px 12px;}

.oneboxend	{width:100%; margin:0px; padding:0px;}

.twoboxes 	{width:100%; margin:0px; overflow:hidden; padding:0px; background:url(../images/twoboxrepeat.gif) repeat-y; /*min-height:300px;*/  }

.leftbox 	{float:left; display:inline; width:60%; margin:0px 0px 0px 32px;}

.heading 	{width:80%; margin:0px; padding:4px 0px 8px 4px;color:#2469A8;}

.leftbox p	{font-size:12px; margin-bottom:14px; padding:0px 0px 3px 5px; line-height:17px; text-align:justify;}

.leftbox ul 	{float:left; width:48%; margin:0px; padding:0px; font-size:12px; border:0px solid #366}

.leftbox ul li 	{width:98%; list-style:none; margin-bottom:2px; padding:0px 0px 5px 15px; color:#333; background:url(../images/icon.gif) no-repeat 4px 3px;}

.leftbox ul li a{text-decoration:none; color:#333;}

.leftbox ul li a:hover{text-decoration:underline; color:#333;}

.rightbox 	{float:left; display:inline; width:28%; margin:0px 0px 0px 45px;}

.newsraw 	{width:92%; margin:0px auto 7px auto; border-bottom:1px dotted #666666; }

.clientlogo	{width:auto; margin:0px 0px 3px 0px; text-align:center;}

.newsraw p	{font-size:12px; margin-bottom:2px; padding:2px 0px 0px 0px; text-align:left;}

.twoboxend	{width:100%; margin:0px; padding:0px;}

.seniorteamraw 	{width:100%; margin:0px 0px 10px 15px; padding:0px;}
 
.members		{float:left; width:81px; height:82px; margin:0px; padding:0px;}
.members img	{margin-top:4px; padding:0px; }

.memberinfo 	{float:left; width:84%;  margin:0px; }

.memberinfo p	{font-size:12px; margin-bottom:14px; padding:0px 0px 3px 15px; line-height:17px; text-align:justify; border:0px solid #699}

.clientpagelogo	{float:left; width:180px; text-align:center; margin:0px 0px 15px 0px; padding:0px;}

.clientinfo, .clientinfo a		{float:left; width:460px; margin:0px; font-size:12px; line-height:18px;text-decoration:none;}

.clientinfo a:hover 	{text-decoration:underline; color:#2469A8;}

.segregation 	{width:97%; height:1px; background:url(../images/segreation.gif) repeat-x; margin:-8px 0px 10px 15px; border:0px solid #903}

.contact {float:left; width:100px;}
.contactone {float:left; width:420px;}


/*====  Css Style For Footer Part  ==============*/
#footerpart { width:100%; background:url(../images/footer.jpg) repeat-x; height:51px;}

.linkbox 	{width:834px; margin:0px auto;}

.mainlinks 	{width:90%; font-size:11px; margin:0px auto; padding-top:8px; text-align:center;}

.mainlinks a {text-decoration:underline; color:#666; padding:0px 2px;  }
.mainlinks a:hover {text-decoration:underline; color:#000000; }

.bottomlinks 	{width:98%; margin:8px auto; font-size:11px;}

.bottomleft 	{float:left; width:420px;}

.validate		{float:left; width:110px;}
.validate a, .validate a:hover {text-decoration:underline; color:#666}
.bottomright 	{float:right; width:120px;text-align:right;}
.bottomright a, .bottomright a:hover {text-decoration:underline; color:#4D8481}

/*  --- Additional classes -----*/
.clear {clear:both;}

.hiddentextdiv {display:none}

.rightalign 	{text-align:right}

.leftalign 	{text-align:left}