html
{
	margin: 0 auto;
}

body
{
	margin: 0 auto;
	background-color: #d9d9d9;
}

img
{
	border: 0px;
}

.wrapper
{
	margin: 0 auto;
	width: 1000px;
}

.header
{
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	width: 1088px;
	height:630px;
	position:fixed;
	top:0px;

}



.flash
{
        margin: 0 auto;
        margin-top: 10px;
        padding-left: 20px;
		width:643px;
        height: 276px;

        
}
.banner_slider
{
        margin: 0 auto;
        margin-top: 10px;
        padding-left: 20px;
        width:665;
	height:300px;

        
}

.left_col
{
	position:fixed;
	background:url(images/left_col.png);
	background-repeat:no-repeat;
	width: 299px;
	height:547px;
	top:52px;
}
.nav{
   margin-top: -45px;
       height: 550px;
   width:299px;
background:url(images/nav_bg.png);
	background-repeat:no-repeat;
}

.nav a
{
	color: #323232;
	text-decoration:none;
}

.nav ul 
{
	list-style:none;
	display:block;
}
.nav li
{
	padding-bottom:10px;
}

ul.fg-menu li { list-style:none; color: #323232;  }
.positionHelper { }
.positionHelper .fg-menu-container {}
.positionHelper .ui-widget {}
.positionHelper .fg-menu-container ul.fg-menu {}



.hidden { position:fixed; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }

.content_container
{
	font-size: 12px;
	background-color:;
	font-family: Arial, Helvetica, sans-serif;
	width: 665px;
	min-height: 300px;
	margin-left: 299px;
	padding: 10px 12px 10px 12px;
	position:relative;

}

.content
{
        width:665px;
	color:#323232;
        padding-top:20px;
        padding-left:20px;
}

.content p a
{
	color:#ab5830;
        /*text-decoration:none;*/ 
}


.content_button
{
        width:665px;
        margin-left: 0px;
}
h1{ color:#196f87;}

h2{ color:#ab5830;font-weight:100;}

.footer
{
	margin: 0 auto;
	font-size:11px;
	width: 750px;
	height: 56px;
	padding: 10px 20px 0px;
	margin-left: 0px;
	position:relative;
}

.footer p, .footer label{ color:#323232;font-family:Arial, Helvetica, sans-serif; 
}

.footer_menu
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 10px;
	padding-top: 120px;
	margin-top: -90px;
	height: 61px;
	width: 650px;
    z-index: 0;
       
}

.footer_menu a 
{ 
	color: #27536b;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline; 
	padding-left: 2px;
	padding-right: 2px;
} 

.footer_menu ul li { 
display:inline; 
list-style-type:none;
z-index: -2;
}

.footer_menu ul li a 
{ 
	color: #393a3a;
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none; 
	padding-left: 2px;
	padding-right: 2px;
} 



.footer_menu ul li a:hover 
{ 
	color: #000;
	text-decoration:none; 
	padding-left: 2px;
	padding-right: 2px;
}



.footer_menu ul { padding:0px; margin:0px;margin-bottom: 5px;}

.lists{
	background:#e6e6e6;
	color:#323232;
	width:  665px;
        height: 22px;
	text-align:right;
	overflow:hidden;
        
}
.lists a img{
        height: 22px;
        margin-left: -335px;

}

/*nav CSS*/



/* Social Menu CSS */

.social{
	margin-top: 50px;
	width: 300px;
        height:50px;
}

.sharing-cl{
	  overflow:hidden;
	  margin-left:0px;
	  padding:0;
	  list-style:none;
	}
	.sharing-cl a{
	  overflow:hidden;
	  width:70px;
	  height:30px;
	  float:left;

	  text-indent:-200px;
	  background:url("/images/share-sprite.png") no-repeat;
	}
.sharing-cl a:hover{
    margin-top:0px;
}
	a.sh-su{background-position:-210px -40px;}
	a.sh-feed{background-position:-70px -40px;}
	a.sh-tweet{background-position:-140px -40px;}
	a.sh-mail{background-position:0 -40px;}
	a.sh-digg{background-position:-280px -40px;}
	a.sh-face{
	  margin-right:0;
	  background-position:-350px -40px;
	}
	a.sh-mail:hover{background-position:0 1px;}
	a.sh-feed:hover{background-position:-70px 1px;}
	a.sh-tweet:hover{background-position:-140px 1px;}
	a.sh-su:hover{background-position:-210px 1px;}
	.sh-digg:hover{background-position:-280px 1px;}
	a.sh-face:hover{
	  background-position:-350px 1px;
	}
 	#text{
	  font-weight:bold;
	  font-family:helvetica,arial,sans-serif;
	}

	#text a{
	  text-indent:0;
	  height:auto;
	  text-align:center;
	  font-size:11px;
	  padding-top:35px;
	  color:#999;
	  text-decoration:none;
	}

