/* CSS Scren for SPNet */

body {
	background-image: url(../images/bg_gradient.png);
 	background-color: rgb(197,156,110);
	background-repeat: repeat-x;
   margin: 0;
   font-family: Verdana, Arial, sans-serif;
   font-size: 100%;
   text-align: justify;
   color: rgb(90,90,90);
   line-height: 110%; 
}

body a {
   text-decoration: none;
   color: rgb(133,176,204);
   outline: none;
}

body a:hover {
   text-decoration: underline;
}

h1, h2, h3 {
   font-family: "Trebuchet MS", Arial, sans-serif;
   color: rgb(165,124,82);
   margin: 0 0 7px 0;
}

h4, h5, h6 {
   font-family: "Trebuchet MS", Arial, sans-serif;
   color: rgb(165,124,82);
   margin: 5px 0 1px 0;
}

p {
   font-size: 100%;
   margin-top: 15px;
}

img, logo a {
   border: none
}

/* Container frame ONLY for the homepage */
#home_frame {
  width: 70%;
  float:left;
  margin: 0;
  border: 0;
}

/* Container frame. Use this for centering the page */
#frame {
  width: 800px;
  height: 100%;
  margin: 20px auto 50px auto;
  border: 0;
}

/* Header frame. Use this for holding the header logo and menu. It is "child" of "frame" */
#top_header_frame {
   width: 100%;
   padding: 0;
   margin: 0;
}

/* Header frame. Use this for holding the header logo and menu. It is "child" of "frame" */
#middle_frame {
   width: 100%;
   background-color: rgb(255,255,255);
   padding: 0;
   margin: 0;
}

/* Center frame. Use this for holding the center frame. It is "child" of "middle_frame" */
#center_frame {
   width: 70%;
   float: left;
   text-align: justify;
   font-size: 72%;
   margin: 0;   
   padding: 0;
}

/* Center frame2. Use this for holding the center frame when "left sidebar" exists. It is "child" of "middle_frame" */
#center_frame2 {
   width: 65%;
   float: right;
   text-align: justify;
   font-size: 72%;
   margin: 0 0 20px 0;   
   padding: 0;
}

/* Sidebar frame. Use this for holding the right sidebar. It is "child" of "middle_frame" */
#sidebar_right {
   width: 30%;
   float: right;
   clear: right;
   text-align: justify;
   font-size: 72%;
   margin: 0;
   padding: 0;
}

#sidebar_left {
   width: 30%;
   float: left;
   clear: left;
   text-align: justify;
   font-size: 72%;
   margin: 0;
   padding: 0;
}

/* CENTER frame child. Use this for holding children INSIDE the "center_frame" */
.center_frame_child {
   text-align: justify;
   margin: 20px;   
   padding: 0;
}

/* Sidebar frame child. Use this for holding children INSIDE the "left_sidebar_frame" of "right_sidebar_frame"*/
.sidebar_child {
   text-align: justify;
   color: rgb(133,176,204);
   margin: 20px;   
   padding: 0;
}

/* Bottom frame. Use this for holding the right sidebar. It is "child" of "frame" */
#bottom_frame {
   width: 100%;
   clear: both;
   text-align: justify;
   font-size: 68%;
   color: rgb(90,90,90);
   background-color: rgb(28,28,28);
   padding: 0;
   margin: 0;
}

.bottom_frame_child_left {
   float: left;
   width: 25%;
   margin: 10px;
   padding: 0;
}

.bottom_frame_child_right {
   float: right;
   width: 40%;
   margin: 10px;
   padding: 0;
}

#contact_form_frame {
   clear: left;
   width: 100%;
   float: left;
   text-align: justify;
   background: rgb(212,212,255) url(../images/contact_form_top.png) no-repeat scroll left top;
   margin: 20px 0 0 0;   
   padding: 0;
}

#contact_form {
   width: 90%;
   margin: 0;   
   padding: 50px 0 10px 20px;
   border-top: solid 1px rgb(255,255,255)
}

#contact_form label {
   font-family: "Trebuchet MS";
   color: rgb(255,255,255);
   font-size: 120%;
}

#contact_form #name, #email {
   font-family: Verdana, Arial;
   color: rgb(90,90,90);
   font-size: 100%;
   width: 300px;
}

#contact_form #message {
   font-family: Verdana, Arial;
   color: rgb(90,90,90);
   font-size: 100%;
}

.contact_form_bottom {
   width: 520px;
   height: 10px;
   background: transparent url(../images/contact_form_bottom.png) no-repeat scroll left center;
}

.error {
   font-size: 85%;
   color: rgb(255,0,0);
   padding-left: 20px;
   background:transparent url(../images/warning_icon.png) no-repeat scroll left center;
   display: none;
}

