@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}

body {
	background: rgba(255,255,255,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 21%, rgba(154,174,181,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(255,255,255,1)), color-stop(21%, rgba(255,255,255,1)), color-stop(100%, rgba(154,174,181,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 21%, rgba(154,174,181,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 21%, rgba(154,174,181,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 21%, rgba(154,174,181,1) 100%);
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 21%, rgba(154,174,181,1) 100%);






filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9aaeb5', GradientType=1 );
	font-size: 0.9em;
	font-family: Arial; Helvetica; sans-serif;
	color: #333;
}
	
#wrapper {
	background-color: #FFF;
	width: 1000px;
	margin: 0 auto;
}

header {
	height: 150px;
	background: rgba(254,254,254,1);
	background: -moz-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 56%, rgba(226,226,226,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(56%, rgba(254,254,254,1)), color-stop(100%, rgba(226,226,226,1)));
	background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 56%, rgba(226,226,226,1) 100%);
	background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 56%, rgba(226,226,226,1) 100%);
	background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 56%, rgba(226,226,226,1) 100%);
	background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(254,254,254,1) 56%, rgba(226,226,226,1) 100%);




filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e2e2e2', GradientType=0 );
	border: 1px solid #cecdcd;
}
header .logo {
	width: 150px;
	float: left;
	height: 140px;
}
header .logo img {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding: 20px 0px 0px 40px;

}

header .heading {
	width: 700px;
	float: left;
	height: 140px;
}
header .heading img {
	margin: 10px 0px 0px 180px;


}


header h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	/* [disabled]font-style: italic; */
	font-size: 1em;
	color: #333;
	width: 250px;
	/* [disabled]border: 1px solid #000; */
	margin-left: 395px;
}

/* Start of Navigation Code*/
nav {
	font-size: 1.2em;
	width: 800px;
	margin: 30px auto 10px auto;
	padding-left: 15px;
	clear: both;
}
nav ul {
	margin: 0px;
	padding: 0px;
}
nav ul li {
	display: inline-block;
	width: 24%;
	list-style-type: none;
}

nav ul li a {
	text-decoration: none;
	text-align: center;
	display: inline-block;
	width: 100%;
	float: left;
	padding: 12px 0px 12px 0px;
	color: #333;
	font-weight: bold;
	border: 1px solid #84C1FF;
	background-color: #CDD8DA;
}
nav ul li a:link {
	color: #333;
	border: 1px solid #84C1FF;
	border-radius: 3px;
}
nav ul li a:hover {
	color: #50abf9;
	font-weight: bold;
	background-color: #FFFFFF;
	transition-property: background-color;
	transition-duration: 0.4s;
	border: 1px solid #50abf9;
}



/* Start of Main Code */

/* Home code Starts*/

#main {
	clear: both;
	padding-top: 10px;
	margin: 0 auto;
}

/* Start of Footer */
footer {
	clear: both;
	height: 100px;
	margin: 0 auto;
	font-size: 0.9em;
	border-top: 1px solid #cecdcd;
	background: rgba(226,226,226,1);
	background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 44%, rgba(254,254,254,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(44%, rgba(254,254,254,1)), color-stop(100%, rgba(254,254,254,1)));
	background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 44%, rgba(254,254,254,1) 100%);
	background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 44%, rgba(254,254,254,1) 100%);
	background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 44%, rgba(254,254,254,1) 100%);
	background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 44%, rgba(254,254,254,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 );
}


footer .fleft {
	float: left;
	width: 300px;
	/* [disabled]border: 1px solid #000; */
	margin-top: 15px;
	margin-left: 10px;
}

.fleft ul {
	font-size: 0.9em;
	margin-left: 20px;
}
.fleft ul li {
	list-style-type: none;
}

.fleft ul li a{
	text-decoration: none;
	color: #69F;
	font-weight: bold;

}

.fleft ul li a:link {
}

.fleft ul li a:hover {
	color: #999;
}


footer .fmiddle {
	float: left;
	width: 300px;
	margin-left: 25px;
	margin-top: 15px;
}
footer .fmiddle p {
	text-align: center;
}

footer .fmiddle p a{
	text-decoration: none;
	color: #333;
}

footer .fmiddle a:link {
}
footer .fmiddle a:hover {
	font-size: 1.4em;
	color: #999;
}

footer .fright {
	float: left;
	width: 300px;
	margin-left: 30px;
	margin-top: 15px;
}

.fright .followlinks {
	width: 100px;
	float: right;
}

.fright span a{
	text-decoration: none;
	color: #333;
	text-align: center;
}

.fright span a:link {
}

.fright span a:hover {
	color: #999;
}
.homeMain {
}

.homeTop {
	/* [disabled]margin-top: 5px; */
	margin-bottom: 10px;
}

.homeSlide {
	height: 320px;
	width: 800px;
	margin: 0 auto;
}
.homeBottom {
	width: 960px;
	margin: 0px 0px 0px 20px;
	clear: both;
	height: 350px;
}
.homeBottom  img {
	padding-bottom: 10px;
}
.homeBottom h2 {
	font-size: 1.3em;
	color: #252525;
	padding: 10px 0px 5px 10px;
	text-align: center;
}