.projects{
      padding-top: 10px;
      margin-left: 20px;
}
.banner_bottom
{
 background:url("/images/banner_bottom.png") no-repeat;
 width: 665px;
 height:59px;
 margin-top: -50px;  //do not remove it
}
.left_content
{
      width:320px;
      float: left;
      font-family: Arial, Helvetica, sans-serif;
      color:#323232;
   
	position:relative;
}

.left_content h2
{
      color:#196f87;
      font-size:14px;
      font-family: Arial, Helvetica, sans-serif;
}

.left_content a
{
      color:#ab5830;
      font-family: Arial, Helvetica, sans-serif;
      text-decoration:underline;
}

.left_content a:hover
{
      color:#ab5830;
      font-family: Arial, Helvetica, sans-serif;
      text-decoration:none;
}

.left_content ul li
{
      color:#323232;
      font-family: Arial, Helvetica, sans-serif;
}

.right_content
{
      width:320px;
      float: left;
      font-family: Arial, Helvetica, sans-serif;
      padding-left:10px;
}

.right_content h2
{
      color:#196f87;
      font-size:14px;
      font-family: Arial, Helvetica, sans-serif;

}

.right_content ul li
{
      color:#323232;
      font-family: Arial, Helvetica, sans-serif;
}

div.sec_testimonials div.nav_links a.prev
{
	float:right;
	display:block;
	width:28px;
	height:25px;
	top:0px;
	left:0px;
	margin-right:5px;
	background:url(/images/project_nav.png) no-repeat 0 0;
}

div.sec_testimonials div.nav_links a.next
{
	float:right;
	display:block;
	width:28px;
	height:25px;
	top:0px;
	left:0px;
	background:url(/images/project_nav.png) no-repeat 0 -25px;
}
div.sec_testimonials
{
	position:relative;
	left:0px;
	top:0px;
	padding:15px;
	float:left;
	width:655px;
       
}

div.sec_testimonials h1
{
        margin-top:-1px;
}

div.sec_testimonials div.nav_links
{
	position:absolute;
	right:15px;
	top:15px;
	width:62px;
}



#testimonials_container
{
	width:655px;
	position:relative;
	left:0px;
	top:0px;
	height:160px;
	overflow:hidden;
     
}

#testimonials_container div.item
{
	position:absolute;
	left:0px;
	top:0px;
	width:655px;
	height:160px;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
}
.nav_up{
	padding:7px;
	background-color:white;
	border:1px solid #CCC;
	position:fixed;
	background:transparent url(/images/arrow_up.png) no-repeat top left;
	background-position:50% 50%;
	width:20px;
	height:20px;
	bottom:10px;
	opacity:0.7;
	left:1330px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}
