@charset "utf-8";
/* CSS Document */
/* FONT SIZE CHART
Our base for the page is 12px = .75em from browser (16px) and we declare it on the outter wrapper of the page

Values below are ems based on percentages from 12px
.83em .......... 10px
.92em .......... 11px
.1em ........... 12px OUR DEFAULT
1.08em ......... 13px
1.16em ......... 14px
1.25em ......... 15px
1.33em ......... 16px
1.5em .......... 18px
1.58em ......... 19px
1.75em ......... 21px
*/

/****************************************************************** GLOBAL SETTINGS */
* { margin:0; padding:0; }
body { font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; font-size:100.1%; text-align:center; color:#333; width:100%; background-color:#EDF2E7; }
img{ border:0 none; }
p { padding-bottom:.83em }
h1 { font-size:1.75em; padding-bottom:.83em; font-weight:normal; }
h2 { color:#FCA03D; font-size:1.58em; margin-bottom:.83em; font-weight:normal; text-align:left; }
ul { list-style-position:inside; padding-left:1.67em; padding-bottom:.83em; }
ul li { padding-bottom:.42em; }
select, .textbox, textarea { padding:.25em; font-family:Century Gothic, Verdana, Arial, Helvetica, sans-serif; }
form { display:inline; }

#outside-wrapper { margin:0 auto; font-size:.75em; width:83.67em; min-width:83.67em; background:url(/images/bgn-side-shadow.png) 50% 0% no-repeat; }
#wrapper { margin:0 auto; width:80.83em; position:relative; background-color:#FFF; text-align:left; text-align:left; }
#content { margin:1.67em 0 1.67em 1.67em; }
#col1 { float:left; width:17em; }
#col2 { float:left; width:34.42em; margin-left:1.67em; }
#col3 { margin-left:53.08em; }

#chat { background:url(/images/bgn-chat.jpg) 100% 0% no-repeat; height:5.58em; margin-top:1.67em; padding:.25em 0 0  6.83em; color:#333; }
#chat .need-help { font-size:1.25em; font-weight:bold; }
#chat .chat-live { color:#F17A21; font-weight:bold; text-decoration:underline; font-size:1.25em; }

#col1_row1 { text-align:center; }
#col1_row1 img { padding-bottom:.83em; }

#working-international { background:url(/images/bgn-international.jpg) 100% 50% repeat-y; color:#FFF; padding:.25em 0; }
#working-international .wi-title { float:left; width:14.17em; text-align:left; padding-left:2.5em; }
#working-international .wi-whats-this { margin-left:14.17em; text-align:right; padding-right:.83em; }
#working-international .wi-whats-this a { color:#FFF; text-decoration:underline; }

#recent-work { margin:1.67em 0 0 1.67em; }
#recent-work .title { padding-left:.75em; font-size:1.25em; font-weight:bold; }
#recent-work .title .recent { color:#F17A21; }
#recent-work .title .work { color:#333; }
#recent-work .samples { margin-top:10px; text-align:right; }

#left_nav { list-style-type:none; list-style-position:outside; padding-left:0; }
#left_nav li { font-size:1.08em; padding-bottom:.42em; text-align:left; }
#left_nav li a { color:#FCA03D; text-decoration:none; background:url(/images/arrow1.jpg) 0% 80% no-repeat; padding-left:.83em; }
#left_nav a.left-link-on, #left_nav li a:hover { color:#1E2222; text-decoration:none; background:url(/images/arrow2.jpg) 0% 80% no-repeat; padding-left:.83em; }

.clear { clear:both; }
.hidden { display:none; }
.alert { color:#900; }

/*********************************************************************** CONTACT US */
#contact_us .company_title { font-size:1.75em; font-weight:normal; }
#contact_us .contactForm { padding-top:.83em; }
#contact_us label { float:left; width:9.16em; }
#contact_us .textbox { width:16.66em; font-size:1em; }
#contact_us textarea { height:8.33em; font-size:1em; }
#contact_us option { padding-right:.25em; }
#contact_us .sub_option { padding-left:1.66em; font-style:italic; }
#contact_us .submit { padding-left:9.16em; }
#contact_us .but { width:8.33em; }

/************************************************************************ PORTFOLIO */
#portfolio #col2 { float:left; }
#portfolio .portfolio_movie { z-index:1; }

/********************************************************************* TESTIMONIALS */
#testimonials .testimonial_text { font-style:italic; }
#testimonials .testimonial_row { border-bottom:1px solid #CCC; }
#testimonials p { padding:.83em 0; }

/**************************************************************************** TOOLS */
#tools .tools_logos { padding-bottom:.83em; }

/*************************************************************************** HEADER */
#header { height:12.75em; background:#1E2222 url(/images/header-leaf.png) 100% 0% no-repeat; }
#header-top-row { height:10.83em; }
#logo { float:left; width:173px; margin-left:2.92em; margin-top:2.5em; }
#header-titles { float:left; width:27em; margin-left:1.67em; margin-top:1em; }
#header-right { margin-left:47em; padding-right:.83em; }
#logos { text-align:right; padding-top:.83em; }

#top-nav { text-align:right; padding-top:3.33em; }
#top-nav-options { float:left; width:28em; }
#top-nav-options ul { list-style-type:none; padding-top:.33em; }
#top-nav-options li { display:inline; padding-right:.42em; }
#flags { margin-left:28em; }

a.page-off { color:#B8D047; text-decoration:none; }
a.page-off:hover { color:#F17A21; text-decoration:underline; }
a.page-on { color:#F17A21; text-decoration:none; }

a.page-off-white { color:#FFF; text-decoration:none; }
a.page-off-white:hover { color:#F17A21; text-decoration:underline }

#header-bottom-row { height:1.5em; background:#595554 url(/images/bgn-top-nav.jpg) 0% 0% repeat-x; padding-top:.42em; }
#header-bottom-row .nav-left { float:left; width:81%; margin-left:1.67em; text-align:left; }
#header-bottom-row .nav-right { margin-left:81%; text-align:right; margin-right:1.67em; }

#sddm {	margin:0; padding:0; z-index:1000; }
#sddm li { margin:0; padding-right:.83em; list-style:none; float:left; }
#sddm li a { display:block; margin:0; width:auto; }
#sddm div {	position:absolute; visibility:hidden; margin:0; padding:0; background:#010101 url(/images/bgn-top-subnav.jpg) 0% 0% repeat-x; overflow:hidden }
#sddm div a { position:relative; display:block; text-decoration:none; color:#FECE9B; margin:.25em .83em; padding-bottom:.25em; background:url(/images/subnav-separator.jpg) 0% 100% no-repeat; }
#sddm div a:hover {	color:#F17A21; text-decoration:underline }
#sddm div a.child { background:none; }
#sddm div a.sub-options { padding-left:.83em; }

/******************************************************************* OTHER SERVICES */
#cyber_cafe .sub_title { color:#636466; font-size:.76em; }
#cyber_cafe .contact_info { font-size:1.17em; }
#cyber_cafe .come_surf { color:#F17A21; }
#cyber_cafe #col1 { text-align:left; }
#cyber_cafe .img_graphics { text-align:right; }

#photography .sub_title { color:#F17A21; font-size:.76em; }
#photography .ptitle { color:#F17A21; font-weight:bold; font:1.5em; }
#photography #col2 a { color:#333; text-decoration:underline; }
#photography .slide_show { text-align:right; padding-right:.83em; }
#photography .slide_button { padding:10px 0 0 2.08em; text-align:left; }
#photography .ptitle_black { color:#1E2222; font-weight:bold; font-size:1.33em; }

#maintenance .img_maintenance { text-align:right; }
#maintenance .sub_title { color:#F17A21; font-size:.76em; }
#maintenance .why_maintenance { font-size:1.25em; font-weight:bold; color:#1E2222; }
#maintenance .ptitle { color:#F17A21; font-weight:bold; font:1.17em; }
#maintenance .ptitle_black { color:#1E2222; font-size:1.17em; }
#maintenance .contact_info { font-size:1.17em; }

#repair .img_repair { text-align:right; }
#repair .sub_title { color:#F17A21; font-size:.76em; }
#repair .ptitle_black { color:#1E2222; font-size:1.17em; }
#repair .contact_info { font-size:1.17em; }

/*************************************************************************** FOOTER */
#footer { background:#FFF url(/images/bottom-leafs.jpg) 0% 0% no-repeat; padding-top:7.5em; height:11.5em; text-align:center; font-size:.83em; }