.homeBottom  p {
	color: #303030;
	padding: 0px 10px 10px 10px;
	text-align: justify;
	line-height: 1.4;
}
.homeNews {
	width: 280px;
	float: left;
	padding: 0px 10px 0px 10px;
	border: 1px solid #D6D6D6;
	margin-left: 10px;
	margin-top: 10px;
	border-radius: 5px;
	/* [disabled]box-shadow: 2px 2px 4px #888888; */
}
.homeEvents {
	width: 280px;
	float: left;
	padding: 0px 10px 0px 10px;
	border: 1px solid #D6D6D6;
	margin-left: 20px;
	margin-top: 10px;
	border-radius: 5px;
	/* [disabled]box-shadow: 2px 2px 4px #888888; */
}
.homeGallery {
	width: 280px;
	float: left;
	padding-left: 10px;
	border: 1px solid #D6D6D6;
	margin-left: 20px;
	margin-top: 10px;
	border-radius: 5px;
	/* [disabled]box-shadow: 2px 2px 4px #888888; */
}


.homeBottom a {
	color: #3366FF;
}

.homeBottom a:link {
	color: #3333CC;
}

.homeBottom a:hover {
	color: #50abf9;
	transition-property: color;
	transition-duration: 0.4s;
}
.homeMain cite a img {
	/* [disabled]margin: 0px 10px 0px 880px; */
	float: right;
}


/* About me code Starts*/

.aboutMain {
	width: 820px;
	margin: 10px auto 15px auto;
	min-height: 650px;
	margin-bottom: 30px;
	border-radius: 5px;
	box-shadow: 1px 1px 18px #B1C6DC;
	border: 1px solid #C7C7C7;
	font-size: 0.9em;
}

.aboutMain .aboutReximg {
	float: left;
	margin-left: -2px;
	height: 650px;
	width: 200px;
	padding-top: 10px;
}

.aboutMain section {
	width: 580px;
	float: left;
	color: #333;
	padding-left: 30px;
}

.aboutMain section h1 {
	color: #000;
	padding: 25px 0px 15px 10px;
}
.aboutMain section ul {
	margin-left: 100px;
	line-height: 1.7em;
	color: #3366FF;
}

.aboutMain section p {
	color: #333;
	line-height: 1.7em;
	width: 560px;
	margin: 0 auto;
	font-size: 1em;
	text-align: justify;
}

.aboutMain section ul li {
	list-style-type: square;
}
.aboutMain section cite {
	width: 250px;
	height: 30px;
	padding-left: 200px;
}
.aboutMain section cite a {
	padding-left: 20px;

}

.aboutMain section cite img {
	border: none;

}
.aboutMain section em {
	float: right;
}





/* Portfolio code Starts*/

.portMain {
	width: 960px;
	margin: 15px 0px 0px 20px;
	font-size: 1em;
	color: #333;
}
.portMain h1 {
	font-size: 1.3em;
	padding: 20px 0px 10px 20px;
	color: #39F;

}
.portMain p {
	width: 915px;
	margin: 0 auto;
	color: #666;
	line-height: 1.5em;
}
.portMain a {
	border: none;
	float: right;
	width: 25px;
	height: 25px;
	padding-top: 10px;
}
.portMain figure figcaption {
	text-align: center;
	padding-top: 3px;
	color: #000033;
	font-weight: bold;
	font-size: 0.9em;
}


.portMain .portTop {
	height: 680px;
	border: 1px solid #D6D6D6;
	border-radius: 5px;
	margin-bottom: 15px;
}

.portTop figure {
	width: 278px;
	height: 228px;
	float: left;
	padding: 20px;
}

.portTop .topRow1 figure img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.portTop .topRow1 figure img:hover {
	-webkit-transform: scale(2.0);
	-moz-transform: scale(2.0);
	-ms-transform: scale(2.0);
	-o-transform: scale(2.0);
	transform: scale(2.0);
	transform-origin:top;
}

.portTop .topRow2 figure img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.portTop .topRow2 figure img:hover {
	-webkit-transform: scale(2.0);
	-moz-transform: scale(2.0);
	-ms-transform: scale(2.0);
	-o-transform: scale(2.0);
	transform: scale(2.0);
	transform-origin:bottom;
}


.portMain .portMiddle {
	height: 660px;
	border: 1px solid #D6D6D6;
	border-radius: 5px;
	margin-bottom: 15px;
	clear: both;
}
.portMiddle figure {
	width: 278px;
	height: 228px;
	float: left;
	padding: 20px;
}

.portMiddle .midRow1 figure img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.portMiddle .midRow1 figure img:hover {
	-webkit-transform: scale(2.0);
	-moz-transform: scale(2.0);
	-ms-transform: scale(2.0);
	-o-transform: scale(2.0);
	transform: scale(2.0);
	transform-origin:top;
}

