/*html {behavior: url('css3.htc');}*/


body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	color: #000;
    background-color:#f4f4f4;
    }

.container {
	width: 886px;
	margin: 0 auto;
	font-size: 11px; 
    }
    
.container_sm {
	width: 666px;
	margin: 0 auto;
	font-size: 11px; 
    }
    
.content {
	padding-top: 10px;
	width: 666px;
	float: right;
	font-size: 11px;
    }
        
h1 {
    font-size: 15px;
    color: #0A68B0;
    width:440px; 
    float:left;
    bottom: 0px;
    text-transform: uppercase;
    padding-top: 4px;
    padding-left: 20px;
    padding-right: 10px;
    padding-bottom: 3px;
    margin-top: 0;
    margin-bottom: 0;
    }

h2 {
    font-size: 14px;
    color: #0A68B0;
    width:440px;
    float:left; 
    bottom: 0px;
    text-transform: uppercase;
    padding-top: 4px;
    padding-left: 20px;
    padding-right: 10px;
    padding-bottom: 3px;
    margin-top: 0;
    margin-bottom: 0;
    }

h3 {
	font-size: 9px;
	font-style: italic;
	color: #666;
	width:636px; 
	float:left;
	text-transform: uppercase;
	line-height: 0px;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 10px;
	margin-top: 0;
	}
	
h4 {
	font-size: 9px;
	font-style: italic;
	color: #666;
	font-weight: normal;
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	margin-top: 0;
    }
	
h5 {
    font-size: 14px;
    color: #ffffff;
    bottom: 0px;
    text-transform: uppercase;
    padding-top: 0px;
    padding-left: 20px;
    padding-right: 10px;
    padding-bottom: 3px;
    margin-top: 0;
    margin-bottom: 0;
    }

h6 {
    font-size: 11px;
    color: #666;
    bottom: 0px;
    text-align: left;
    height: 0px;
    padding-left: 13px;
    padding-right: 10px;
    margin-top: 0;
    font-weight: normal;
    }

a:link {
	color: #1E78BD;
    }
    
a:visited {
    text-decoration: none;
    color: #1E78BD;
    }

a:hover {
	text-decoration: underline;
	color: Blue;
    }
    
a:active {
	text-decoration: none;
	color: Purple;
    }
    
a img { border: none ; }

.imgRight {
    text-align: right; 
    float:right; 
    margin-left:10px; 
    margin-bottom:10px;
    margin-top:5px;
    padding: 5px; 
    border: 1px solid #cfcfcf; 
    border-bottom: 1px solid #707070; 
    -webkit-box-shadow: rgba(0,0,0,.1) 0px 1px 2px; 
    -moz-box-shadow: rgba(0,0,0,.1) 0px 1px 2px; 
    box-shadow: rgba(0,0,0,.1) 0px 1px 2px;
    }

ul, ol, dl { 
	padding: 0;
	margin: 0;
    }

p {
	margin-top: 0;
	padding-top: 5px;	 
	padding-right: 10px;
	padding-left: 20px; 
    }

.header {   
    font-size: 11px;
    text-align: center;
    width: 886px;
	margin: 0 auto;
	clear:both;
    }

.h1_sidebar1 {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    padding-top: 32px;
    height: 32px;
    background-image: url(images/H1_sidebar_blue.png);
    color: #FFF;
    background-repeat: no-repeat;
    padding-left: 11px;
    }

.h2_sidebar1 {
	font-size: 13px;
	font-weight: bold;
	padding-top: 32px;
	height: 32px;
	background-image: url(images/H2_sidebar_green.png);
	color: #FFF;
	background-repeat: no-repeat;
	padding-left: 11px;
    }

.h3_sidebar1 {
	font-size: 13px;
	font-weight: bold;
	padding-top: 32px;
	height: 32px;
	background-image: url(images/H3_sidebar_red.png);
	color: #FFF;
	background-repeat: no-repeat;
	padding-left: 11px;
    }

.h4_sidebar1 {
	font-size: 13px;
	font-weight: bold;
	padding-top: 32px;
	height: 32px;
	background-image: url(images/H4_sidebar_Yellow.png);
	color: #FFF;
	background-repeat: no-repeat;
	padding-left: 11px;
    }

.h5_sidebar1 {
	font-size: 13px;
	font-weight: bold;
	padding-top: 32px;
	height: 32px;
	background-image: url(images/H5_sidebar_Black.png);
	color: #FFF;
	background-repeat: no-repeat;
	padding-left: 11px;
    }

.sidebar1 {
    float: left;
    width: 220px;
    font-size: 11px;
    background-color: #eeeeee;
    }

.sidebar_p {
	font-size: 11px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 15px;
    }
    
.sidebar_back {
	padding-right: 0px;
	padding-left: 0px;
    background-color: #f4f4f4;
    margin-bottom: 0px;
    }

ul {
    list-style-type:none;
    padding:0px;
    margin:0px;
    }

.content ul, .content ol {
	padding: 0 15px 15px 40px; 
    }
    
