@charset "utf-8";
/* CSS Document */
/*Written by Binesh Babu Peringat - bineshperingat@yahoo.com / www.pixelanatomy.com */

/* Generic Reset */
html {
	margin: 0px;
	padding: 0px;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #2E3865;
	height: 100%;
}

/* In Page Element Classes */
#wrapper {
	background-color: #CCC;
	width: 90%;
	position: absolute;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	left: 5%;
	background-color: #CCC;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 150px;
	margin-left: auto;
	padding-top: 75px;
}
#flashholder  {
	background-color: #000;
	display: block;
	position: relative;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #080b1f;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #080b1f;
}

/* Shadow Under the flash */
#fhshadow  {
	background-image: url(images/fhshadow.png);
	background-repeat: repeat-x;
	display: block;
	height: 20px;
	width: 100%;
}
.footer {
	position: absolute;
	height: 20px;
	width: 100%;
	bottom: 0px;
	background-image: url(images/footertile.png);
	background-repeat: repeat-x;
	background-position: left top;
}
.footer #ftrtext {
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-weight: bold;
	color: #2E3865;
	padding-right: 10px;
}
/* Content Area */
#textarea {
	margin-left: 270px;
	margin-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 0.8em;
	float: left;
	display: block;
	margin-bottom: 50px;
}

/* Classes making the rounded box */
.spiffy{
	display:block;
}
.spiffy *{
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background:#ffffff;
	display: block;
}
.spiffy1{
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	background:#f2f2f2;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #e1e1e1;
	border-left-color: #e1e1e1;
}
.spiffy2{
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	background:#f5f5f5;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #d1d1d1;
	border-left-color: #d1d1d1;
}
.spiffy3{
	margin-left:1px;
	margin-right:1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #f5f5f5;
	border-left-color: #f5f5f5;
}
.spiffy4{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #e1e1e1;
	border-left-color: #e1e1e1;
}
.spiffy5{
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #f2f2f2;
	border-left-color: #f2f2f2;
}

/* Classes for the content in the rounded box */
/* Genreal Settings*/
.spiffyfg{
	background-color: #ffffff;
	padding: 20px 270px 100px 20px;
}
.panel2  {
	display: block;
	width: 230px;
	background: #CCC;
	float: right;
	position: relative;
	top: 5px;
	right: 20px;
}



/* Blue Header text */
.spiffyfg h1   {
	color: #3D4C85;}
.spiffyfg a  {
	color: #2E3865;
	text-decoration: none;}
.spiffyfg a:hover {
	text-decoration: underline;}

/* Links Box Definition Classes */
.spiffyfg .ullink {
	list-style-type: none;
	width: 30%;}


.spiffyfg .ullink li {
	list-style-type: disc;
	list-style-position: inside;
	padding-bottom: 5px;
	padding-left: 9px;
	padding-top: 5px;
	background-color: #EBEBE9;}
.spiffyfg .ullink li:hover {
	background-color: #D0D0CA;
	border: 1px solid #AEAEA4;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;}
.spiffyfg ulink li a {
	color: #999;
	text-decoration: none;}
.spiffyfg ulink li a:hover {
	color: #666;
	text-decoration: underline;}

/* Text Area Table Options*/
.spiffyfg .tabler caption{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #FFF;
	background-color: #666;
	padding: 4px;
	font-style: italic;}
.spiffyfg .tabler tr td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
	background-color: #CCC;
	padding: 5px;
	border: 1px solid #666;}
.spiffyfg .tabler tr td:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000;
	background-color: #999;
	padding: 5px;
	border: 1px solid #333;}

/* Additional options */
/* Testimonial Box*/
.spiffyfg #testimonials {
	position: relative;
	left: 15px;}
.testi {
	display:block;}
.testi * {
	display:block;
	height:1px;
	overflow:hidden;
	font-size:.01em;
	background-color: #D2D2D2;}
.test1 {
	margin-left:3px;
	margin-right:3px;
	padding-left:1px;
	padding-right:1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;}
.test2 {
	margin-left:1px;
	margin-right:1px;
	padding-right:1px;
	padding-left:1px;
	background-color: #E5E5E5;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;}
.test3 {
	margin-left:1px;
	margin-right:1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	background-color: #E5E5E5;}
.test4 {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	background-color: #E5E5E5;}
.test5 {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	background-color: #E5E5E5;}
.testfg {
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color: #E5E5E5;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-left-color: #CCC;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	font-style: italic;
	display: block;}

/* Special Classes for contact Page */
/* Content Area Classes */
#wrapper #mapoptions {
	position: absolute;
	width: 250px;
	top: 105px;
	padding-left: 20px;
	overflow: hidden;
	background-image: url(images/boxer.png);
	background-repeat: no-repeat;
	height: 170px;
	left: 20px;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFF;
	padding-top: 25px;
	font-style: italic;
}
#textareac {
	margin-left: 270px;
	margin-right: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 1em;
	float: left;
	display: block;
	width: 76%;
	position: absolute;
	bottom: 0px;
	top: 100px;
	margin-bottom: 65px;
}

/* Specialised Content Box for Contact Box */
.spiffycfg {
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-color: #ffffff;
	font-size: 0.9em;
}
.spiffycfg .tabler tr td strong {color: #FFF;}
.spiffycfg .tabler tr .addres  {
	padding-left: 10px;
	background-color: #E9E9E9;
	padding-bottom: 20px;
	border-left-width: 50px;
	border-left-style: solid;
	border-left-color: #FFF;
}
.spiffycfg .tabler tr .trtitle {
	background-color: #030827;
	background-image: url(images/up_arrow.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 5px 8px;
}

.spiffycfg .tabler tr td .map_canvas{
	background-color: #D0D0CA;
	position: relative;
	width: 410px;
	margin: 0px;
	padding: 0px;
	height: 340px;
	border: 3px solid #030827;
}

/* Fixed Elements */
#header {
	background-image: url(images/hdr-back.jpg);
	background-repeat: repeat-x;
	position: fixed;
	height: 75px;
	width: 90%;
	left: 5%;
	top: 0px;}
#header #hdr-logo {
	position: absolute;
	left: 0px;
	top: 0px;
}
#header #hdr-menu {
	background-image: url(images/hdr-menutile.jpg);
	background-repeat: repeat-x;
	position: absolute;
	height: 29px;
	right: 0px;
	bottom: 0px;
}
#header #hdr-menu #menu-hdr {
	float: left;
}
#header #hdr-mob {
	font-size: 1.3em;
	font-weight: bold;
	color: #080b1f;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 7px;
	padding-right: 20px;
	font-style: italic;
}

#header #hdr-menu a {
	background-image: url(images/hdr-menua.jpg);
	background-repeat: repeat-x;
	float: left;
	padding-right: 8px;
	padding-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFF;
	text-decoration: none;
	height: 29px;
	margin-bottom: 8px;
	padding-top: 8px;
	font-weight: bold;}
#header #hdr-menu a:hover {
	height: 21px;
	color: #131B4A;
	background-color: #DFDFDF;
	background-image: url(images/hdr-menuh.jpg);
	background-repeat: repeat-x;}