.portMiddle .midRow2 figure img {
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.portMiddle .midRow2 figure img:hover {
	-webkit-transform: scale(2.0);
	-moz-transform: scale(2.0);
	-ms-transform: scale(2.0);
	-o-transform: scale(2.0);
	transform: scale(2.0);
	transform-origin:bottom;
}


.portMain .portBottom {
	height: 320px;
	border: 1px solid #D6D6D6;
	border-radius: 5px;
	/* [disabled]margin-bottom: 30px; */
	clear: both;
}

.portBottom span {
	text-align: center;
	padding-top: 3px;
	color: #000033;
	font-weight: bold;
	font-size: 0.9em;
	}
.portBottom audio {
	width: 278px;
	height: 50px;
}


.portBottom .song1 {
	width: 278px;
	float: left;
	padding: 20px;
	}

.portBottom .song2 {
	width: 278px;
	float: left;
	padding: 20px;
	}

.portBottom .song3 {
	width: 278px;
	float: left;
	padding: 20px;
	}

.portBottom .song4 {
	width: 278px;
	float: left;
	padding: 20px;
	}

.portBottom .song5 {
	width: 278px;
	float: left;
	padding: 20px;
	}

.portBottom .song6 {
	width: 278px;
	float: left;
	padding: 20px;
	}

/* Contact Code Starts*/
.contactMain {
	width: 945px;
	height: 695px;
	margin: 5px 0px 30px 30px;
}
.contactTop {
	width: 930px;
	border: 1px solid #BBD1FF;
	margin-bottom: 20px;
	border-radius: 5px;
	/* [disabled]box-shadow: 1px 1px 15px #a0d1ff; */
}

.contactTop h1 {
	font-size: 1.8em;
	padding: 20px 0px 10px 07px;
	color: #666666;
	text-align: center;
}
.contactTop p {
	width: 880px;
	font-size: 1em;
	text-align: justify;
	padding: 0px 0px 15px 30px;
	line-height: 1.5em;
}

.contactBot {
	width: 930px;
	border: 1px solid #BBD1FF;
	height: 510px;
	border-radius: 5px;
	/* [disabled]box-shadow: 1px 1px 15px #a0d1ff; */
}

.contactBot .general {
	width: 650px;
	float: left;
	border-right: 1px solid #BBD1FF;
	height: 510px;
}
.contactBot h1 {
	font-size: 1.3em;
	text-align: left;
	padding: 10px 0px 10px 20px;
	color: #666666;
}

.contactBot .general p {
	width: 600px;
	font-size: 1em;
	text-align: justify;
	padding: 5px 0px 5px 20px;
	line-height: 1.5em;
}

.contactBot .general h2 {
	width: 150px;
	margin-left: 20px;
	font-size: 1.1em;
	padding: 10px 0px 10px 0px;
	color: #666666;
}

.contactBot .general .address {
	width: 200px;
	float: left;
	clear: both;
	margin-top: 10px;
	font-size: 0.9em;
}

.contactBot .general .address ul {
	width: 190px;
	list-style-type: none;
}
.contactBot .general .address  li {
	margin-left: 30px;
	color: #69F;
	line-height: 1.5em;
}
.contactBot .general .address a {
	text-decoration: none;
	color: #69F;
}

.contactBot .general .address img {
	border: none;
}
.contactBot .general .address p {
	margin-left: 12px;
	width: 100px;
}


.contactBot .general .roadmap {
	width: 430px;
	float: left;
	border: 1px solid #AEAEAE;
	margin-top: 10px;
	color: #AEAEAE;
}


.contactBot .general .roadmap iframe {
	width: 427px;
	height: 340px;
	border: none;
}
.general .roadmap h2 {
	font-size: 1.0em;
}


.contactBot .message {
	width: 270px;
	float: right;
	height: 510px;
}

.contactBot .message form {
	width: 265px;
	line-height: 2.5em;
	font-size: 0.9em;
}
.message form table {
	width: 260px;
	margin-left: 3px;
	border-collapse: collapse;
	border: none;
}
.message form table tr {
	border: none;
}

.message form table td {
	border: none;
}

.message form table label {
	border: none;
}
.message form table #msg {
	margin-top: 10px;
}
.contactMain cite a img {
	float: right;
	padding-top: 10px;
}


/* Site Map Code Starts*/
.siteMap {
	border: 1px solid #CCC;
	border-radius: 3px;
	width: 500px;
	margin: 15px auto 40px auto;
}

.siteMap table {
	line-height: 2em;
	margin: 10px auto 30px auto;
	width: 400px;
}

.siteMap table caption {
	font-size: 1.4em;
	color: #000;
	margin: 0 auto;
}
.siteMap table tr {


}
.siteMap table td {
	font-size: 1em;
	border-bottom: 1px solid #C2DFED;
	width: 120px;
}



.siteMap table a {
	text-decoration: none;
	color: #33F;
}
.siteMap table a:link {
	color: #33F;
}

.siterowline {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
}