/* CSS Document */

/* IMPORTED STYLES */
@import url("reset.css");
@import url("menu.css");

/*GLOBAL*/
html{
	width:100%;
	height:100%;
	color:#44332B;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 62%;
}
body{width:100%; height:100%; min-width:960px; text-align:center; background:#ffffff url(bg.gif) repeat-x top;}
a, a:visited{text-decoration:none; color:#0A5D7E;}
.img_left{margin:4px 12px 0px 0px; padding:0px; display:block; float:left;}
.img_right{margin:4px 0px 0px 12px; padding:0px; display:block; float:right;}

/* MAIN LAYOUT */
#background{
	margin:auto;
	width:100%;
	background:url(bg_flourishes3b.png) no-repeat center 321px;
	position:relative;
}
#container{margin:auto; padding:0px; width:960px; height:100% !important; min-height:900px; height:751px; position:relative; text-align:left;}
#shadow{
	position:absolute;
	top:86px;
	left:0px;
	width:960px;
	height:732px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/shadow.png');			background-image: url(maingbg_shadowpg.png);
	background-repeat: no-repeat;
}
#notebook{
	position:absolute;
	top:94px;
	left:37px;
	width:900px;
	height:573px;
	background-image: url(mainbg.jpg);
	background-repeat: no-repeat;
}
#card{
	position:absolute;
	top:670px;
	left:478px;
	width:426px;
	height:120px;
	background: url("card2.png") no-repeat;
}
#logo{
	position:absolute;
	top:94px;
	left:85px;
	width:248px;
	height:58px;
	text-indent:-9999px;
}
#logo a{
	display:block;
	width:248px;
	height:58px;
	position:absolute;
	left:-2px;
	top:0px;
}
#menu{
	position:absolute;
	top:92px;
	right:29px;
	width:565px;
	height:70px;
	list-style-type: none;
}
#login a{
	position:absolute;
	top:26px;
	right:32px;
	width:123px;
	height:35px;
	text-indent:-9999px;
	background:url(login2.png) no-repeat !important;
	background:url(login.gif) no-repeat;
}
#login a:hover{
	background:url(login.gif) no-repeat 0px -30px;
}
#blog{
	position:absolute;
	top:26px;
	right:160px;
	width:306px;
	height:35px;
	text-indent:-9999px;
	background:url(blog2.png) no-repeat !important;
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/blog.png');}

/* HOMEPAGE */
#email{
	display:block;
	width:359px;
	height:60px;
	padding:50px 0px 0px 69px;
	position:absolute;
	left:476px;
	top:669px;
	background:url(bg_form2.png) no-repeat 50px 18px;
}
input{
	border:none;
	background:none;
	color:#333333;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#submit{
	width:83px;
	height:39px;
	top:38px;
	left:298px;
	position:absolute;
	z-index:4;
	background-image: url(btn_submit.png);
	background-repeat: no-repeat;
}
#submit:hover, #submit.over{
	background:url(btn_submit.png) no-repeat 0px -39px;
}

#why13{
	position:absolute;
	top:184px;
	left:82px;
	width:230px;
	height:385px;
	padding:36px 10px 0px 3px;
	background:url() no-repeat;
	overflow:hidden;
	font-size:1.2em;
	line-height:1.64em;
}
#why13 h2{height:0px; text-indent:-9999px; display:none;}
#why13 p{padding-bottom:10px;}
a#meet{display:block; width:103px; height:38px; background:url(meet.gif) no-repeat; text-indent:-9999px;}
a#meet:hover{background:url(meet.gif) no-repeat 0px -38px;}

#frame{
	display:block;
	width:583px;
	height:444px;
	position:absolute;
	left:333px;
	top:190px;
	background:url(frame2.gif) no-repeat;
	z-index:5;
}
#slideshow{display:block; width:562px; height:450px; position:absolute; left:344px; top:200px;}
#slideshow img{position:absolute; top:0; left:0; z-index:2; opacity:0.0}
#slideshow img.active{z-index:4; opacity:1.0;}
#slideshow img.last-active{z-index:3;}
a#view{
	display:block;
	width:247px;
	height:38px;
	background:url(view2.gif) no-repeat;
	text-indent:-9999px;
	position:absolute;
	top:596px;
	right:65px;
	z-index:6;
}
a#view:hover{
	background-image: url(view2.gif);
	background-repeat: no-repeat;
	background-position: 0px -38px;
}

#copyright{
	position:absolute;
	top:694px;
	left:32px;
	width:364px;
	height:50px;
	background:url(copyright2.png) no-repeat;
	text-indent:-9999px;
}
#copyright a{
	display:block;
	width:52px;
	height:36px;
	position:absolute;
	left:192px;
	top:1px;
}




