/********************************      Basic Structure      ********************************/
html { height: 100%; margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */}
body { margin:0; padding:0; background:#FFFFFF; margin-top:32px; }

/********************************      General Classes      ********************************/
.clear {clear: both;}
.left {float: left;}				
.right {float: right;}
strong { font-weight:bold;}
.align_center { text-align:center;}
.align_right { text-align:right;}
/********************************      Main Classes      ********************************/

#container {
 margin: auto;
 width: 948px;
 background:#FFF;
 margin-top:18px;
 border:1px solid #cdcdcd;
}


/********************************      Header Classes      ********************************/
#header { padding-top:0px; padding-bottom:0px; margin-top:-14px; position:relative; } 
#logo { margin-top: 0px;    }
#logo h1 { display: block; float: left; width: 266px; height: 28px; text-indent: -9999px; padding:0; margin:0; padding-left:50px;}
#logo h1 a { display: block; width: 100%; height: 100%; outline: none; background: url(../images/logo.jpg) no-repeat 0 0;  padding:0; margin:0;}

/********************************      Navigation Classes      ********************************/
#navigation { height: 25px; line-height:25px; width: 888px; padding-left:25px; margin-top: 8px; margin-bottom:8px; float: left; vertical-align:middle; z-index:999; position:relative; }
.nav-links { padding:0px 0 0 0; vertical-align:middle;}
.nav-links li { display: inline;  float: left; height:20px;  width:78px; line-height:20px; text-align:center; padding-bottom:5px; margin:0 14px 0 14px; vertical-align:middle;}
.nav-links li a { color: #333; text-decoration: none; font-family:Tahoma, Geneva, sans-serif; font-size:13px; line-height:25px;vertical-align:middle; }
.nav-links li a:hover { }
.nav-links li:hover { background:url(../images/menu_on.jpg)  no-repeat center top; color:#333;  vertical-align:middle;  }
.nav-links li:hover a{ color:#333;   vertical-align:middle; }
.nav-links li.active { background:url(../images/menu_on.jpg)  no-repeat center top;  vertical-align:middle;}
.nav-links li.active a{  color: #333;   vertical-align:middle; }
/********************************      Slideshow Classes      ********************************/
#myslides {	width: 827px;	height: 451px;  min-height:451px;  padding: 0;      margin:  0 auto; overflow:hidden;  } 
#myslides img {top:  0;     left: 0; }

ul.dropdown{ padding:0;margin:0;display: block;position:relative;z-index: 999;padding-top:10px;width: 120px;display: none;left: 0;background:url(../images/1x1.gif);left:-15px; line-height:10px;}
ul.dropdown li{font-size:12px;padding:0;margin:0;vertical-align:middle;height:21px;padding-top:6px;width:120px;float: none;z-index: 998;position:relative;list-style: none;display: block;background:url(../images/menu_sub.png) no-repeat center top; line-height:10px;}
ul.dropdown li a{display: block;font-size:12px; line-height:10px;}
ul.dropdown li a:hover{display: block;font-size:12px; line-height:10px;}
ul.dropdown li:hover a { display: block;font-size:12px; line-height:10px; }
ul.dropdown li:hover {display: block;font-size:12px;background:url(../images/menu_sub.png) no-repeat left top; line-height:10px;}

/********************************      Content Classes      ********************************/

#content { width:827px; margin:0 auto; margin-top:5px; margin-bottom:20px; position:relative; z-index:15; }
.leftCol { width:276px; margin:0 25px 0 0;}
.rightCol { width:524px; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#413e3e;  line-height:120%;}
.rightCol h3 { font-size:19px; color:#47aef5; padding-bottom:10px;}
.rightCol h4 {font-size:15px; color:#4c4c4c; padding-bottom:5px; padding-top:5px; margin:0}
.rightCol p { margin:5px 0 5px 0;}

.portfolio { width:294px; }
.preview { width:520px; text-align:center; }
.preview img{ padding:4px; border:1px solid #cccccc; background:#FFFFFF;}
.thumb { border:1px #d7d7d7 solid; padding:1px; background-color:#FFFFFF; margin:0px 14px 14px 0px; float:left; }
#loading { display:none; position:absolute; border:none;}
#loading img { border:none;}
#content h3 {font-size:15px; color:#47aef5; padding-bottom:10px;} 
#content ul { margin-left:10px;}
#content li { list-style:circle; margin-left:5px; margin-right:10px;}

/********************************      Internal Classes      ********************************/





/********************************      Footer Classes      ********************************/
.footer, .footer a { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#bbbbc2; width:948px; margin:0 auto;}


.copyright {  margin-top:10px; padding-bottom:15px; line-height:150%; text-align:center;}
.copyright, .copyright a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#bbbbc2;}

/********************************      Form Classes      ********************************/

.small_font { font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#CCC; text-align:center; width:600px; margin:0 auto; }
.small_font a { color:#CCC;}


/********************************      BLOG Classes      ********************************/
.blog-entry { font-family:Arial, Helvetica, sans-serif; color:#333;  line-height:135%;  font-size:12px;}
.blog-entry .right-blog  h3 { color:#333; font-size:23px;}
.blog-entry .right-blog  h3 a {color:#333; font-size:23px;}
.right-blog { width:100% }
.right-blog .date {font-size:13px; font-style:italic; margin-top:5px; padding-bottom:6px; color:#333; display:block; width:100%;}
.right-blog p {line-height:135%;  font-size:12px; margin-bottom:10px; }
.right-blog p.ppreview {line-height:135%;  font-size:12px; margin-bottom:10px; }
.right-blog p.ppreview img { margin-right:10px; margin-bottom:10px; }
.right-blog a {line-height:135%;  font-size:12px; color:#47aef5; text-decoration:none;}
.right-blog a:visited {line-height:135%;  font-size:12px; color:#47aef5; text-decoration:none;}
.blog-hr { width:100%; border:none; height:1px; background-color:#CCC; float:left; padding:0; margin:0;}
.blog_image { margin-left:25px; margin-top:10px; background:#FFF; padding:10px;}

.blog-paging { width:400px; padding:5px 10px 5px 0px; line-height:135%;  font-size:12px; color:#333; text-decoration:none;}
.blog-paging a {line-height:135%;  font-size:12px; color:#333; text-decoration:underline;}
.blog-paging-r { width:200px; padding:5px 0px 5px 0px; line-height:135%;  font-size:12px; color:#333; text-decoration:none; text-align:right;}
.blog-paging-r a {line-height:135%;  font-size:12px; color:#333; text-decoration:none;}

/********************************      Form Classes      ********************************/
.form { margin-top:15px; font-size:12px; line-height:135%; color:#333;}
.form table td { height:25px;}
.form input[type=text] { background-color:#FFF; color:#333; width:222px; border:1px solid #CCC;; height:20px;}
.form textarea { background-color:#FFF; color:#333; width:530px;  border:1px solid #CCC;height:75px;}
.form input.heard { width:530px;   height:20px;  border:1px solid #CCC;}
.form input[type=submit] {  cursor:pointer; margin-top:10px; }
h6 { font-size:14px; padding-top:10px; padding-bottom:4px; font-weight:bold;}
.form .label { width:100px; height:25px; color:#333; vertical-align:middle; padding-top:5px;}

.comments p { width:100%;line-height:135%;  font-size:12px; margin-bottom:10px; color:#333;}

a.returnlink { color:#47aef5; text-decoration:none; }
a.returnlink:hover { text-decoration:underline;}

/********************************      jQuery plugins styles      ********************************/
/*************** Facebox ***************/

#facebox .b { background:url(/images/b.png);}
#facebox .tl {background:url(/images/tl.png);}
#facebox .tr {background:url(/images/tr.png);}
#facebox .bl {background:url(/images/bl.png);}
#facebox .br {background:url(/images/br.png);}
#facebox {position: absolute;top: 0;left: 0;z-index: 100;text-align: left;}
#facebox .popup { position: relative;}
#facebox table {border-collapse: collapse;}
#facebox td {border-bottom: 0; padding: 0;}
#facebox .body {padding: 10px;background: #fff;width: 370px;}
#facebox .loading {text-align: center;}
#facebox .image { text-align: center;}
#facebox img {border: 0; margin: 0;}
#facebox .footer {border-top: 1px solid #DDDDDD;padding-top: 5px;margin-top: 10px;text-align: right;}
#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {height: 10px;width: 10px;overflow: hidden;padding: 0;}
#facebox_overlay {position: fixed;top: 0px;left: 0px;height:100%;width:100%;}
.facebox_hide { z-index:-100;}
.facebox_overlayBG {background-color: #000; z-index: 99;}