@charset "utf-8";
/******************************/
/* CSS Document: standard.css */
/* Author: Raihan Islam       */
/******************************/

/**********/
/* Basics */
/**********/

/* Tags */
body {
	/*background-color: #e0ebf8;
	background-image:url(/images/background.png);
	background-repeat: repeat-y;
	margin: 40px;*/
	background-color: #f3d5b3;
	background-image:url(/images/background-v2.png);
	background-repeat:no-repeat;
	background-position:top center;
	font-family: Verdana, Sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #3F4145;
	padding:0;
	margin:0;
}

a {
	color: #003399;
	background-color: transparent;
	font-weight: normal;
}

h1 {
	width: 960px;
	color: #333;
	background-color: transparent;
	border-bottom: 1px solid #303030;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0 6px 0;
	padding: 5px 0 6px 0;
}

li {
	padding-bottom: 20px;
}

code {
	float: left;
	display: inline;
	font-family: Monaco, Verdana, Sans-serif;
	font-size: 12px;
	background-color: #f9f9f9;
	border: 1px solid #D0D0D0;
	color: #002166;
	display: block;
	margin: 14px 0 14px 0;
	padding: 12px 10px 12px 10px;
}
/* //Tags */

/* Header/Content/Footer */


.page-outer {
margin:auto;
padding:0;
width:100%;
}

#container-outer {

padding-left: 0; padding-right:0; padding-bottom:0;
padding-top:40px;
margin: auto;
width: 959px;

}

.container-inner {
margin:0;
width: 959px;

}

.container-content {
background: white;
float: left;
display: inline;
width: 959px;
padding:15px;
margin-left:-15px;
margin-top:-70px;
margin-bottom:-30px;
}

.shadow-top {
background: url(/images/shadow-top.png) no-repeat top;
height: 80px;
margin-top: 0px;
float: left;
width: 100%;
}

.container-shadow {
background: url(/images/container-shadow.png) repeat-y center;
float: left;
width: 100%;
margin: 0;
padding: 0;
}

.shadow-bottom {
background: url(/images/shadow-bottom.png) no-repeat bottom;
height: 80px;
float: left;
width: 100%;
margin-bottom: -30px;
}

#header {
	float: left;
	display: inline;
	width: 100%;
}

#header_nav {
	float: left;
	display: inline; 
	height: 40px;
	width: 959px;
	background-image:url(/images/header_nav.png);
	background-repeat: no-repeat;
}

#header_text {
	float: left;
	display: inline;
	text-align:center; /*marginleft135*/
	margin-top: 12px;
	width: 100%;
}

#header_text a:link, #header_text a:active, #header_text a:visited {
	text-decoration: none;
	color: #3F4145;
	font-weight: bold;
	width: 100%;
}

#header_text a:hover {
	text-decoration: none;
	color: #ff9900;
	font-weight: bold;
	width: 100%;
}

#content {
	float: left;
	display: inline;
	width: 100%;
}

#footer {
	float: left;
	display: inline;
	padding-bottom: 35px;	
	width: 100%;
}

#footer_nav {
	float: left;
	display: inline; 
	height: 40px;
	width: 959px;
	background-image:url(/images/footer_nav.png);
	background-repeat: no-repeat;
}

#footer_text {
	float: left;
	display: inline;
	text-align:center; /*marginleft15*/
	margin-top: 12px;
	width:100%;
}

#footer_text a:link, #footer_text a:active, #footer_text a:visited {
	text-decoration: none;
	color: #3F4145;
	font-weight: bold;
}

#footer_text a:hover {
	text-decoration: none;
	color: #ff9900;
	font-weight: bold;
}
/* //Header/Content/Footer */

/**********/
/* Styles */
/**********/

/* Thread text */
.bodytext {
	float: left;
	display: inline;
	padding-left: 0px;
	width: 950px;
}
/* //Thread text */

/* Interactive table */
.table {
	float: left;
	display: inline;
	width: 950px;
}

.table_top {
	float: left;
	display: inline;
	background-image:url(/images/table_top.png);
	background-repeat: no-repeat;
	height: 2px;
	width: 959px;
}

.table_bottom {
	float: left;
	display: inline;
	background-image:url(/images/table_bottom.png);
	background-repeat: no-repeat;
	height: 2px;
	width: 959px;
	padding-bottom: 20px;
}

.row {
	width: 100%;
}

.col {
	width: 100%;
}

.header {
	float: left;
	display: inline;
	padding-left: 5px;
	border: 2px solid #4e4e4e;
	background-color: #4e4e4e; 
	color: #fffcec;
	height: 12px;
	font-style: italic; 
	font-size: 10px; 
	font-weight: bold; 
	text-align: left;
}

/* transparency properties: not valid CSS 2.1 */

.system-min a:link, .system-min a:active, .system-min a:visited {
	float: right;
	display: inline;
	margin-right: 5px;
	margin-top: 0px;
	width: 15px;
	height: 12px;
	background-image:url(/images/system_min_hover.png);
	background-repeat: no-repeat;
	text-decoration: none;
}

