/*DEFAULT RESETS */

/*========================================================================
The selectors in this stylesheet exist only to reset browsers in a way that
ensures they all start on the same level playing field. Credit for these selectors
goes to Mr. Eric Meyer (http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/)
========================================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/*==============================================================================
End Mr. Eric Meyer's reset selectors, 
==============================================================================*/
body {
    font: 80%/1.4em "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #2D2D2D; background: #fff;
	text-align: center;
}

/*====================
Link Styles
======================*/
a:link,  a:visited {color:#024BA5; text-decoration: none;}
/*a:focus, a:active,  {outline:none; color:#fff; background-color:blue;}*/
a:hover {text-decoration:underline;}

/*====================
Heading Styles
======================*/
h1 {font-size:1.7em; margin:.6em 0;}
h2 {font-size:1.6em; margin:.6em 0;}
h3 {font-size:1.3em; margin:.6em 0;}
h4 {font-size:1.1em; margin: .4em 0;}
h5 {font-size:1.05em; margin:.4em 0; font-style:italic;}

/*====================
List Styles
======================*/
dl, ol, ul {margin:1em 0;}
ol, ul {padding:0 0 0 2em;}
li, dd {margin:.25em 0;}
dt {font-weight:bold;}

/*====================
Table Styles
======================*/
th {font-weight:bold;}
td, th {padding:.3em .5em; text-align:left;}

/*====================
General Styles
======================*/
img {border:0;}
p {margin:1em 0; line-height: 125%}
hr {display:none;}
label {display:block;}
legend {padding:0 .5em;}
strong {font-weight:bold;}
blockquote {padding-left:2em;}
em, ins, del {font-style:italic;}
fieldset {padding:0 1em; border:1px solid #666;}
abbr, acronym, dfn {cursor:help; border-bottom:1px dotted #ddd;}
code, kbd, pre {font-family:Courier, "Courier New", Tahoma, sans-serif;}

/* END OF DEFAULT RESETS */

body {
	background: #fff;
	position: relative;
	background-image:url(backgroundgradient.png);
	background-repeat:repeat-y;
	background-position: top center;
	
}	

#preload {
	position: absolute;
	top: 0px;
	left: -9999em;
}	

#innerwrapper {
	width:75em;
	margin: 0 auto;
	text-align: center;
	position: relative;
}

#left_col {
	width: 48em;
	float: left;
	clear: left;
}	

#logo {
	display: inline;
	float: left;
	margin-top: 1em;
}

#banner {
	display: inline;
	float: left;
	margin-top: 2em;
	margin-bottom: 1.5em;
}

/*//////////////////////////////////////////////////////
//Creates a round-corner box 25/107 ems/////////////////
//////////////////////////////////////////////////////*/

.box {
	display: inline;
	float: left;
	width:25em;
	height:107em;
	background-color:#686876;
	background-image:url(/images/topleft.png);
	background-position:top left;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 2em; 
	padding: 0em;
	background-repeat:no-repeat;
	position: relative;
}

.box h3 a {
	color: #2D2D2D;
}

.box h3 a:hover {
	color: #FFF;
	background-color: #686876;
}		


.tRight {
	width:25em;
	height:107em;
	background-image:url(/images/topright.png);
	background-position:top right;
	background-repeat:no-repeat;
}


.bRight {
	width:25em;
	height:107em;
	background-image:url(/images/bottomright.png);
	background-position:bottom right;
	margin:0px; 
	padding:0px;
	background-repeat:no-repeat;
}


.bLeft {
	width:25em;
	height:107em;
	background-image:url(/images/bottomleft.png);
	background-position:bottom left;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
}

.inner_box {
	position: absolute;
	top: 2.5em;
	left: 1em;
	width: 20em;
	height: 100em;
	background-color: #fff;
	padding: 1.5em;
	padding-top: 0em; 
}

.inner_box h2 {
	font-size: 1.3em;
}	

.inner_box h3 a {
	color: #1669C7;
}	
	
.inner_box p {
	text-align: left;
}