.nav_down{
	padding:7px;
	background-color:white;
	border:1px solid #CCC;
	position:fixed;
	background:transparent url(/images/arrow_down.png) no-repeat top left;
	background-position:50% 50%;
	width:20px;
	height:20px;
	bottom:10px;
	opacity:0.7;
	left:1370px;
	white-space:nowrap;
	cursor: pointer;
	-moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
    -khtml-border-top-left-radius:3px;
	-khtml-border-top-right-radius:3px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

/* js-disabled class - set image sizes so they all fit in the viewer */
.js-disabled img { width:100px; height:100px; display:block; float:left; margin:30px 0 0; }

#outerrotator_container { width:665px; height:202px; margin:auto; position:relative; }
#imageScroller { width:663px; height:202px; position:relative; background: url(/images/imageScrollerBG1.png) no-repeat; }
#viewer { width:663px; height:182px; overflow:hidden; margin:auto; position:relative; top:10px; }
#imageScroller a:active, #imageScroller a:visited { color:#000000; }
#imageScroller a img { border:0; }
#controls { width:663px; height:47px; background:url(/images/controlsBG.png) no-repeat; position:absolute; top:4px; left:4px; z-index:10;	}
#controls a { width:37px; height:35px; position:absolute; top:3px; }
#controls a:active, #controls a:visited { color:#0d0d0d; }
#title { color:#ffffff; font-family:arial; font-size:100%; font-weight:bold; width:100%; text-align:center; margin-top:10px; }
#rtl { background:url(/images/rtl.png) no-repeat; left:100px; }
#rtl:hover { background:url(/images/rtl_over.png) no-repeat; left:99px; }
#ltr { background:url(/images/ltr.png) no-repeat; right:100px; }
#ltr:hover { background:url(/images/ltr_over.png) no-repeat; }


#menuLog { font-size:1.4em; margin:20px; }
	.hidden { position:absolute; top:0; left:-9999px; width:1px; height:1px; overflow:hidden; }
	
	.fg-button { clear:left; margin:0 4px 40px 20px; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	a.fg-button { float:left;  }
	button.fg-button { width:auto; overflow:visible; } /* removes extra button width in IE */
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
	.fg-button.ui-state-loading .ui-icon { background: url(spinner_bar.gif) no-repeat 0 0; }

 
          
            .button, .button:visited{
                float:right;
                background: #2daebf url(images/overlay.png) repeat-x; 
                font-weight:bold;
                display: inline-block; 
                padding: 5px 10px 6px; 
                color: #fff; 
                text-decoration: none;
                -moz-border-radius: 5px; 
                -webkit-border-radius: 5px;
                -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
                border-bottom: 1px solid rgba(0,0,0,0.25);
                cursor: pointer;
                margin-top:95px;
                margin-right:15px;
            }
            .button:hover{
                background-color: #007d9a; 
            }
            #sortable {
                list-style-type: none;
                margin: 28px 0px 0px 36px;
                padding: 0;
            }
            #sortable li {
                margin: 3px 3px 3px 0;
                padding: 1px;
                float: left;
                width: 35px;
                height: 35px;
                font-size: 20px;
                text-align: center;
                line-height:35px;
                cursor:pointer;
                -moz-border-radius:5px;
                -webkit-border-radius:5px;
                -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
                -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5);
                text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
                background:#2daebf url(images/overlay.png) repeat-x scroll 50% 50%;
                color:#fff;
                font-weight:normal;
            }
            .captcha_wrap{
                border:1px solid #fff;
                -moz-border-radius:10px;
                -webkit-border-radius:10px;
                -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
                float:left;
                height:120px;
                overflow:auto;
                width:350px;
                overflow:hidden;
                margin:20px 0px 0px 0px;
                background-color:#fff;
 font-family:Arial, Helvetica, sans-serif;
                color: #323232;
            }
            .captcha{
                -moz-border-radius:10px;
                -webkit-border-radius:10px;
                font-size:12px;
                color:#BBBBBB;
                text-align: center;
                border-bottom:1px solid #CCC;
                background-color:#fff;
            }

.updown{
           float:right;
           background: red;
           margin-left:500px;
}

/*img { behavior: url(http://www.sohtanaka.com/web-design/examples/peeling-effect/iepngfix.htc) }*/
img { behavior: url(/stylesheets/iepngfix.htc) }
#pageflip {
	position: absolute;
	right: 0; top: 0;
	float: fix; 
          	z-index: 999;
}
#pageflip img {
	width: 50px; height: 52px;
	z-index: 999;
	position: absolute;
	right: 0; top: 0;
	-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
	width: 50px; height: 50px;
	overflow: hidden;
	z-index: 990;
	position: absolute;
	right: 0; top: 0;
	background: url(/images/pageflip_back_app.png) no-repeat right top;
}

