@import url(reset.css);

@import url(coda-slider.css);


/* =global
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
* {
	margin:0;
	padding:0;
}
html,body {
	height:100%;
	width:100%;
	/*overflow: hidden;*/
}
body { 
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 12px;
	color:#777;
	background:#fff url(../img/bg_new.jpg) repeat-x;
	margin: 0;
	padding: 0;
	border: 0;
	height: 100%; 
	max-height: 100%; 
}
a {
	color:#777777;
	text-decoration:underline;
}
a:hover {
	color:#777777;
	text-decoration:none;
}
img {
	border:0px;
}
.header {
	width:1002px;
	padding:0px 0 0 0;
	height:261px;
	overflow:hidden;
	background:url(../img/header_bg.jpg) right no-repeat;
}
HTML>BODY #topnavigation {
	width:969px;
	padding:15px 0 15px 33px;
	background:url(../img/right_border_bg.gif) right repeat-y;
}
#topnavigation {
	width:969px;
	padding:15px 0 0px 33px;
	background:url(../img/right_border_bg.gif) right repeat-y;
}
#topnavigation ul {
	margin:0;
	padding:0;
}
#topnavigation ul li {
	display:block;
	float:left;
	margin:0 0 0 2px;
	background:url(../img/topbtns_bg.gif) -4px 0 no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#006a99;
}
#topnavigation ul li.first {
	background:url(../img/topbtns_bg.gif) no-repeat;
}
#topnavigation ul li.last {
	background:url(../img/topbtns_bg.gif) right no-repeat;
}
#topnavigation ul li a {
	padding:9px 15px 10px 15px;
	display:block;
	color:#006a99;
	text-decoration:none;
}
#topnavigation ul li a:hover {
	background:url(../img/topbtns_bg_ovr.gif) -4px 0 no-repeat;
}
#topnavigation ul li.first a:hover {
	background:url(../img/topbtns_bg_ovr.gif) no-repeat;
}
#topnavigation ul li.last a:hover {
	background:url(../img/topbtns_bg_ovr.gif) right no-repeat;
}
.topnav_icons {
	margin:-10px 35px 0 0;
	float:left !important;
}
HTML>BODY .topnav_icons {
	margin:-10px 35px 0 0;
	float:left !important;
}
#lights {
	position:absolute;
	margin:10px 0 0 15px;
}
#logo {
	position:absolute;
	margin:45px 0 0 30px;
}
#clockpst {
	position:absolute;
	margin:45px 0 0 280px;
}
#clockest {
	position:absolute;
	margin:45px 0 0 400px;
}
#clockmountain {
	position:absolute;
	margin:45px 0 0 520px;
}
#reception_table {
	position:absolute;
	margin:99px 0 0 23px;
}
#sofaset {
	position:absolute;
	margin:125px 0 0 313px;
}
#projector {
	position:absolute;
	margin:25px 0 0 659px;
}
#maincontent {
	width:1002px;
}
#footer {
	width:100%;
	bottom:0px;
	height:15px;
	background:url(../img/footer_bg.gif) repeat-x;
	z-index:999;
}
/* =facielities
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

.hide {
	display:none;
}

.normalize, .normalize img {
	border:0;
	text-decoration:none;
	background:none;
	padding:0;
}

/*.uper, x:-moz-any-link {
	position: relative; top:-12px;
}*/

/* =colors
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.color_bronze {
	color:#ff6600;
}

/* =layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.wrap {
	width: 100%; 
	min-width: 980px; 
	position: relative; 
}


#contentside	{
	position: absolute;
	top: 0;
	bottom: 0; 
	left: 0;
	width: 980px; /*Width of frame div*/
	padding: 0;
}

#rightside	{
	position: absolute;
	top: 0; 
	left: 980px; /*Set left value to WidthOfFrameDiv*/
	right: 0;
	padding: 0;
	overflow:hidden;
	
}

* html #rightside { /*IE6 hack*/
	height: 100%; 
	width: 100%; 
}


.innertube {
	background:#513e2d url(../img/bg.jpg) repeat;

}