ul.nav a { 
	display: block;
	width: 200px;  
	color: #666;
	text-decoration: underline;
	background-repeat: no-repeat;
	background-image: url(images/border_ulnavli_bottom.png);
	background-position: center bottom;
	padding-bottom: 10px;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
    }
ul.nav a:hover { 
	color: #000;
	background-color: #DCDCDC;
	text-decoration: underline;	
    }

.footer {
    background-position: bottom;
    text-align: center;
    font-size: 10px;
    padding-top: 10px;
    background-image: url(images/footer_big1.png);
    height: 133px;
    width: 886px;
    clear: both;
    color: #666;
    line-height: 7px;
    background-repeat: no-repeat;
    }

.pricing a {
    background: #0A68B0;
    color: #fff;
    text-decoration: none;
    padding: 3px 6px;
    font: bold 11px/11px Verdana, Geneva, sans-serif;
    margin-left: 10px;
    text-align: right;
    }

.pricing a:hover {
    background: #DCDCDC; 
    color: #000;
    }


/* specific class for site map */

.siteMap {
    width: 500px;
    height: 16px;
    margin-left: auto;
    margin-right: auto;
    }

.menu1 a {
    text-decoration: none;
    color: #666;
    background-color: #EEEEEE;
    }

.menu1 a:hover {
    color :#000;   
    }


/* column options */
.columnleft333 {
    float: left;
    width: 333px;
    }

.columnright333 {
    float: right;
    width: 333px;
    }


.columnfooter886 {   
    float: left;
    width: 886px;
    }

.columnleft443 {
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    width: 443px;
    font: 11px/15px Verdana, Geneva, sans-serif;
    text-align: left;
    font-style: italic;
    color: #666666;
    }

.columnleft443 a {
    color: #666666;
    }

.columnleft443 a:hover {
    color: #000000;
    }

.columnright221 {
    margin-top: 10px;
    margin-bottom: 10px;
    float: right;
    width: 221px;
    font: 11px/15px Verdana, Geneva, sans-serif;
    text-align: right;
    font-style: italic;
    color: #666666;
    }

.column_p {
    padding-left: 13px;
    bottom: 0px;
    text-align: left;
    height: 0px;
    }


/* specific class for element ul.disc */
ul.disc {
    list-style-type: disc;
    line-height: 20px;
    }

ul.disc a {
    color: #1E78BD;
    }

ul.disc a:hover {
    color: Blue;
    }


/* specific class for contact form */
input, textarea {
    background: #ffffff;
    border: solid 1px #999;
    color: #777777;
    }

input[type="submit"] {
    color: red;
    background: green;
    font-size: 1em;
    }


/* specific class for table */
.contentTable {
	padding-top: 0px;
	width: 646px;
	float: right;
	font-size: 11px;
    margin-left: 20px; 
    margin-bottom: 0px; 
    font-size: 11px;
    color: black;
    }

table {  
    background-color: #666666;
    color: #0A68B0;
    table-layout: auto;
    }

th {
    background-color: #dcdcdc;
    font-size: 11px;
    color: black;
    text-align: center;
    }

td {
    background-color: #eeeeee;
    font-size: 11px;
    color: #0A68B0;
    text-align: center;
    }

caption {

	padding-top: 5px;	 
	padding-right: 10px;
	padding-left: 20px; 
	padding-bottom: 5px;
    }

.Night {
    height: 34px;
    background-color: #DCDCDC;
    }
        
.Season1 {
    height: 34px;
    background-color: #FFFFCC;
    }
        
.Season2 {
    height: 34px;
    background-color: #FFFF99;
    }
        
.Season3 {
    height: 34px;
    background-color: #FFCC66;
    }
        
.Season4 {
    height: 34px;
    background-color: #FF9933;
    }
    
    
    /* lightbox */
#ibox { float: left; padding: 8px 8px 64px 8px; position: relative; background: #f4f4f4; z-index: 99999;}

#ibox h2 {
    margin: 0;
    padding: 10px 0;
    float:none;
    font-size: 11px;
    color: #000000;
    text-transform: none;
    font-weight: normal;
    width: 100%;
    }

#ibox h2 > ul { position: relative; float:none; }

#ibox .nav { }
#ibox .nav li {position: absolute; bottom: 15px; }

#ibox .nav a {
    width: 29px; 
    height: 28px; 
    display: block; 
    text-indent: -9999px; 
    background: url(images/lightbox/nav-buttons.png) 0 0 no-repeat; 
    }
    
#ibox .nav .prev {left: 15px; }
#ibox .nav .next {right: 15px; }
#ibox .nav .next a { background-position: 0 -40px; }

#ibox .close {
    width: 41px; 
    height: 41px; 
    background:url(images/lightbox/close.png) 0 0 no-repeat; 
    position: absolute; 
    top: 0; right: 0; 
    margin: -0px 0px 0px 0px;
    text-indent: -9999px; 
    z-index: 999;
    }

/* portfolio items position: relative;*/
ul.portfolio {
    float: left; 
    width: 92%; 
 
    }