.inner_box h3 a:hover {
	text-decoration: none;
}		

/*End*/


/*//////////////////////////////////////////////////////
//Creates a smaller rounded corner box//////////////////
//////////////////////////////////////////////////////*/

.box2 {
	display: inline;
	float: left;
	width:25em;
	height:70em;
	background-color:#5C5C6A;
	background-image:url(/images/topleft.png);
	background-position:top left;
	margin-top: 2em;
	margin-bottom: 2em;
	margin-left: 2em; 
	padding:0px;
	background-repeat:no-repeat;
	position: relative;
}

.tRight2 {
	width:25em;
	height:70em;
	background-image:url(/images/topright.png);
	background-position:top right;
	background-repeat:no-repeat;
}


.bRight2 {
	width:25em;
	height:70em;
	background-image:url(/images/bottomright.png);
	background-position:bottom right;
	margin:0px; 
	padding:0px;
	background-repeat:no-repeat;
}


.bLeft2 {
	width:25em;
	height:70em;
	background-image:url(/images/bottomleft.png);
	background-position:bottom left;
	margin:0px;
	padding:0px;
	background-repeat:no-repeat;
}

.inner_box2 {
	position: absolute;
	top: 2.5em;
	left: 1em;
	width: 20em;
	height: 63em;
	background-color: #fff;
	padding: 1.5em;
	padding-top: 0em; 
}

.inner_box2 h2 {
	display: block;
	line-height: 110%;
	margin-top: 2em;
	background-color: #fff;
}

.inner_box img, .inner_box2 img {
	float: left;
	display: inline;
	margin-top: .37em;
	margin-left: -1.15em;
	margin-right: -5em; /*fixes IE6 bug*/
}

.bus_logo1 img, .bus_logo2 img, .bus_logo3 img, .bus_logo4 img, .bus_logo5 img {
	float: left;
	clear: left;
	margin-left: 6em;
}

.bus_logo2 img {
	margin-left: 5.8em;
}

.bus_logo3 img {
	margin-left: 4em;
	margin-top: 1em;
}

.bus_logo4 img {
	margin-left: 6.5em;
	margin-top: 1em;
}

.bus_logo5 img {
	margin-left: 3em;
}

/*End*/

.info_intro {
	float: left;
	clear: left;
	text-align: left;
	width: 48em;
	position: relative;
}

.info_intro2 {
	float: left;
	clear: left;
	text-align: left;
	width: 48em;
	height: 61em;
}

.portfolio_container {
	display: inline;
	float: left;
	clear: left;
	text-align: left;
	width: 48em;
	height: 25em;
	margin-bottom: 1em;
	cursor: pointer;
}

.portfolio_container a:hover {
	text-decoration: underline;
}	

.portfolio_container img {
	float: left;
	margin-left: 2em;
}	

.portfolio_text {
	display: inline;
	float: left;
	width: 26em;
}



.article {
	float: left;
	clear: left;
	text-align: left;
	width: 48em;
	height: 62em;
}

.info_intro h1, .info_intro2 h1, .article h1 {
	color: #fff;
	padding: 0.5em;
	background-color: #686876;
}

.info_intro h2, .info_intro2 h2 {
	padding-left: 0.5em;
}

.photos {
	float: right;
	display: inline;
	margin-left: 2em;
}	

.footer {
	clear: left;
	float: left;
}	
		
body .footer ul li {
	display: inline;
	float: left;
	font-size: 1.0em;
	padding: .1em;
	margin-right: 1em;
	color: #686876;
	
}

body .footer li a:hover {
	color: #fff;
	background-color: #686876;
	text-decoration: none;
	
}

body .footer ul li img {
	background-color: #FFF;
	text-decoration: none;
}		



.credit, .designer {
	float: left;
	padding: 0.4em;
}

.designer a, .credit a, .footer a {
	color: #686876;
}


table {
	margin-left: 5em;
}					

table td {
	width: 15em;
}

#rates {
	display: inline;
	margin-left: 1em;
		
}