.system-min a:hover {
	float: right;
	display: inline;
	margin-right: 5px;
	margin-top: 0px;
	width: 15px;
	height: 12px;
	background-image:url(/images/system_min.png);
	background-repeat: no-repeat;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	text-decoration: none;
}

.system-restore a:link, .system-restore a:active, .system-restore a:visited {
	float: right;
	display: inline;
	margin-right: 5px;
	margin-top: 0px;
	width: 15px;
	height: 12px;
	background-image:url(/images/system_restore_hover.png);
	background-repeat: no-repeat;
	text-decoration: none;
}

.system-restore a:hover {
	float: right;
	display: inline;
	margin-right: 5px;
	margin-top: 0px;
	width: 15px;
	height: 12px;
	background-image:url(/images/system_restore.png);
	background-repeat: no-repeat;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
	text-decoration: none;
}

.left {
	text-align: left;
	padding-right: 0px;
	padding-left: 5px;
}

.right {
	text-align: right;
	padding-left: 0px;
	padding-right: 5px;
}

.standard {
	float: left;
	display: inline;
	width: 935px;
	padding: 10px;
	border-left: 2px solid #4e4e4e;
	border-right: 2px solid #9e9e9e;
	border-bottom: 0px solid #4e4e4e;
	background-color: #fffcec;
	font-size: 11px;	
}

.hidden {
	width: 0px;
	height: 0px;
	display: none;	
}
/* //Interactive table */

/* Interactive thumbnail */
.thumb_arrow a:link, .thumb_arrow a:active, .thumb_arrow a:visited {
	float: left;
	display: inline;
	background-repeat: no-repeat;
	width: 43px;
	height: 43px;
	border: 1px solid transparent;
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity: 0.50;
}

.thumb_arrow a:hover {
	float: left;
	display: inline;
	background-repeat: no-repeat;
	width: 43px;
	height: 43px;
	border: 1px solid white;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}

.thumb_arrow_out a:link, .thumb_arrow_out a:active, .thumb_arrow_out a:visited  {
	background-image:url(/images/thumb_arrow_out.png);	
}

.thumb_arrow_out a:hover  {
	background-image:url(/images/thumb_arrow_out.png);	
}

.thumb_arrow_in a:link, .thumb_arrow_in a:active, .thumb_arrow_in a:visited {
	background-image:url(/images/thumb_arrow_in.png);
}

.thumb_arrow_in a:hover {
	background-image:url(/images/thumb_arrow_in.png);
}
/* //Interactive thumbnail */

/*****************/
/* Page-specific */
/*****************/

/* Resume */
.resume {
	padding: 0px;
	width:955px;	
}
/* //Resume */

/* Projects */
.raibot_ss {
	float: left;
	display: inline;
	background-image:url(/images/raibot/RaiBot2_0b2.PNG);
	background-repeat: no-repeat;
	width: 500px;
	height: 358px;
	margin-left: 69px;
	padding-right: 70px;
	padding-bottom: 15px;
}

.raibot_thumb {
	float: left;
	display: inline;
	background-image:url(/images/raibot/RaiBot2_0b2_thumb.png);
	background-repeat: no-repeat;
	width: 150px;
	height: 107px;
	padding-right: 15px;
}
/* //Projects */

#raibot-facebook {
	/*position: absolute;
	left: 780px;
	top: 40px;*/
}

/* //Services */

.services { -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #4e4e4e; margin-bottom: 10px; }

.services li {
	padding-bottom: 6px;
}

.services tr th, .services tr td { vertical-align:top; }
.services tr th { padding: 5px 9px 5px 9px; color: #fffcec; background-color: #4e4e4e; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }

.services-one tr th, .services-two tr th, .services-three tr th { padding:0px; color: #4e4e4e; -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding-right:2px; }

.services-one tr th, .services-two tr th, .services-three tr th { height:250px; text-align:left; }
.services-one tr td, .services-two tr td, .services-three tr td { height:200px; }
.services-one tr th, .services-one tr td { font-weight: normal; background-color: #afafaf; }
.services-two tr th, .services-two tr td { font-weight: normal; background-color: #cfcfcf; }
.services-three tr th, .services-three tr td { font-weight: normal; background-color: #ffffff; }

.services-portfolio-lower { margin-left:15px;width:590px;height:100%;background:#fcfcf9;border:1px solid #4e4e4e;padding:5px; -moz-border-radius: 0px 0px 3px 3px; -khtml-border-radius: 0px 0px 3px 3px; -webkit-border-radius: 0px 0px 3px 3px; border-radius: 0px 0px 3px 3px; border: 1px solid #4e4e4e; margin-bottom: 10px; }

.services-view-thumb { border:1px solid #4e4e4e; margin-left:15px;width:600px;height:107px; }
.services-view-full { border:1px solid #4e4e4e; margin-left:15px;width:600px;height:321px; }
.services-view-full-custom-design { }
.services-view-full-custom-functionality { }