/* CONTENT PAGES */
#portfolio_menu{position:absolute; top:200px; left:78px; width:138px; height:245px;}
#portfolio{position:absolute; top:182px; left:232px; width:681px; height:461px; z-index:5;}
#portfolio p{padding:20px 0px 10px 3px; font-size:1.2em; line-height:1.8em; width:240px;}
#column1{
	position:absolute;
	top:200px;
	left:81px;
	width:245px;
	height:440px;
	padding:0px 36px 0px 3px;
	overflow:hidden;
	font-size:1.2em;
	line-height:1.8em;
}
#column2{
	position:absolute;
	top:200px;
	left:365px;
	width:244px;
	height:440px;
	padding:0px 36px 0px 3px;
	overflow:hidden;
	font-size:1.2em;
	line-height:1.8em;
}
#column3{
	position:absolute;
	top:200px;
	left:645px;
	width:245px;
	height:440px;
	padding:0px 36px 0px 3px;
	overflow:hidden;
	font-size:1.2em;
	line-height:1.8em;
}
#columnServices{
	position:absolute;
	top:200px;
	left:366px;
	width:188px;
	height:440px;
	padding:0px 16px 0px 46px;
	overflow:hidden;
	font-size:1.2em;
	line-height:1.8em;
}
#columnInquiry{
	position:absolute;
	top:200px;
	left:366px;
	width:238px;
	height:440px;
	padding:0px 16px 0px 0px;
	overflow:hidden;
	font-size:1.2em;
	line-height:1.8em;
}


#column1 h2{height:72px; text-indent:-9999px; padding-bottom:28px;}
h2#about{
	background:url(title_about.png) no-repeat;
}
h2#products{
	background:url(title_products.gif) no-repeat;
}
h2#services{
	background:url(title_services.gif) no-repeat;
}
h2#contact{
	background:url(title_contact.png) no-repeat;
}
h2#inquiry{
	background:url(title_inquiry.gif) no-repeat;
}
h2#success{
	background:url(title_success.gif) no-repeat;
}
h2#fail{
	background:url(title_fail.gif) no-repeat;
}
h2#thanks{background:url(title_thanks.gif) no-repeat;}
h2#client{background:url(title_login.gif) no-repeat;}

#column1 p, #column2 p, #column3 p{padding:0px 0px 10px 3px;}
#column1 blockquote{padding:0px 0px 10px 3px; line-height:1.65em; }
#column1 form{padding:6px 0px 4px 0px;}
#column1 input{display:block; width:218px; border:1px dashed #877873; margin-bottom:10px; padding:4px 4px 5px 6px; font-size:1.3em; line-height:1.18em; background:#ffffff; color:#877873;}
#column1 #message{height:176px;}
#submit_btn{background:url(btn_submit2.gif) no-repeat; width:108px; height:38px; border:none; padding:0px; display:block; position:absolute; top:186px; cursor:pointer;}
#submit_btn:hover{background:url(btn_submit2.gif) no-repeat 0px -38px;}
#alert{color:#39877C; font-style:italic; display:block; line-height:1.6em; position:absolute; top:80px; display:none;}

.credit{
	color:#39877C;
	font-style:italic;
	display:block;
	padding:7px 0px 16px 0px;
	line-height:1.6em;
}
.end{display:block; padding:8px 0px 0px 0px;}

#column1 a, #column2 a, #column3 a{color:#39877C;}
#column1 a:hover, #column2 a:hover, #column3 a:hover{border-bottom:1px dashed #39877C;}
#column3 p#caption{padding:224px 0px 10px 3px; font-size:.9em; line-height:1.5em; font-style:italic; text-align:justify; color:#877873;}

#about1_pic{
	position:absolute;
	top:349px;
	left:678px;
	width:251px;
	height:303px;
	background:url(pic_about1.png) no-repeat !important;
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/pic_about1.png');}
#about2_pic{position:absolute; top:176px; left:620px; width:332px; height:242px;  background:url(pic_about2.png) no-repeat !important; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/pic_about2.png');}
#whereabouts_pic{
	position:absolute;
	top:210px;
	left:534px;
	width:404px;
	height:304px;
	background:url(pic_whereabouts.png) no-repeat !important;
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/pic_whereabouts.png');}
#whereabouts_pic a{
	display:block;
	position:absolute;
	width:404px;
	height:304px;
	left: -2px;
	top: -2px;
}
#products_pic{
	position:absolute;
	top:208px;
	left:338px;
	width:687px;
	height:434px;
	background:url(products.png) no-repeat !important;
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/pic_whereabouts.png');}
#products_pic a{display:bloack; position:absolute; width:404px; height:304px;}
#services_pic{
	position:absolute;
	top:258px;
	left:622px;
	width:256px;
	height:347px;
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/services_pic.png');		background-color: url;
	background-image: url(services_pic.jpg);
	background-repeat: no-repeat;
}
#inquiry_pic{
	position:absolute;
	top:258px;
	left:622px;
	width:256px;
	height:347px;
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/services_pic.png');	background-color: url;
	background-image: url();
	background-repeat: no-repeat;
}
#success_pic{
	position:absolute;
	top:258px;
	left:622px;
	width:256px;
	height:347px;
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/services_pic.png');	background-color: url;
	background-image: url();
	background-repeat: no-repeat;
}
#fail_pic{
	position:absolute;
	top:258px;
	left:622px;
	width:256px;
	height:347px;
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='gui/services_pic.png');	background-color: url;
	background-image: url();
	background-repeat: no-repeat;
}

p#contact_info{
	padding:18px 0px 10px 3px;
	font-size:1.2em;
	line-height:1.4em;
}
.smallcaps{
	font-variant:normal;
	text-transform:none;
	color:#877873;
	font-size:1em;
	display:block;
}


/* HIDDEN ELEMENTS */
hr{display:none;}
.clear{clear:both; height:0px;}