#hdrshadow {
	background-image: url(images/menushadow.png);
	background-repeat: repeat-x;
	display: block;
	height: 20px;
	width: 100%;
	position: relative;
	top: 75px;}

/* Side Link and Contact Box */
#links {
	position: fixed;
	height: 300px;
	width: 230px;
	left: 5%;
	top: 300px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: -6px;
	margin-left: 20px;
	background-image: url(images/linkbox.png);
	background-repeat: no-repeat;
	font-weight: bold;
	padding-top: 2px;}
#links #skypebtn {
	position: relative;
	background-color: #FFF;
	padding-top: 10px;}
#links #linkbox {
	color: #D6D6D6;
	text-decoration: none;
	position: relative;
	top: -15px;}
#links #linkbox a {
	text-decoration: none;
	position: relative;
	display: block;
	height: 20px;
	padding-top: 4px;
	background-image: url(images/linka.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFF;
	padding-left: 10px;
	font-size: 0.8em;}
#links #linkbox a:hover {
	text-decoration: none;
	background-image: url(images/linkah.jpg);
	background-repeat: no-repeat;}
.txtbox {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-top: 1px solid #999;
	width: 130%;
	background-color: #FFF;
}
.txtbox:hover{
	background-color: #EEE;
}
.txtbox .txtimg {
	background-color: #999;
	border: 1px solid #666;
	width: 200px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 25px;
	padding-left: 4px;
}
.txtbox .txtimg img {
	clear: none;
	display: inline;
	border: 2px solid #FFF;
	padding: 0px;
}
.txtbox .txtimg a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #FFF;
	background-image: url(images/icon_enlarge.gif);
	background-position: 4px 4px;
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 23px;
	float: left;
	color: #999;
	text-decoration: none;
	width: 177px;
}
.txtbox .txtimg a:hover {
	text-decoration: underline;
	color: #000;
}
.txtbox .header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	clear: none;
	margin-left: 250px;
	white-space: normal;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
}
.txtbox .props   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.txtbox .props td {
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 15px;
}
.txtbox .props:hover {
	color: #FFF;
	background-color: #141e53;
}
.txtbox .text table {
	width: 90%;
	padding-top: 5px;
	padding-bottom: 5px;
}
.spiffycfg .tabler tr .cont {
	padding-left: 10px;
	background-color: #E9E9E9;
	padding-bottom: 20px;
	border-left-width: 50px;
	border-left-style: solid;
	border-left-color: #FFF;
}
.nodisplay {
	display: none;
}