@charset "utf-8";
/* CSS Document | Jeya Nethaji */

/* Common Styles */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0px;
	background-image:url(../images/gradient-bar.jpg);
	background-repeat:repeat-x;
}
#container {
	width:970px;
	height:600px;
	margin-top:60px;
	margin-left:30px;
	/*border-left: #CCC solid;
	border-left-width:thin;
	border-right: #CCC solid;
	border-right-width:thin;	
	*/
	z-index:1;
}
#logo {
	margin-left:40px;
}
#logo a {
	text-decoration:none;
	color:#FFF;
}
#navbar {
	background-color:#333333;
	width:970px;
	height:35px;
	margin-top:40px;
	position:absolute;
}
ul.nav {
	list-style-type:none;
	position:absolute;
	margin-top:7px;
	margin-left:20px;
	padding-left:25px;
}
ul.nav li {
	font-size:16px;
	font-weight:bold;
	width:120px;
	float:left;
	color:#FFF;
}
ul.nav li a {
	text-decoration:none;
	color:#FFF;
}
ul.nav li a:active {
	text-decoration:none;
	color:#ffcc99;
}
ul.nav li a:hover {
	text-decoration:none;
	color:#ffcc99;
}
ul.nav li span.page-selected {
	color:#ffcc99;
}
#footer {
	position:absolute;
	margin-top:600px;
}
#portfolio-footer {
	position:absolute;
	margin-top:830px;
}
#portfolio-sample-footer {
	position:absolute;
	margin-top:955px;
}
p {
	line-height:18px;
}
span.copyright {
	position: absolute;
	margin-left:555px;
}
span.validation {
	position: absolute;
	margin-left:692px;
	margin-top: 2px;
	padding-bottom:50px;
}
a, a:active, a:visited {
	color: #000;
}
a:hover {
	text-decoration:none;
	color:#CE6632;
}
h4 {
	font-size:16px;
	position:absolute;
	margin-top:100px;
	margin-left:20px;
	padding-left:25px;
	color:#006699;
}
h5 {
	position:absolute;
	margin-top:140px;
	margin-left:45px;
	font-size:14px;
	font-weight:bold;
}
h4 a, h4 a:active, h4 a:visited {
	text-decoration:none;
	color:#006699;
}
h4 a:hover {
	color:#CE6632;
}
.centeralign {
	text-align:center;
}
.rightalign {
	text-align:right;
}
.bold {
	font-weight:bold;
}
/* Home Page */
#jeyapic {
	position:absolute;
	margin-top:160px;
	margin-left:45px;
}
p.home {
	position:absolute;
	margin-left:250px;
	margin-top:160px;
	width:600px;
	height:150px;
	font-size:16px;
	line-height:23px;
	color:#000;
}
#home-bar {
	position:absolute;
	margin-top:370px;
	width:970px;
	height:180px;
	background-image:url(../images/home-bar.jpg);
}
#skills-bar {
	background-image:url(../images/rounded-rectangle.jpg);
	width:253px;
	height:137px;
	margin-left:45px;
	margin-top:15px;
	position:absolute;
}
#services-bar {
	background-image:url(../images/rounded-rectangle.jpg);
	width:253px;
	height:137px;
	margin-left:343px;
	margin-top:15px;
	position:absolute;
}
#portfolio-bar {
	background-image:url(../images/rounded-rectangle.jpg);
	width:253px;
	height:137px;
	margin-left:641px;
	margin-top:15px;
	position:absolute;
}
.home-highlights {
	font-size:18px;
	font-weight:bold;
	color: #CE6632;
}
.text-in-box {
	font-size:18px;
	font-weight:bold;
	position:absolute;
	margin-left:100px;
	margin-top:47px;
}
.view-details {
	font-size:14px;
	font-weight:bold;
	color:#006699;
	position:absolute;
	margin-left:83px;
	margin-top:67px;
}
#skills-bar a, #services-bar a, #portfolio-bar a {
	text-decoration:none;
	color:#006699;
}
#skills-bar a:hover, #services-bar a:hover, #portfolio-bar a:hover {
	text-decoration:none;
	color:#CE6632;
}
#services-bar span.text-in-box {
	margin-left:85px;
}
#services-bar span.view-details {
	margin-left:82px;
}
#portfolio-bar span.text-in-box {
	margin-left:85px;
}
#portfolio-bar span.view-details {
	margin-left:82px;
}
.symbol {
	position:absolute;
	margin-left:310px;
	margin-top:60px;
	font-size:24px;
	font-weight:bold;
}
.equal {
	position:absolute;
	margin-left:610px;
	font-size:26px;
}
/* Contact Page */
#contact-form {
	position:absolute;
	margin-top:180px;
	margin-left:23px;
}
#contact-table {
	width:429px;
}
#contact-table span {
	color:#CE6632;
	font-weight:bold;
}
p.contact {
	position:absolute;
	margin-top:135px;
	margin-left:20px;
	padding-left:25px;
}
#social-network {
	background-image:url(../images/social-network-rectangle.jpg);
	background-repeat:no-repeat;
	width:285px;
	height:326px;
	margin-left:641px;
	margin-top:185px;
	position:absolute;
}
h4.social-network {
	margin-left:35px;
	margin-top:70px;
	position:absolute;
	font-size:18px;
}
ul.social-network {
	list-style-type:none;
	position:absolute;
	margin-top:105px;
	margin-left:35px;
	padding-left:25px;
}
ul.social-network li {
	font-size:16px;
	color:#000;
	line-height:35px;
}
/* About Page */