HTML>BODY .maintable {
	width:979px;
	height:100%;
	margin:0;
	padding:0 0 0 23px;
	background:url(../img/maincontent_bg.gif) right top no-repeat;
}
.maintable {
	width:993px;
	height:100%;
	margin:0;
	padding:0 0 0 9px;
	background:url(../img/maincontent_bg.gif) right top no-repeat;
}
.maintable ul.serviceslist {
	margin:0;
	padding:0;
}
.maintable ul.serviceslist li {
	margin:0 0 0 15px;
	padding:0;
	display:block;
	float:left;
	width:136px;
	height:292px;
	overflow:hidden;
	background:url(../img/services_bg.jpg) no-repeat;
	font-size:11px;
	font-weight:normal;
}
.maintable ul.serviceslist li a {
	/*border:1px dashed #FF0000;*/
	text-decoration:none;
	height:253px;
	width:100%;
	display:block;
}
.servicestxt {
	width:115px;
	height:165px;
	overflow:hidden;
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px !important;
	font-weight:normal;
}
.readmore {
	width:70px;
	position:absolute;
	height:44px;
	overflow:hidden;
	margin:-20px 0 0 55px;
	cursor:pointer;
}

.readmore a {
	cursor:pointer;
}
/* =top_belt
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#top_belt, #top_belt2 {
	height:56px;
	background: url(../img/bg_wall_top.gif) repeat-x;
	padding:0 0 0 0px;
	text-align: left;
	z-index: 1;
}

#top_belt h1 a, #top_belt2 h1 a {
	width:247px;
	height: 21px;
	display: block;
	background: url(../img/logo.gif) no-repeat;
	position:relative; top:11px; left:10px;
}
#top_belt h1 a:hover {
	background: url(../img/logo_a.gif) no-repeat;
}


#top_belt .left {
	width:300px;
	float: left;
	background: red;

}

#top_belt .right {
	margin-left:300px;
	width:680px;
	float: left;
}

#top_belt .clear {
	clear:both;
}


/* =menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#menu {
	list-style-type:none;
	text-align:left;
	padding:0;
	margin:0;
	position: relative;
	padding-left:20px;
	line-height: normal;
	width:582px;
	overflow:hidden;	
}

	#menu li {
		padding: 0;
		margin:0;
		float: left;
		margin-left:20px;
		background: red;
	}
	
		#menu li .menu_li_1 {
			display: block;
			height:19px;
			width:54px;
			background:url(../img/menu_li_01.gif) 0 0 no-repeat;
		}
		
		#menu li .menu_li_2 {
			display: block;

			height:19px;
			width:128px;
			background:url(../img/menu_li_02.gif) no-repeat;
		}
		
		#menu li .menu_li_3 {
			display: block;

			height:19px;
			width:64px;
			background:url(../img/menu_li_03.gif) no-repeat;
		}
		
		#menu li .menu_li_4 {
			display: block;

			height:19px;
			width:76px;
			background:url(../img/menu_li_04.gif) no-repeat;
		}
	
	
		#menu li .menu_li_1:hover, #menu li .menu_li_2:hover, #menu li .menu_li_3:hover, #menu li .menu_li_4:hover {
			background-position: 0 -19px;
		}
		
/* =uprising_format
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


.uprising {
	height:0;
	overflow:hidden;
	background:#cbd6df url(../img/bg_uprising.gif) top left repeat-x;
	width:100%;
	z-index:1;
}

.uprising .content {
	width:980px;
	text-align: left;
	overflow:hidden;
	height: 100%;
	position: relative;
	display: block;
}

#portfolio,#services,#Process,#aboutus,#contact {
	position:relative;
}
.panel h2, .works h2 {
	font-family: "Lucida Bright", Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	letter-spacing: -1px;
	color: #777777;
	margin-top: 0;
	font-size: 150%;
	font-weight: bold;
	padding-bottom:10px;

}

.works h2 {
	padding:20px 20px 10px 20px;
}

.panel p, .works p {
	line-height:14px;
	font-size:12px;
	color:#666666;
}

.works p {
	padding:10px 20px 10px 20px;
}

.works p .date {
	color:#8c6e55;
}

.works p em {
	text-decoration: line-through;
	font-style: normal;

}

.panel a {
	color:#FFFFFF;
	padding:3px;
	background:#99aebe;
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom: 1px solid #80644c;
	text-decoration:none;

}
.panel p img {
	float:left;
	border:1px dashed #777777;
	margin:0 15px 0 0;
}

.panel a:hover {
	background:#99aebe;
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom: 1px solid #80644c;

}

.panel a.webde_logo {
	position: relative; top:7px; left:10px;
	padding: 0;
	border: none;
	display: inline-block;
	width:62px;
	height:19px;
	background: url(../img/webde_logo.gif) 0 0 no-repeat;
}

.panel a.webde_logo:hover {
	background: url(../img/webde_logo.gif) 0 -19px no-repeat;
}


.panel a.logos {
	padding:0;
	background:none;
	border-top:0; border-left:0; border-right:0;
	border-bottom:0;
	text-decoration:none;
	margin:10px 5px 0 5px;
}

span.listings {

padding:0 0 6px 15px;
float:none !important;
display:block;
margin:0 0 5px 25px;
background:url(../img/bullet.gif) 0 4px no-repeat;
	
}

 
/* =slider
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



.slidemenu_id {list-style:none; width:965px; height:200px; display:block; overflow:hidden; position:relative; left:20px;}
.slidemenu_id li {float:left; display:inline; overflow:hidden; }
.slidemenu_id li img { 
	border:0;
}

.slidemenu_id li a {
	width:260px;
	height:100px;
	border-top:0; border-bottom: 0; border-right:0; 
	border-left:0;
}


.slidemenu_portfolio {list-style:none; width:965px; height:180px; display:block; overflow:hidden; position:relative; left:20px;}
.slidemenu_portfolio li {float:left; display:inline; overflow:hidden; }
.slidemenu_portfolio li img { 
	border:0;
}

.slidemenu_portfolio li a {
	width:260px;
	height:200px;
	border-top:0; border-bottom: 0; border-right:0; 
	border-left:0;
}


/* =contact
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.contact_left {
	width:490px;
	float:left;
	padding:0 0 0 20px;
	
}
.contact_right {
	padding:0 0 0 8px;
	width:452px;
	float:right;
	border-left:1px solid #66503e;
	
}

.icon_mail {
	display: block;
	line-height:40px;
	color:#777;
	text-decoration:none;
	padding:0px 0 20px 60px;
	background: url(../img/icon_mail.gif) 0 50% no-repeat;
}
.icon_mail span {
	color:#5ea2ea;
}

.website_link {
	display: block;
	line-height:40px;
	color:#777;
	text-decoration:none;
	padding:0px 0 20px 80px;
}

.website_link a
{
	text-decoration:none;
}
.website_link a:hover
{
	text-decoration:underline;
	color:#a00000;
}
.website_link span {
	color:#5ea2ea;
}

.icon_skype {
	display: block;
	color:#777;
	text-decoration:none;
	background: url(../img/icon_skype.gif) 0 50% no-repeat;
}

.icon_skype span {
	color:#faf371;
}

.text_mail{
	display: block;
	float:left;
	width:245px;
	line-height:16px;
	color:#777;
	text-decoration:none;
	padding:25px 0 0px 0;
}

.text_mail1{
	display: block;
	float:left;
	width:190px;
	line-height:16px;
	color:#777;
	text-decoration:none;
	padding:25px 0 0px 45px;
}

.text_mail1 a
{
	color:#777;
	text-decoration:none;
}
.text_mail1 a:hover
{
	color:#a00000;
	text-decoration:underline;
}



.form {
padding:0;
width:380px;
}

	.form fieldset {
		border:none;	
		padding:0px;
		margin:0;
	
	}


	.form .label {	
		width:120px;
		height:35px;
		float:left;
		display: block; 
		font-size: 12px;
		font-weight: normal;
		color:#777;
		line-height: 25px;
	}

	.form .div_texbox {
		width:250px;
		float:right;
		height:35px;

	}

	.form .div_texbox input {
		margin:3px 0 0 0;
		background:#fcfcfc;
		width:230px;
		font-size:11px;
		height:18px;
		border-bottom:1px solid #d0d0d0;
		border-right:1px solid #d0d0d0;
		border-left:0;
		border-top:0;
		color: #777;
	}

	.form .div_texbox textarea{
		margin:3px 0 0 0;
		background:#fcfcfc;
		font-size:11px;
		border-bottom:1px solid #d0d0d0;
		border-right:1px solid #d0d0d0;
		border-left:0;
		border-top:0;
		color: #777;
		height:60px;
	}


	#button_div {
		width:380px;
		position:relative; top:30px;
	}

		#button_div .left_f {
			margin: 0;
			padding: 0;
			width:95px;
			float: left;
			padding:0px 0 0 35px;	
		}
		
		#button_div .right_f {
			margin: 0;
			padding: 0;
			width:280px;
			float: right;
		}
		
		#button_div .right_f p {
			font-size: 10px;
			padding:0 0 0 3px;
			margin: 0;
			background:#d1d1d1;
			line-height: 30px;
		}
		
		.button_submit {
			padding:10px 10px 7px 10px;
			background: #587792;
			color:#ffffff;
			border:none;
			cursor: pointer; /* hand-shaped cursor */
		}
		
		.button_submit:hover {
			background: #86a0b6;
		}