.twitter_wrapper
{
	margin: top;
	width:512px;

}

.twitter_container
{
	width:100%;
	height:288px;
	margin:top;
	background-image:url(/images/bg.jpg);
	background-repeat:no-repeat;	
}

.twitter_content
{
        float:left;
        margin-top:150px;
        width:472px;
        height:125px;
        padding:0px 20px 10px 20px;
        font-family:Arial;
        font-size:20px;
        font-weight:bold;
}


/************************************************************
** Style for mobile
**************************************************************/
.mobile_wrapper
{
	/*margin: 0 auto;*/
	width:480px;
}

.mobile_left
{
	position:fixed;
	width:180px;
	height:400px;
	top:0px;
}

.mobile_logo 
{
	float:left;
	margin-left:6px;
	margin-top:35px;
	width:166px;
	height:128px;
}

.mobile_social_buttons
{
	float:right;
	margin-right:6px;
	margin-top:10px;
	width:160px;
	height:21px;
}

.mobile_social_buttons ul
{
	width:100%;
	height:100%;
	margin:0px; 
    padding:0px; 
}

.mobile_social_buttons ul li
{
	float:left;
	margin-left:2px;
	display:inline;
	list-style-type:none;
	 	padding:0px;
}

.mobile_social_buttons ul li a
{
	width:41px;
	height:41px;
	padding:0px;
	 
}

.mobile_contact_info
{
	float:right;
	margin-top:12px;
	margin-right:6px;
	width:167px;
	height:14px;
       	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#196f87;
        font-weight:bold;  
}

.mobile_nav {  
       margin-top:14px;
	   margin-right:35px;
       height:21px; 
       width:130px; 
       float:right;
	   font-family:Arial, Helvetica, sans-serif;
	   font-size:14px;
	   color:#ab5830;
	    
}

.mobile_nav ul { 
	margin: 0; padding: 0;
	float: left;
	position: relative;
    width:100%; 
	list-style: none;
	position: relative;
}

.mobile_nav ul li { 
	float: left;
	width:100%;
	margin: 0; padding: 0; 
    color::#ab5830;  
}

.mobile_nav ul li a {
	padding: 10px 15px;
	display: block;
	color:#ab5830; 
    text-decoration:none; 
    font-family:Arial, Helvetica, sans-serif;
    font-size:13px;
	padding:4px 9px 4px 9px;
}

.mobile_nav ul li a:hover {
	text-decoration:underline;
}

.mobile_nav ul li ul {	
	margin-left:25px;
}

.mobile_content
{
	float:right;
	margin: 0px;
	padding: 0px;
	width:300px;
}

.mobile_words	{
   float:left;
   margin-left:0px;
   width:260px;
   min-height:280px;
   padding:25px 20px 20px 20px;
}

.mobile_content h1
{
font-size: 16px;
color: #196f87;
font-family:Arial, Helvetica, sans-serif;
}

.mobile_content h2
{
font-size: 15px;
color: #ab5830;
font-family:Arial, Helvetica, sans-serif;
}

.mobile_content h3
{
font-weight: bold;
font-size: 14px;
color: #196f87;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
}

.mobile_content h4
{
font-size: 13px;
color: #ab5830;
font-family:Arial, Helvetica, sans-serif;
}

.mobile_content p
{
font-size: 12px;
color: #000000;
font-family:Arial, Helvetica, sans-serif;
}

.mobile_content a
{
font-size: 12px;
color: #ab5830;
text-decoration:underline;
font-family:Arial, Helvetica, sans-serif;
}

.mobile_content ul li
{
font-size: 12px;
color: #000000;
font-family:Arial, Helvetica, sans-serif;
}

.mobile_link
{
float:right;
margin-right:0px;
margin-top:-5px;
width:78px;
height:8px;
}