p.about {
	position:absolute;
	margin-top:135px;
	margin-left:20px;
	width:700px;
	padding-left:25px;
}
h6.about {
	position:absolute;
	margin-top:320px;
	margin-left:20px;
	padding-left:25px;
}
ul.about {
	position:absolute;
	margin-top:345px;
	margin-left:36px;
	padding-left:35px;
	list-style-type: disc;
	line-height:20px;
}
p.resume {
	position:absolute;
	margin-top:465px;
	margin-left:20px;
	padding-left:25px;
	width:700px;
}
p.about a, a:active a:visited {
	text-decoration:none;
	color:#006699;
}
p.about a:hover {
	text-decoration:none;
	color:#CE6632;
}
/* Services */

p.services {
	position:absolute;
	margin-top:500px;
	margin-left:20px;
	padding-left:25px;
	width:320px;
}
h6.web-services {
	position:absolute;
	margin-top:140px;
	margin-left:20px;
	padding-left:25px;
	font-size:12px;
	color:#000;
}
h6.branding-identity {
	position:absolute;
	margin-top:260px;
	margin-left:20px;
	padding-left:25px;
	font-size:12px;
	color:#000;
}
h6.print-services {
	position:absolute;
	margin-top:380px;
	margin-left:20px;
	padding-left:25px;
	font-size:12px;
	color:#000;
}
h4.hire {
	position:absolute;
	margin-top:540px;
	margin-left:20px;
	padding-left:25px;	
	color:#000;
}
ul.web-services {
	position:absolute;
	margin-top:160px;
	margin-left:40px;
	padding-left:45px;
	list-style-type: disc;
	line-height:20px;
}
ul.branding-identity {
	position:absolute;
	margin-top:280px;
	margin-left:40px;
	padding-left:45px;
	list-style-type: disc;
	line-height:20px;
}
ul.print-services {
	position:absolute;
	margin-top:400px;
	margin-left:40px;
	padding-left:45px;
	list-style-type: disc;
	line-height:20px;
}
div#testimony {
	position:absolute;
	margin-top:100px;
	margin-left:600px;
	width:300px;
	height:684px;
	border-left:dotted;
	border-width: thin;
	border-color:#CE6632;
	padding-left:17px;
}
h6.services {
	position:absolute;
	margin-top:5px;
	margin-left:35px;
}

img.services {
	position:absolute;
	margin-top:30px;
	margin-left:5px;
}
img.medproperties-testimony {
	position:absolute;
	margin-top:30px;
	margin-left:5px;
}

