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

a.menu:link { text-decoration:none; color:#FFF;}     /* unvisited link */
a.menu:visited { text-decoration:none; color:#FFF;}  /* visited link */
a.menu:hover { text-decoration:none; color:#Fc0;}   /* mouse over link */
a.menu:active { text-decoration:none; color:#FFF;}   /* selected link */

a.sub:link{ text-decoration:none; color:#333;}
a.sub:visited { text-decoration:none; color: #333;}
a.sub:hover { text-decoration:none; color: #09F;}
a.sub:active { text-decoration:none; color:#333;}

a.std:link{ text-decoration:none; color:#333;}
a.std:visited { text-decoration:none; color: #333;}
a.std:hover { text-decoration: underline; color: #09F;}
a.std:active { text-decoration:none; color:#333;}

a.pg:link{ text-decoration:none; color: #09F;}
a.pg:visited { text-decoration:none; color: #09F;}
a.pg:hover { text-decoration: underline; color: #09F;}
a.pg:active { text-decoration:none; color:#09F;}


h1{ font-family:arial; font-size:20px; font-weight:bold; color:#ed145b;}
h2{ font-family:arial; font-size:14px; font-weight:bold; margin:0;}
h3{ font-family:arial; font-size:12px; font-weight:bold; color:#333; margin:0;}
h4{ font-family:arial; font-size:11px; font-weight:normal;}
h5{ font-family:helvetica; font-size:11px; font-weight:normal;}

p.standard{
		font-family:arial; font-size: 11px; font-weight:normal;
}

td.standard{
		font-family:arial; font-size: 11px; font-weight:normal;
}

img.bullet{
	padding-left:5px;
	padding-right:5px;
	padding-bottom:2px;
}

/******************************************************MENU TEMPLATE STARTS*************************************************/
#body{
		margin:0px;		
}

#header{
		height:100px;
		width: auto;
		background:url(../images/header-gradient.gif) repeat-x;
		margin:0px;
}



#menu{
		height:40px;
		width:100%;
		background:url(../images/menu-gradient-01.gif) repeat-x;
		padding-bottom:15px;
}

.menu-button{
		width:118px;
		height:25px;
		float:left;
		font-family:arial;
		font-size:12px;
		font-weight:bold;
		color:#FFF;
		padding-top:10px;
		text-decoration:none;

}

.menu-button:hover{
		background:url(../images/menu-gradient-01-hover.gif) repeat-x;
		width:118px;
		height:35px;
		color: #FC0;
}

#menu-divider{
		background:url(../images/menu-divider.gif) no-repeat;
		width:2px;
		height:40px;
		float:left;
}

.wrapper{
		margin-left:auto;
		margin-right:auto;
		width:850px;
}

.clear{
		clear:both;
}

.clear-no-height{
		clear:both;
		height:0px;
}

#footer-top{
		background:url(../images/footer-top.gif) no-repeat;
		width:850px;
		height:8px;
}

#footer-middle{
		background:url(../images/footer-middle.gif) repeat-y;
		height:40px;
		width:850px;
		font-family: helvetica;
		font-size:11px;
}

#footer-middle-liner{
		background:#e8edf3;
		padding:10px;
		margin-top:0px;
		margin-left:8px;
		margin-right:8px;
		margin-bottom:0px;
		height:20px;
		font-family: helvetica;
		font-size:11px;
}

#footer-bottom{
		background:url(../images/footer-bottom.gif) no-repeat;
		width:850px;
		padding-bottom:15px;
}

/******************************************************MENU TEMPLATE ENDS*************************************************/

/******************************************************INDEX PAGE STARTS*************************************************/
#column-left{
	width:535px;
	height:auto;
	padding-right:15px;
	float:left;
}

#column-right{
		float:right;
		width:299px;
		height:100px auto;
}

#banner-top{
		background:url(../images/index-banner-top.gif) no-repeat;
		height:8px;
}

#banner-middle{
	background:url(../images/index-banner-middle.gif) repeat-y;
	height:200px;
	padding-left:9px;
}

#banner-bottom{
		background:url(../images/index-banner-bottom.gif) no-repeat;
		height:9px;
		padding-bottom:15px;
}

#button-main{
		float:left;
		width:127px;
		padding-right:08px;
		padding-bottom:15px;
}

#button-last{
		background:url(../images/index-button-3D.jpg) no-repeat;
		width:127px;
		height:127px;
		float:left;
		padding-bottom:15px;
		}
		
.button-title{
		height:20px;
		padding:4px;
		padding-top:10px;
		font-family:helvetica; 
		font-size:13px;
}

.service-column{
	float:left;
	width:125px;
	height:150px;
	margin-right:10px;
}

.service-column-last{
	float:left;
	width:125px;
	height:150px;
}

#container-299-top{
		background:url(../images/container299-top.gif) no-repeat;
		height:36px;
		width:100%;
}

#container-299-mid{
		background:url(../images/container299-middle.gif) repeat-y;
		height:170px;
		width:299px;
}

#container-299-mid-01{
		background:url(../images/container299-middle.gif) repeat-y;
		height:150px;
		width:299px;
}