#objects_layers h3 {
	position:relative; top:40px; left:20px;
	font-size:36px;
	letter-spacing: -1.5pt;
	color:#56412f;
}

#objects_layers h3 a {
	padding:10px;
	background: #fbedd2;
	border-top:0;
	border-right:0;
	border-left:0;
	border-bottom:1px solid #56412f;
	color:#777;
	text-decoration: none;
}


/* =footer
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */



.footer {
	font-size:11px;
	color:#402e1e;
	padding:50px 0 20px 10px;
	letter-spacing: normal;
}

.footer a {
	color:#37302b;
	text-decoration: none;
}

.footer a:hover {
	text-decoration:none;
	color:#16100a;
}

.footer span {
	margin-left:420px;
}

.footer .apple_logo {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../img/apple_logo.gif) 0% 50% no-repeat;
	position: relative; top:-5px; left:5px;
}


/*#objects_alt {
 width: 950px;
 height: 400px;
 position: absolute; left:0; right: 0;
 z-index: 10;
}
#objects_alt li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#objects_alt a {display: block; text-decoration: none;}

#acd {left: 230px; top: 10px; width: 410px; height: 220px; z-index: 40;}
#acd .hotspot {width: 400px; height: 220px;}

#telephone {left: 360px; top: 220px; width: 50px; height: 60px; z-index: 50;}
#telephone .hotspot {width: 50px; height: 60px; z-index: 100;}

#logitech3 {top:155px; left:625px; width: 50px; height: 60px; z-index: 50;}
#logitech3 .hotspot {width: 50px; height: 60px;}

#mbp {left: 80px; top: 220px; width: 220px; height: 250px; z-index: 50;}
#mbp .hotspot {width: 220px; height: 250px;}

#backup {left:50px; top: 70px; width: 90px; height: 100px; z-index: 50;}
#backup .hotspot {width: 90px; height: 100px;}*/