#sitemap a, #sitemap h3, #sitemap h4  {
	clear: left;
	float: left;
}			

#sitemap_page h3, #aboutus_page h3, #privacy_page h3, #links_page h3 {
	color: #fff;
	padding: 0.5em;
	background-color: #686876;
}

#home_page .sidebar_footer {
	color: #fff;
	padding: .5em;
	background-color: #686876;
}	

#privacy_page h4 {
	font-style: italic;
	
}

.article_link a:hover {
	text-decoration: underline;
}	

#english_icon {
	float: right;
	clear: right;
	margin-right: 1em;
}

#japanese_icon {
	float: right;
	clear: right;
	margin-top: 2.5em;
	margin-right: 1em;
}

.valid_code {
	text-decoration: none;
	background-color: #FFF;
}

#services_page li {
		
	
}	

#sidebar_header {
	display: inline;
	clear: both;
	float: left;
	margin-top: 1em;
	margin-left: .7em;
	padding-left: 2.5em;
	padding-top: 1.5em;
	color: #000000;
	background-image: url(../images/tools.png);
	background-position: left;
	background-repeat:no-repeat;
	height: 40px;
}


/*//////////////////////////////////////////////////////
//Styling for Contact Us Form///////////////////////////
//////////////////////////////////////////////////////*/

#send {
	background: #686876;
	color: #fff;
	border: 1px solid;
	clear: left;
	display: inline;
	margin-top: 2em;
	float: left;
	margin-top: 1em;
	
}

label {
	float: left;
	clear: left;
	display: inline;
	margin-top: 1em;
	text-align: left;
	font-weight: bold;
	font-size: 1.2em;
	
}

.formbox, textarea {
	float: left;
	clear: left;
	margin-top: 1em;
	background: #FFF;
	border: .1em solid;
	font-size: 1.2em;
	padding: .5em;
	font-family: Tahoma, sans-serif;
}	

.formbox {
	height: 1.5em;
	font-size: 1.2em;
	font-family: Tahoma, sans-serif;
}	

fieldset {
	border: 1em;
}

.warning1, .warning2 {
	display: inline;
	background-color: #FF6666;
	color: #FFFFFF;
	font-weight: bold;
}

.warning1 {
	font-size: 1em;
	height: 5em;
	padding: .2em;
	margin-bottom: 2em;
}

.warning2 {
	margin-left: 12em;
	font-size: .8em;
	padding: .2em;
}

.success {
	clear: left;
	float: left;
	display: inline;
	background-color: #006600;
	color: #FFFFFF;
	font-weight: bold; 
	font-size: 1.2em;
	padding: .2em;
}

#contactusinfo {
	display: inline;
	clear: left;
	float: left;
	margin-top: 0em;
	text-align: left;
	
}

#contactid {
	display: inline;
	clear: both;
	float: left;
}	

.boldred {
	color: red;
	font-weight: bold;
}

#spamtrap {
	display: none;
	
}


#contact_page label {
	width: 500px;
	line-height: 120%;
}

.share {
	float: left;
}


.indent input {
	float: left;
	clear: left;
	width: 30px;
	margin-top: 18px;
	display: inline;
}


.indent label {
	float: left;
	clear: none;
	font-weight: normal;
	font-size: 1.2em;
}

.labelBlock {
	font-weight: bold;
	font-size: 1.2em;
	display: block;
	float: left;
	clear: left;
}

form #name, form #email {
	width: 200px;
	height: 20px;
	float: left;
	clear: left;	
}

form #comment, form .quote_box {
	width: 580px;
}

.show {
	display: normal;
}

.remove {
	display: none;	
}

#previous {
	margin-top:20px;
	float:left;
	clear:none;
	cursor: pointer;
}

#next {
	margin-top:20px;
	margin-right: 20px;
	float:right;
	clear:none;
	cursor: pointer;
}

.question_color {
	color: #686876;
}

/* JQuery Validation Styling */
form label.error	{
	font-size: 0.8em;
	color: #F00;
	font-weight: bold;
	display: block;
	margin-left: 0px;
}