#container-299-bottom{
		background:url(../images/container299-bottom.gif) no-repeat;
		height:8px;
		width:299px;
		padding-bottom:15px;
}

.container-title{
	padding:10px;
	padding-left:15px;
	font-family:arial;
	font-size:12px;
	font-weight: bold;
	color:#333;
}

#form-quote{
		margin-left:10px;
		margin-right:10px;
		margin-top:5px;
		background-color:#e8edf3;
		width:260px;
		height:123px;
		padding:10px;		
}

#form-name-L{
		float:left;
		font-family:verdana;
		font-size:10px;
		color: #666;
}

#form-name-R{
		float:left;
		font-family:verdana;
		font-size:10px;
		color:#666;
		padding-left:105px;
}

#form-field-L{
		width:115px;
		float:left;
		margin-right:10px;
		margin-bottom:5px;
}

#form-field-R{
		width:115px;
		float:right;
		margin-bottom:5px;
}

#submit{
		margin-left:8px;
}

.icon-arrow{
		background:url(../images/icon-arrow.gif) no-repeat;
		padding:5px;
		float:left;
}

#container1-liner{
		margin-left:8px;
		margin-right:10px;
		margin-top:4px;
		background-color: #e8edf3;
		width:260px;
		height:143px;
		padding10px;		
}

#quote{
		float:left;
		width:210px;
		height:135px;
		background:url(../images/icon-quote.gif) no-repeat;
		}
#quote-text{
		padding:12px;
		padding-top:10px;
		height:86px;
		width:180px;
		font-family:arial;
		font-size:10px;
		color: #333;
		font-style:italic;
		}
		
#quote-signature{
		margin-top:15px;
		font-family:arial;
		font-size:10px;
		color: #333;
		font-style:italic;
}

#testimonial-box{
		border: #CCC solid 1px;
		width:auto;
		height:210px;
}

/******************************************************INDEX PAGE ENDS*************************************************/

/******************************************************PORTFOLIO PAGE STARTS*************************************************/

#sub-menu{
	height:40px;
	width:710px;
}

#sub-menu-2{
	height:40px;
	width:840px;
}


#sub-menu-title{
	float:left;
}

#sub-menu-links{
	float:right;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding-top:15px;
	color: #333;
}

#body850-top{
		background:url(../images/850px-top.gif) no-repeat;
		width:850px;
		height:8px;
}

#body850-middle{
		background:url(../images/850px-middle.gif) repeat-y;
		width:770px;
		height:500px auto;
		padding:25px;
		padding-left:40px;
		padding-right:40px;

}

#body850-bottom{
		background:url(../images/850px-bottom.gif) no-repeat;
		width:850px;
		height:8px;
		margin-bottom:15px;
}

#port-title{
		border-bottom:#ccc solid 1px;
		font-family:arial;
		font-size:20px;
		font-weight:bold;
		color:#ed145b;
		color#f9a23b;
}

#port-title-web-design{
		border-bottom:#ccc solid 1px;
		font-family:arial;
		font-size:20px;
		font-weight:bold;
		color:#ed145b;
		color#f9a23b;
}

#port-title-graphic-design{
		border-bottom:#ccc solid 1px;
		font-family:arial;
		font-size:20px;
		font-weight:bold;
		color:#ed145b;
		color#f9a23b;
}

#port-title{
		border-bottom:#ccc solid 1px;
		font-family:arial;
		font-size:20px;
		font-weight:bold;
		color:#ed145b;
}
#port-title-renderings{
		border-bottom:#ccc solid 1px;
		font-family:arial;
		font-size:20px;
		font-weight:bold;
		color:#ed145b;
}
#port-title-multimedia{
		border-bottom:#ccc solid 1px;
		font-family:arial;
		font-size:20px;
		font-weight:bold;
		color:#ed145b;
}
#port-title-bot{
		border-top:#fff solid 1px;
		height:1px;
		width:775px;
}