.hotspot {cursor:pointer;}
#tt {position:absolute; display:block; background:url(../img/tt_left.gif) top left no-repeat; z-index: 100;}
#tttop {display:block; height:5px; margin-left:5px; background:url(../img/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#777}
#ttbot {display:block; height:5px; margin-left:5px; background:url(../img/tt_bottom.gif) top right no-repeat; overflow:hidden}

.readmore {
	width:70px;
	position:absolute;
	height:40px;
	overflow:hidden;
	margin:-15px 0 0 55px;
}
.fill {
	background:#666666;
	background-color:#666666;
}

.seo_port
{
	width:auto;
	height:auto;
	margin:30px 0 0 60px;
	padding:0;
}
.seo_description {
	width:340px;
	padding:0 10px 0 0;
	float:left;
}

.cyan_2 {
	color:#1061AE;
}
.read_more_seo
{
	margin:0 0 0 180px;
	padding:0;
	display:block;
}

.sep_seo
{
	width:90px;
	margin:0;
	float:left;
	padding:0;
}

.sep_seo_vertical
{
	width:90px;
	text-align:center;
	background:url(../img/sep_two.jpg) center center no-repeat;
	margin:60px 0 0 0;
	padding:0;
	display:block;
	height:133px;
	/*	border:1px solid #FF0000;*/
	
}


.read_more_seo a {
	margin:9px 0 0 0;
	display:block;
	background:url(../img/success_link_bg.gif) 0 0 no-repeat;
	width:98px;
	height:13px;
	color:#ffffff;
	text-decoration:none;
	text-align:justify;
	padding:2px 0 2px 0;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	text-indent:-9000px;
}
.read_more_seo a:hover {
	text-decoration:none;
	background:url(../img/success_link_bg.gif) 0 -14px no-repeat;
}


.web_list
{
	color:#000000;
	text-decoration:none !important;
	width:95%;
	background:none !important;
}

.web_list a
{
	color:#000000;	
	text-decoration:none !important;
	background:none !important;
	font-family: "Lucida Sans Unicode", sans-serif;
	font-size: 11px;
	width:400px;
	border: 0;
	cursor:pointer;
}

.web_list a:hover
{
	color:#777777 !important;
	text-decoration:none !important;	
	background:none !important;	
}

.justigfy_text
{
	text-align:justify;
	display:block;
	width:85%;
	
}

.sep_seo_hori
{
	width:749px;
	height:18px;
	margin:0 0 0 75px;
	padding:0;
	background:url(../img/seprator_seo.jpg) left top no-repeat;
	/*	border:1px solid #FF0000;*/
	
}