.error2 {
   font-size: 85%;
   color: rgb(255,0,0);
   padding-left: 20px;
   background:transparent url(../images/error_icon.png) no-repeat scroll left center;
   display: none;
}

#name_valid_entry {
   margin-left: 10px;
   display: none;
}

#email_valid_entry {
   margin-left: 10px;
   display:none;
}
.back_btn {
   padding-left: 25px;
   background:transparent url(../images/back_icon.png) no-repeat scroll left center;
}

#navigation {
   float: right;
   margin: 0 ;
   text-align: right;
   font-family: Arial;
   font-size: 100%;
}

#navigation a {
   height: 30px;
   padding: 10px;
   color: rgb(197,156,110);
}

#navigation a:hover {
   color: rgb(255,255,255);
   text-decoration: none;
}

#navigation a#current_link {
   color: rgb(133,176,204);
   padding: 0 10px 20px 10px;
}

#navigation a#current_link:hover {
   color: rgb(128,128,128);
}

.nav_link {
   display: block;
   float: left;
   width: 75px;
   text-align: center;
}

a.link1 {
   display: block;
   background:transparent url(../images/bullet_arrow_green.png) no-repeat scroll left center;
   border-bottom: 1px dotted rgb(165,124,82);
   color: rgb(133,176,204);
   padding: 5px 5px 5px 20px;
   text-decoration: none;
}

a.link1:hover {
   background-color: rgb(249,249,249);
}

a.link2 {
   display: block;
   background:transparent url(../images/bullet_arrow_orange.png) no-repeat scroll left center;
   border-bottom: 1px dotted rgb(165,124,82);
   color: rgb(133,176,204);
   padding: 5px 5px 5px 20px;
   text-decoration: none;
}

a.link2:hover {
   background-color: rgb(249,249,249);
}

a.mail_link {
   display: block;
   background:transparent url(../images/mail_icon.png) no-repeat scroll left center;
   border-bottom: 1px dotted rgb(165,124,82);
   color: rgb(133,176,204);
   padding: 5px 5px 5px 20px;
   text-decoration: none;
}

a.mail_link:hover {
   background-color: rgb(249,249,249);
}

#logo {
   float: left;
   border: 0;
   padding: 0;
   margin: 0;
}

#header_banner {
   border: 0;
   padding: 0;
   margin: 0;
}

#projects_screen {
   margin: 20px auto 20px auto;
   border: 0;
   padding: 0;
}

#left_banner {
   float: left;
   margin: 0;
   padding: 0;
}

#right_banner {
   position: absolute;
   top: 0;
   left: 0; 
   padding: 0;
}

#browse {
   float: right;
   border: 0;
   padding: 0;
}

.round_corners_top {
   margin: 0 0 -5px 0;
   padding: 0;
}

.corner_tl {
   float: left;
   padding: 0;
   margin: 0;
}

.corner_tr {
   float: right;
   padding: 0;
   margin: 0;
}
.corner_bl {
   float: left;
   padding: 0;
   margin: 0;
}
.corner_br {
   float: right;
   padding: 0;
   margin: 0;
}

.hr {
   border-top: 1px dotted rgb(165,124,82);
}

a.validhtml-mini {
   float: left;
   background:transparent url(../images/tick_green.png) no-repeat scroll left center;
   color: rgb(128,196,61);
   padding-left: 15px;
   margin-right: 15px;
   text-decoration: none;
}

a.validcss-mini {
   float: left;
   background:transparent url(../images/tick_orange.png) no-repeat scroll left center;
   color: rgb(255,153,0);
   margin-right: 15px;
   padding-left: 15px;
   text-decoration: none;
}

a.sitemap-mini {
   float: left;
   background:transparent url(../images/sitemap_icon.png) no-repeat scroll left center;
   color: rgb(165,124,82);
   margin-right: 15px;
   padding-left: 17px;
   text-decoration: none;
}

a.hosting-mini {
   background:transparent url(../images/1and1.png) no-repeat scroll left center;
   color: rgb(133,176,204);
   padding-left: 25px;
   text-decoration: none;
}

.sitemap {
   color: rgb(128,196,61);
   text-decoration: none;
   list-style-image: url(../images/folder_blue.png);
   list-style-type: none;
   font-weight: bold;
}

.sitemap a {
   color: rgb(128,196,61);
}

.sitemap_item {
   color: rgb(128,196,61);
   text-decoration: none;
   margin-left: 25px;
   list-style-image: url(../images/page_green.png);
   list-style-type: none;
   font-weight: normal;
}

.sitemap_item a {
   color: rgb(128,196,61);
}

#footer {
   clear: both;
   color: rgb(165,124,82);
   font-size: 60%;
   text-align: center;
   margin: 10px auto 0 auto;
   width: 100%;
}

#footer a {
   color: rgb(133,176,204);
}