ul.portfolio li {
    margin-right: 26px ;
    margin-top: 16px ;
    margin-bottom: 0px ;
    padding: 0px ;
    float: left;
    border: 4px solid #4b4b4b;
    width: 170px;
    height: 120px;
    }
/*    
ul.portfolio img  
{
    padding: 1px; 
    background: #fff;
    float: right;
    }

ul.portfolio a {
    background: #e6e5e2; 
    float: left; 
    padding: 5px; 
    border: 1px solid #cfcfcf; 
    border-bottom: 1px solid #707070;
    -webkit-box-shadow: rgba(0,0,0,.1) 0px 1px 2px; 
    -moz-box-shadow: rgba(0,0,0,.1) 0px 1px 2px; 
    box-shadow: rgba(0,0,0,.1) 0px 1px 2px;}
*/





.section { clear: left; float: left; width: 100%; margin-top: 0; padding-left: 20px; padding-right: 10px; padding-top: 5px; position: relative; z-index: 100;}

/* services */
#services { float: left; width: 646px;  border: 1px solid #666666; clear: left; height: 100px; overflow-x: scroll; }
#services .items { float: left; width: 9999px; height: 100px; }
#services .items li { float: left;  height: 100px; background-color: #f4f4f4; border-left: 1px solid #666666;  
                      margin: 0 0 0 0; position:relative; background-repeat:no-repeat;}
#services .items li.even { width: 179px;}
#services .items li.odd { width: 465px;  background-color: #eeeeee; }

/* p.line*/
#services p.line-1 strong {font-weight: bold; }
#services p.line-1 { width: 134px; margin-left: 0px; }
#services p.line-2 { width: 339px; }

	/*navigation arrow*/
#services.js { height: 100px; overflow: hidden;}

#services .nav { float: left; padding: 0; position: relative; z-index: 600; width: 646px; }
#services .nav li {float: left; width: 61px; background: #f4f4f4;  margin: -100px 0 0;}
#services .nav .next { float: right; }
#services .nav a { height: 100px; display: block; text-indent: -9999px; background: url(images/nav-arrows.png) 10% -300px no-repeat; margin: 0;}
#services .nav .prev a {}
#services .nav .next a { background-position: 10% -100px; }
#services .nav .prev a:hover { background-position: 10% -0px; }
#services .nav .next a:hover { background-position: 10% -200px; }


	/*js*/
#services.js .nav { display: block; }


	/** border radius**/
#services .items li, #services .items, #services, #services .nav li {border-radius-topleft: 1px; -moz-border-radius-topleft: 1px; 
-webkit-border-top-left-radius: 1px;border-radius-topright: 1px; -moz-border-radius-topright: 1px; -webkit-border-top-right-radius: 1px;}


/* header > nav */
#nav { position: relative; float: right; z-index: 9999; clear: none; margin-right: 10px; 
       background: url(images/menu_back_corn.png) no-repeat; width: 868px; height: 30px; margin-top: 8px;}
#nav > li { float: right; position:  inherit; margin-top: 13px; }
#nav > li > a {  float: left; color: #262626; line-height: 36px; text-decoration: none;}
#nav > li > a > span { float: left; margin: -11px 0 0; padding: 10px 0 0 0px; }

#nav > li.blog > a > span
{
    background: url(images/button_menu_32.png) no-repeat; width: 121px; height: 25px;
    margin-bottom: -20px;
    font-size: 12px;
    /*padding: 0 50px 0 10px;*/
    font-weight: bold;
    color: white;
    line-height: 13px;
    }
#nav > li.portfolio > a > span { background: url(images/button_menu_33.png) no-repeat; width: 121px; height: 25px; 
                                 font-size: 12px; font-weight: bold; color: #3f3f3f; line-height: 13px;}

#nav > li:last-child { }
#nav > li > a:hover,
#nav > li > a:focus { }

/* header > nav > second level */
#nav > li > ul { position: absolute; top: 20px; left: 0; width: 100%;padding: 0px 0 0; z-index: 9999; display: none;}
#nav > li li { padding: 0;  background: url(images/nav-subitem-bg.png) 0 0 repeat-y;}
#nav > li > ul a { display: block; padding: 0 0 0 30px; color: #1b2120; background: url(images/arrow-1.gif) 15px 11px no-repeat; 
                   line-height: 22px; z-index: 9999; white-space:nowrap;  font-size: 11px; font-style:normal;}

#nav > li li:first-child,
#nav > li ul,
#nav > li ulli:first-child a { border-top-left-radius: 1px; -webkit-border-top-left-radius: 1px; border-top-right-radius: 1px; -webkit-border-top-right-radius: 1px;}
#nav > li ul { background: url(images/nav-subitem-bg-top.png) 0 0 repeat-x; }
#nav > li li:last-child,
#nav > li li:last-child a,
#nav > li ul { border-bottom-left-radius: 1px; -webkit-border-bottom-left-radius: 1px; border-bottom-right-radius: 1px; -webkit-border-bottom-right-radius: 1px;}
#nav > li ul { border: none; }

#nav > li li:hover { background: url(images/nav-subitem-bg.png) -260px 0 repeat-y;}