@import url("reset.css");
@import url("layout.css");
@import url("breadcrumbs.css");
@import url("menu.css");
@import url("jqModal.css");
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family:Georgia;
	font-size:13px;
	background-image:url(../images/warpper_bg.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	background-color:#dedede;
	color:#595959;
}
img{
border:none;
border-style:none;
}
a{
outline: none;
color:#595959;
}
a:hover{
outline: none;
color:#000000;
}
a:visited{
outline: none;
}

td{
vertical-align:top;
font-size:11px;
padding:5px;
}
input,textarea,select{
border:1px solid #9C9C9C;
font-size:11px;
}
input.textbox{
width:200px;
height:17px;
}
select.dropdown{
width:200px;
}
input.password{
width:200px;
height:17px;
}
input.checkbox{
border:none;
}

textarea.textarea{
width:200px;
height:100px;
font-size:13px;
}

h1{
color:black;
font-size:20px;
margin:0;
padding:18px 0 20px;
}
h2{
color:#595959;
font-size:16px;
font-weight:bold;
margin:11px 0 10px;
padding:0;
}
h3{
font-size:14px;
font-weight:bold;
line-height:24px;
margin-top:10px;
}
p{
font-size:13px;
line-height:24px;
color:#333333;
text-align:justify;
}

th{
background-image:url(images/th.jpg);
color:#FFFFFF;
text-align:left;
padding-left:10px;
}

li{
font-size:13px;
line-height:24px;
margin-left:20px;
list-style-image:url(../images/bullet.jpg);
}
.btn{
background-color:#626060;
color:white;
cursor:pointer;
font-weight:bold;
padding:6px;
}
#clientlogin{
left:810px;
position:relative;
top:-93px;
width:100px;
}
#clientlogin a {
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}
#topmenu li{
color:#333333;
font-size:15px;
line-height:24px;
}


#screen{
clear:none;
float:right;
height:415px;
margin:-1px 0 0 40px;
overflow:hidden;
padding:0;
text-align:center;
width:361px;
}

#controls{
margin:0;
opacity:0;
padding:0;
padding-left:69px;
position:absolute;
text-align:center;
top:338px;
width:229px;
z-index:4;
}

#mask{
position:absolute;
z-index:2;
}
#portfolio{
background-color:#000000;
background-image:url(../images/loader_black.gif);
background-position:center center;
background-repeat:no-repeat;
height:287px;
overflow:hidden;
padding-left:5px;
padding-top:27px;
z-index:1;
}

#portfolio_details{
left:43px;
position:relative;
text-align:left;
top:-40px;
z-index:3;
}

#portfolio_details a{
color:#FF6600;
text-decoration:none;
font-size:12px;
}
#portfolio_details a:hover{
color:#FF9900;
text-decoration:underline;
font-size:12px;
}
#portfolio_details .description{
font-size:11px;
width:300px;
font-family:arial;
}

#portfolio_details .description p{
font-size:12px;
line-height:18px;
color:#333333;
}
#portfolio_details h1{
color:#4F4F4F;
font-size:17px;
padding:0px;
}

.frontpage{
min-height:350px;
padding-top:50px;
width:500px;
}
.floating{
position:absolute;
display:none;
}

/*added for image description on hover*/
div.img_wrapper{
	position:relative;  /*important(so we can absolutely position the description div */
}
div.img_description{
	position:absolute; /* absolute position (so we can position it where we want)*/
	bottom:0px; /* position will be on bottom */
	left:0px;
	display:none; /* hide it */
	/* styling bellow */
	background-color:black;
	font-family: Arial;
	font-size:12px;
	color:white;
	width:170px;
	margin-left:440px;
	margin-bottom:6px;
}
div.img_description_content{
	padding:10px;
}
.img_description_content a {
color:#FD7303;
text-decoration:none;
font-weight:bold;
font-size:12px;
}