/* test css */


/*-------------------------------css1 common and main page-------------------------------- */

body {
	/*background-color: #f0f0e6;*/
	background-color: #282828;
}



/*.ul {
list-style-type: none;
height: 80px;
margin: auto;
width: 663px;
}*/


.row-1 {
	
	padding-top: 20px;
	padding-bottom: 20px;
	/*border-top: 1px dotted #999;*/
	border-bottom: 1px dotted #999;

}

.row-1 h2{
	font-size: 24px;
	line-height: 28px;
	font-style: italic;
	margin-bottom: 0px;
}

.row-1 h3{
	font-size: 10px;
	line-height: 20px;
	margin-bottom: 0px;
	padding-top: 15px;
	border-top: 1px dotted #999;
	color: #999;
	text-transform: uppercase;
	font-family: inherit;
}

.featured-project1-text h4 {
	font-size: 18px;
	line-height: 21px;
	color: #FFF;
}
.main-image {
	margin: 0;
	padding: 5px 0px;
}


.featured-project {
	margin-top: 10px;
	border-bottom: 1px dotted #999;
	padding-bottom: 10px;
}


.featured-title h3 {
	font-size: 24px;
	text-align: left;
	margin: 0px;
	padding: 10px 0px 10px;
	border-bottom: 1px dotted #999;
}
.more-projects {
	padding-top: 18px;
	padding-bottom: 0px;
	text-align: left;
	font-size: 16px;
}



/*----------------------top menubar------------------------------------*/
#header {
	/* background-color: #f0efea; */
	background-color: #282828;
	/* border-bottom: 1px double #332F28; */
}



#header #menu {
	margin: 0px;
	padding: 0px;
}

.top-menu
{
	padding:0;
	color:#fff;
	font-family: Verdana, Geneva, sans-serif;
	white-space:nowrap;
	list-style-type:none;
	font-size: 12px;
	font-style: normal;
	text-transform: uppercase;
	margin-top: 80px;
	margin-left: 190px;
	margin-right: 0;
	margin-bottom: 0px;
}
.top-menu li {display:inline;}

.top-menu li a
{
	/*	color:#3f3e3a; */
	color:#CCC;
	text-decoration:none;
	float:left;
	padding: 11px 0px 1px 20px;
	margin: 0px;
}

.top-menu li a:hover
{
	color:#F09;
	text-decoration: underline;
}


/*---------------------- end top menubar------------------------------------*/




#footer #menu {
	margin: 0px;
	padding: 0px;
}

/*---------------------- bottom nav bar ------------------------------------*/

.footer-nav
{
	padding:0;
	margin:0;
	color:#fff;
	font-family: Verdana, Geneva, sans-serif;
	white-space:nowrap;
	list-style-type:none;
	font-size: 10px;
	font-style: normal;
	text-align: left;
	line-height: 32px;
	text-transform: uppercase;
}
.footer-nav li {
	display:inline;
}
.footer-nav li a
{
	color:#CCC;
	text-decoration:none;
	float:left;
	padding: 5px 18px 5px 0px;
}
.footer-nav li a:hover
{
	color:#F39;
}

/*---------------------- end bottom nav ------------------------------------*/
.footer-info {
	width: 560px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #999;
	text-align: right;
	padding-top: 12px;
	padding-bottom: 12px;
	margin: 0px;
	text-transform: uppercase;
}

#footer {
	background-color: #282828;
	border-top: 1px dotted #999;
	margin: 20px 0px 0px;
	padding: 0px;
}
/*---------------------classes for clearfloat-------------------------*/
.clear-float {
	clear:both;
	height:0;
	fontsize:1px;
	lineheight:0px;
}
	
	
/*-------------for single prject page single block----------------------*/	

.singleblock {
	margin: 0px;
	padding: 15px 0px 0px;
}

.text-column  h1 {
	font-size: 30px;
	border-bottom: 1px dotted #999;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.text-column  h2 {
	font-size: 20px;
	border-bottom: 1px dotted #999;
	padding-bottom: 10px;
	line-height: 24px;
	margin-bottom: 10px;
}



.text-column  h3 {
	font-size: 16px;
	/*border-bottom: 1px dotted #999;*/
	padding-bottom: 10px;
	line-height: 18px;
	margin-bottom: 10px;
}

.text-column  h4 {
	font-size: 12px;
	border-bottom: 1px dotted #999;
	padding-bottom: 10px;
	line-height: 14px;
	margin-bottom: 10px;
}

.text-column  h5 {
	font-size: 18px;
	border-bottom: 1px dotted #999;
	padding-bottom: 10px;
	line-height: 21px;
	margin-bottom: 10px;
	font-weight: normal;
}




/*add this class. no-bottom-border to remove the bottom border from h1 h2 and so on in the right text column. 
lerning note: it didn't work if only .no-bottom-border is use as a class (due to css specificity), 
so .text-column needed to be added*/

.text-column .no-bottom-border {
	border-bottom-style: none;
}

.text-column .top-border {
	border-top: 1px dotted #999;
	padding-top: 10px;
} /*adds top border and padding on the right text column*/

/*back to project n top row*/



/*-------------for single prject page single block end----------------------*/

.mininav {
	margin-top: 20px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	font-size: 12px;
	}

.mininav-top {
	text-align:right;
}

.mininav a
{
	color: #3f3e3a;
	
}

.mininav a:hover
{
	color:#F39;
}


/*-------------------------------slideshow-------------------------------- */

.slideshow img { padding: 0px; border: 0px; background-color: #eee; }

/*-------------------------------end slideshow-------------------------------- */

/*-------------------------------(all)products page -------------------------------- */
.project-pair .project-right {
	width: 465px;/* width overide*/
	padding-left: 5px;
	float:right;
}

/*-----project image hover ------------- */
/*.highlightit img{
	border: 1px solid #ccc;
}*/

.highlightit:hover img{
	border-left: 5px solid #ec1F80;
	margin-left: -5px;
	
	

}

.highlightit:hover{
color: red; /* Dummy definition to overcome IE bug */
}
/*-----project image hover ------------- */

.project-pair h3{
	font-size: 16px;
	padding-bottom: 15px;
	padding-top: 10px;
	margin: 0px;
	color: #FFF;
}

.project-pair {
	border-bottom:1px dotted #999999;
	margin: 20px 0px 0px;
	padding: 0px;
}

.page-decription {
	margin-top: 25px;
	border-bottom: 1px dotted #999999;
	padding-bottom: 15px;
}


.page-decription h1{
	font-size: 30px;
	padding-bottom: 10px;
	margin: 0px 0px 10px;
	border-bottom: 1px dotted #999999;
	text-transform: uppercase;
	
}

.page-decription h4{
	font-size: 14px;
	margin: 0px;
}

/*-----other works ------------- */
.row_other_works{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #999;
}
/*-----/other works ------------- */


/*About page*/

/*-----Profile image ------------- */
.profile_image{
	padding-top: 3px;
}

.about-text{
	padding-left: 3px;
	width: 940px;
	}
	

.designer_text{
	float:right;
	
	width: 50%;
	margin-left: 0px;
	padding-right: 5px;
	position:relative; 
	bottom:1px; 
	text-align:center; 
	margin:0 auto; 
	height:30px; 
	border:1px solid black;
}
/*About page*/