a.fancy{
			outline: none;	
}

img.port{
			border: 1px solid #999;
			background-color:#FFF;
			padding: 3px;	
			margin: 10px 5px 10px 0;
}

img.port-web{
			border: 1px solid #999;
			background-color:#FFF;
			padding: 3px;	
			margin: 25px 5px 0px 0;
}

#port-top{
		background:url(../images/footer-top.gif) no-repeat;
		width:850px;
		height:8px;
}

#port-middle{
		background:url(../images/footer-middle.gif) repeat-y;
		width:850px;
		font-family: helvetica;
		font-size:11px;
}

#port-middle-liner{
		background:#e8edf3;
		padding:25px;
		margin-top:0px;
		margin-left:8px;
		margin-right:8px;
		margin-bottom:0px;
		padding-left:30px;
		padding-right:30px;
}

#port-middle-liner-dark{
		background:#dde7f2;
		padding:25px;
		margin-top:0px;
		margin-left:8px;
		margin-right:8px;
		margin-bottom:0px;
		padding-left:30px;
		padding-right:30px;
}

#port-bottom{
		background:url(../images/footer-bottom.gif) no-repeat;
		width:850px;
		padding-bottom:15px;
}

#port-webbox{
	float:left;
	width:148px;
	padding-right:7px;
}


/******************************************************PORTFOLIO PAGE ENDS*************************************************/

/******************************************************WEB DESIGN PAGE STARTS*************************************************/
#sub-content-col-L{
	float:left;
	padding-right:15px;
		}
		
#sub-content-col-R{
		float:left;
		height:140px auto;
		width:125px;
		}
		
#C850-top{
		background:url(../images/footer-top.gif) no-repeat;
		width:850px;
		height:8px;
}

#C850-middle{
		background:url(../images/footer-middle.gif) repeat-y;
		width:850px;
		font-family: helvetica;
		font-size:11px;
}

#C850-middle-liner{
	background:#e8edf3;
	padding:25px;
	margin-top:0px;
	margin-left:8px;
	margin-right:8px;
	margin-bottom:0px;
	padding-left:30px;
	padding-right:25px;
}

#C850-bottom{
		background:url(../images/footer-bottom.gif) no-repeat;
		width:850px;
		padding-bottom:15px;
}

#C710-top{
		background: url(../images/710px-top.gif) no-repeat;
		width:710px;
		height:8px;
}

#C710-middle{
		background:url(../images/710px-middle.gif) repeat-y;
		width:710px;
}

#C710-middle-liner{ /*FOR PHOTO. CONTENT ON EDGE*/
		background: #CCC;
		margin-left:8px;
		margin-right:8px;

}

#C710-middle-liner2{ /*FOR CONTENT WITH MARGIN. LIKE TEXT.*/
		background: #F0F0F0;
		padding:25px;
		margin-top:0px;
		margin-left:8px;
		margin-right:8px;
		margin-bottom:0px;
		padding-left:30px;
		padding-right:30px;
}

#C710-bottom{
		background:url(../images/710px-bottom.gif) no-repeat;
		width:710px;
		height:8px;
		padding-bottom:15px;
}

#web-col-L{
	float:left;
	width:380px;
	border-right:#CCC solid 1px;
	height:457px;
	padding-right: 25px;
		}

#web-col-R{
	float:left;
	width:200px;
	height:auto;
	border-left:#FFF solid 1px;
	padding-left: 25px;
		}

#C125-top{
		background: url(../images/125-top.gif) no-repeat;
		height:8px;
		width:100%;
}

#C125-middle{
		background: url(../images/125-middle.gif) repeat-y;
		height:100px;
		width:100%;
}

#C125-bottom{
		background: url(../images/125-bottom.gif) no-repeat;
		height:8px;
		width:125px;
		padding-bottom:15px;
}

#web-icon{
		width:125px;
		height:auto;
		padding-bottom:15px;
}

#pull-quote{
		font-family: Arial,Helvetica,Georgia; 
		font-size: 18px; 
		line-height: 18px; 
		color: black; 
		text-align: right;
		}

/*TABLE STYLE start*/