img.pavani-testimony {
	position:absolute;
	margin-top:360px;
	margin-left:5px;
}
p.medproperties-testimony {
	position:absolute;
	margin-top:80px;
	margin-left:30px;
	line-height:17px;
	width:275px;
	z-index:1;
	text-align:justify;
}
p.pavani-testimony {
	position:absolute;
	margin-top:280px;
	margin-left:30px;
	line-height:17px;
	width:275px;
	z-index:1;
	text-align:justify;
}
p.medproperties-client-name {
	position:absolute;
	margin-top:220px;
	margin-left:40px;
}
p.pavani-client-name {
	position:absolute;
	margin-top:540px;
	margin-left:40px;
}
/* Portfolio Page */
h5.web-design {
	margin-top:260px;
	margin-left:270px;
}
h5.branding-identity {
	margin-top:460px;
	margin-left:270px;
}
h5.print-design {
	margin-top:680px;
	margin-left:270px;
}
img.web-design {
	position:absolute;
	margin-top:165px;
	margin-left:40px;
}
span.back-to-portfolio {
	position:absolute;
	margin-top:700px;
	margin-left:45px;
}
span.branding-identity {
	margin-top:895px;
}
span.web-design {
	margin-top:755px;
}
span.web-design-sample {
	margin-top:375px;
}
span.with-testimony {
	margin-top:640px;
}
img.testimony {
	position:absolute;
	margin-top:365px;
	margin-left:25px;
}
p.testimony-copy {
	position:absolute;
	margin-top:400px;
	margin-left:63px;
	line-height:17px;
	width:275px;
	z-index:1;
	text-align:justify;
}
h6 {
	position:absolute;
	margin-top:340px;
	margin-left:45px;
	font-size:14px;
	color:#006699;
}
p.client-name {
	position:absolute;
	margin-top:575px;
	margin-left:50px;
}
span.word-link a, span.word-link a:active, span.word-link a:visited {
	text-decoration:none;
	color:#006699;
}
span.word-link a:hover {
	text-decoration:none;
	color:#CE6632;
}
img.branding-identity {
	position:absolute;
	margin-top:370px;
	margin-left:40px;
}
img.print-design {
	position:absolute;
	margin-top:585px;
	margin-left:40px;
}
a.web-design, a.branding-identity, a.print-design {
	text-decoration:none;
	color:#FFF;
}
ul.portfolio-samples {
	list-style-type:none;
	position:absolute;
	margin-top:225px;
	margin-left:20px;
	padding-left:25px;
	letter-spacing:26px;	
}
ul.portfolio-samples li {
	display:inline;
}
ul.portfolio-samples li a {
	text-decoration: none;
	color:#FFF;
}
p.web-design {
	position:absolute;
	margin-top:170px;
	margin-left:45px;
	width:800px;
}
ul.web-design-view-details-row1 {
	list-style-type:none;
	position:absolute;
	margin-top:438px;
	margin-left:20px;
	padding-left:25px;
}
ul.web-design-view-details-row2 {
	list-style-type:none;
	position:absolute;
	margin-top:710px;
	margin-left:20px;
	padding-left:25px;
}
ul.web-design-view-details-row1 li, ul.web-design-view-details-row2 li {
	display:inline;
	font-weight:bold;
	font-size:14px;
	margin-left:22px;
	margin-right:69px;
	padding-left:45px;
}
ul.web-design-view-details-row1 li a, ul.web-design-view-details-row2 li a {
	text-decoration:none;
	color:#CE6632;
}
ul.web-design-view-details-row1 li a:hover, ul.web-design-view-details-row2 li a:hover {
	text-decoration:none;
	color:#006699;
}
img.web-design-sample {
	position:absolute;
	margin-top:160px;
	margin-left:470px;
}
table#web-design-project {
	position:absolute;
	margin-top:180px;
	margin-left:45px;
}
table#web-design-project a {
	text-decoration:none;
	color:#FFF;
}
table#web-design-project a.website-link {
	text-decoration:underline;
	color:#CE6632;
}