form input.error, form select.error {
	background: #FFA9B8;
	border: 1px solid red;
	height: 20px;
}	

/*End of styling*/


/*//////////////////////////////////////////////////////////////////////////////
//Dynamic Drive Menu: Styling for Glossy Horizontal Menu///////////////////////
//Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) //////////////
//Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) ///
/////////////////////////////////////////////////////////////////////////////*/


.glossymenu{
	position: relative;
	padding: 0 0 0 5px;
	margin: 15px auto 0 auto;
	background: url(../images/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
	
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0px 22px 0 7px; /*Padding of menu items*/
}

#home_page #home a, #services_page #services a, #prices_page #prices a, #faq_page #faq a, #contact_page #contact a, #blog_page #blog a, #portfolio_page #portfolio a, .articles li a, .glossymenu li a:hover {
	color: #fff;
	background: url(../images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
	margin-top: -3px;
}

#home_page #home a b, #services_page #services a b, #prices_page #prices a b, #faq_page #faq a b, #contact_page #contact a b, #blog_page #blog a b, #portfolio_page #portfolio a b, .articles a b, .glossymenu li a:hover b {
	color: #fff;
	background: url(../images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}


/*End of styling*/



/*//////////////////////////////////////////////////////
//Styling for FAQ Accordion/////////////////////////////
//////////////////////////////////////////////////////*/


#accordion h3:hover {
	cursor:pointer;
	background-image:url(../images/595px_light.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color: #000;
}

#accordion h3 {
	color: #fff;
	padding-top: 7px;
	padding-left: 10px;
	height:32px;
	background-image:url(../images/595px.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#accordion p {
	padding-right: 15px;
}

/*End of styling*/

/*//////////////////////////////////////////////////////
//Styling for Smooth Pop Up Box////////////////////////
/////////////////////////////////////////////////////*/

#free_website {
	position: absolute;
	top: -9.5em;
	left: 18.5em;
	z-index: 5;
}

#backgroundPopup{  
 display: none;  
 position:fixed;  
 _position:absolute; /* hack for internet explorer 6*/  
 height:100%;  
 width:100%;  
 top:0;  
 left:0;  
 background:#000000;  
 border:1px solid #cecece;  
 z-index:10;  
}  

#popupContact{  
 display: none;  
 position: absolute;
 z-index: 20;
 margin-top: 30em;
 /* _position:absolute; /* hack for internet explorer 6*/ 
 height:400px;  
 width:408px;  
 background:#FFFFFF;  
 border:2px solid #cecece;  
 padding:12px;  
 font-size:13px;
 text-align: left;
}

#popupContact h1{  
 text-align:left;  
 color:#6FA5FD;  
 font-size:22px;  
 font-weight:700;  
 border-bottom:1px dotted #D3D3D3;  
 padding-bottom:2px;  
 margin-bottom:20px;  
}  

#popupContactClose{  
 font-size:20px;  
 line-height:14px;  
 right:-10px;  
 top:4px;  
 position:absolute;  
 color:#6fa5fd;  
 font-weight:700;  
 display:block;
 cursor: pointer;
 width:25px;
 height: 25px;  
}  

/*End of styling*/

/*//////////////////////////////////////////////////////
//Styling for Home Page Accordion/////////////////////////////
//////////////////////////////////////////////////////*/
#accordion {
	margin-top: 35px;
}	

.box #accordion h3:hover {
	cursor:pointer;
	background-image:url(../images/255px_light.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color: #000;
}

.box #accordion h3 {
	color: #fff;
	padding-top: 7px;
	padding-left: 10px;
	height:32px;
	background-image:url(../images/255px.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

.box #accordion h3 a {
	color: #fff;
}

.box #accordion h3 a:hover {
	color: #fff;
	background:#cccccc;
}

#home_page .box img {
	margin-left: 28px;
	margin-bottom: 20px;
}

.box p {
	clear: left;
	margin-top: 25px;
}		

/*End of styling*/