#table-top{ background:url(../images/bg-Cont-top2.gif) repeat-x; height:24px; margin-left:8px; margin-right:9px; margin-top:5px; padding-left:10px; font-family:arial; font-size:12px; font-weight:bold; color: #333;}
.table_content {clear:both;width:693px;border-collapse:collapse; border:#cdcdcd solid 1px;}
.table_content th {padding:5px 10px 5px 10px; width:20%;background:#999;color:#fff;border:1px solid #cdcdcd;}
.table_content th.category{ font-family:arial; font-size:12px; font-weight:bold;}
.table_content td.blackTxt {color:#000; text-align:left;vertical-align:middle; font-family:arial; font-size:12px; font-weight:bold; padding:10px; border:#cdcdcd solid 1px;}
.table_content td {padding:10px; border:#cdcdcd solid 1px; text-align:center; vertical-align:middle;font-family:arial; font-size:12px;}
.table_content tr.row_light {background:#f2f2f2;}
.table_content tr.row_dark {background:#e5e5e5;}
.table_content tr.row_last {background:#fff;}
.table_content tr.row_category {padding:0px; height:0px; width:100%; background:#999;color:#fff;border:1px solid #cdcdcd; font-family:arial; font-size:12px; font-weight:bold;}
.table_content td:hover{ background: #fff;}

/*TABLE STYLE ends*/

#web-articles{
		float:left;
		width:184px;
		height:150px;
		border-right:#CCC solid 1px;
		padding-left15px;
		padding-right:15px;
}

#web-unknown{
		float:left;
		width:184px;
		height:150px;
		border-right:#CCC solid 1px;
		border-left:#FFF solid 1px;
		padding-left:15px;
		padding-right:15px;
}


#web-contact{
	float:left;
	width:189px;
	height:150px;
	border-left:#FFF solid 1px;
	padding-left:15px;
	padding-right:10px;
}

#web-title{
		font-family:Helvetica,Arial;
		font-size:12px;
		font-weight:bold;
		color: #333;
}

#web-list{
	
}

div.items{ 
		padding-left:15px;
		padding-top:20px;
		
}

li.items{ 
		text-indent:-15px; 
		color:#ed145b;
		list-style-type:square;
}
		
span.items{color:#000; font-family:arial; font-size:11px; font-weight:normal;}

/******************************************************WEB DESIGN PAGE ENDS*************************************************/

/******************************************************GRAPHIC DESIGN STARTS HERE*************************************************/
#grap-brochure-icon{
	width:80px;
	height:75px;
	float:left;
}

#grap-brochure-icon-title{
	width:80px;
	height:15px;
	float:left;
	font-family: arial;
	font-size:10px;
}

#horizontal-border-bottom{
	width:630px;
	border-bottom: #CCC solid 1px;
	height:10px;
}

#horizontal-border-top{
	width:630px;
	border-top: #FFF solid 1px;
	height:10px;
}

#grap-col-L{
	float:left;
	width:325px;
	border-right:#CCC solid 1px;
	height:500px;
	padding-right: 25px;
		}

#grap-col-R{
	float:left;
	width:255px;
	height:auto;
	border-left:#FFF solid 1px;
	padding-left: 25px;
		}

/******************************************************GRAPHIC DESIGN ENDS HERE*************************************************/

#C520-top{
		background: url(../images/520px-top.gif) no-repeat;
		width:520px;
		height:8px;
}

#C520-middle{
		background:url(../images/520px-middle.gif) repeat-y;
		width:520px;
}

#C520-middle-liner{ /*FOR PHOTO. CONTENT ON EDGE*/
		background: #F0F0F0;
		margin-left:8px;
		margin-right:8px;
		padding:10px;

}

#C520-bottom{
		background:url(../images/520px-bottom.gif) no-repeat;
		width:520px;
		height:8px;
		padding-bottom:15px;
}

/******************************************************ARTICLES STARTS HERE*************************************************/

#art-title{
		font-family:arial;
		font-size:20px;
		font-weight:bold;
		color:#ed145b;
		
}

#art-publish{
		font-family:arial;
		font-size:10px;
		color:#333;
}

#art-sub-title{
		font-family:arial; 
		font-size:12px; 
		font-weight:bold; 
		color: #333;
}

p.articles{
		font-family: verdana,arial; font-size: 1em; font-weight:normal;
}


img.articles{
		margin-left:10px;
		
}

p.error{ color:#F00;}
/******************************************************ARTICLES ENDS HERE*************************************************/