/* main css 
@import "galawebdesign-images.css";*/

* {margin:0; padding:0;}
body {background: #e0e1e5;  color:#999933; font-family:Helvetica,arial,sans-serif; line-height: 165%;  font-size: 80% !important; font-size: 85%; }
body.homepage {background: #e0e1e5 url("../galawebdesign_images/bg-homepage.jpg") no-repeat 0% 0%;}

body.index {background:#666 url("../galawebdesign_images/galawebdesign.jpg") no-repeat 50% 0%; color:#333333;}
body.index h1 {color:#ccc;}
body.index #text {position:absolute; top:950px; left:100px; width:80%;}
#text h2 {text-align:center;} 
body.homepage p, body.index  p {margin:20px 0; font-weight:bold;}
body.homepage ul, body.index ul, body.nextpage ul {text-align:left; margin: 0 15px;}

body.services {background: #999 url("../galawebdesign_images/services-bg.jpg") repeat-x; color:#333333;}
body.portfolio {background: #000 url("../galawebdesign_images/portfolio-bg.jpg") repeat-x;}
body.free {background: #83a47c url("../galawebdesign_images/free-bg.jpg") repeat-x;}
body.contact {width: 100%; background: #fff url("../galawebdesign_images/contact-bg.jpg") repeat-x; color:#fc9;}
body.contactphp {background: #ccc url("../galawebdesign_images/sunrise_beach.jpg")  repeat-x  left top; width: 100%;}
/** #wrapper {
		width: 760px;
		width:expression(((document.compatMode && 
		document.compatMode=='CSS1Compat') ? 
		document.documentElement.clientWidth : 
		document.body.clientWidth) 
		> 1218 ? "1200px" : (((document.compatMode && 
		document.compatMode=='CSS1Compat') ? 
		document.documentElement.clientWidth : 
		document.body.clientWidth) < 720 ? "700px" : "99.7%")); 
}
*/

.contentServices a, contentServices a:visited {color:#333; font-weight:bold;}
.contentServices a:hover {color:#990000; font-weight:bold;}

/********************* galawebdesign logo, left corner ****************/
#g {position: absolute; top: 0; left: 0; position:absolute;  z-index: 0;}
#logo {position: absolute; top: 0; left: 5px; position:absolute;  z-index: 0; }
#g img, #logo img {border:none;}

/********************* .. ****************/
#center {padding:70pt 30pt 0 30pt}
.center {text-align:center;}
h1 { padding:10pt 10pt 20pt 10pt; font-size:1.6em;}
#webpage {min-width: 700px;  max-width: 1500px; text-align:center;}
#webpage h2 {text-align:left; padding: 20px 0; margin-top: 20px; color:#990000; font-size:1.2em; border-top:solid #990000 2px;}

hr {width:100%; height:2px; margin:50px 0;}

/********************* Top, Bottom menu *************************************/
#top_menu, #bot_menu, #botom_menu {width:100%; display:block; float:right; background:#ccc;  margin:0; padding:4px 0 0; font-size:1em; text-transform:uppercase; font-weight:normal; letter-spacing:1pt;}
#top_menu a, #bot_menu a, #botom_menu  a { margin:0 1px 0 0; padding:2px 13px; color:#603; border-right:1px solid #999; vertical-align:text-bottom; text-decoration:none;float:right;}
#top_menu a:hover, #bot_menu a:hover, #botom_menu  a:hover{color:#FF0000;}
#top_menu a.on, #bot_menu a.on, #botom_menu  a.on {color:#666;}
#bot_menu {display:block; position:absolute; top:900px; }

/********************* Left menu *********************************
#menuLeft {background: transparent; float: left; margin: 60px 0; padding: 10px 3% 20px 3%; width: 10%; text-align:left; color: #666; text-transform:capitalize;font-size: 1em;  font-weight:bold; text-decoration: none; border: 1px solid #666; border-top: 7px solid #999;}

#menuLeft.grey {background: #ccc;}

#menuLeft ul {margin-left: -5px;}
#menuLeft ul li {margin-bottom:10px;}
#menuLeft a:link, #menuLeft a:visited {margin:	100px 0 0;	color:	#666;	text-decoration: none;}
#menuLeft a:hover {color:#000;}
#menuLeft a.active {color:#990000;}

#menuLeft h3 {padding:10px 0 10px 0; margin:0 0 20px -25px; width:100%; border-bottom:3px #666 solid; color:#333;}
#menuLeft1 h3 {padding:10px 0 10px 10px; margin:0 0 20px 0; width:100%; border-bottom:0px #666 solid; color: #ccc;}
*/
/********************* Left menu **********************************/
#menuLeft {background: #f3f3f3 url("../galawebdesign_images/left-menu-bg.jpg")  top right; float: left; width: 17%; text-align:left; color: #666; text-transform:capitalize; font-size: 1em; text-decoration: none; border-color:#999; border-width:1px; border-style:solid;}
#menuLeft ul {margin: 10pt 10pt 20pt 30px;}
#menuLeft ul li {margin-bottom:10px;}
#menuLeft a:link, #menuLeft a:visited {margin:100px 0 0; color:#666; text-decoration:none;}
#menuLeft a:hover {color:#000;}
#menuLeft a.active {color:#990000;}

#menuLeft h3 {padding:10px; border-bottom:1px #999 dashed; color:#666;}
/* #menuLeft1 h3 {padding:10px 0 10px 10px; margin:0 0 20px 0; width:100%; border-bottom:0px #666 solid; color: #ccc;} */


/********************* Contact.html**********************************************************************/
.contact h1 {color:#6d87a7;}

form {background: transparent; font-style:italic;color:#6d87a7;}
form p {text-align:center; margin: 0 0 20px 0;}
form input, textarea {color:#666; margin:0; padding: 3px 15px; text-align:left; border:1px dashed #999;}
form input.contact-button {background:transparent; color:#ccc; text-align:center; border:none; width:70px;}

/*********************  Content  ***************************************************************/
.content {float: right; width: 78%; padding: 50px 0; background: #000;}
.contentServices {background: transparent; float: right;  width: 80%; min-width: 400px;}
.contentServices ul {padding-left: 30px;}
.contentServices h1 {color:#666;}
/********************* table Services.html *********************************/
table.services {width: 90%; background:#fff; /*border-collapse: collapse;*/ padding:0; margin:0; border: solid #666 2px; }

tr.t-header {background:#ccc;  border: solid #666 2px; color:#990000;}
tr.t-header th {padding: 5px 0;  background:#999; font-size: 1.1em; padding-right:15px; }
td {border:solid #ccc 1px; border-collapse:collapse;  text-align:center;}
th.t-header {background:#ccc;  border:0; padding:2px 15px 2px 5px; font-family:Arial,Sans-Serif; font-size:.9em;  font-weight:normal; word-spacing: 3px; width: 180px; text-align:right;}
tr.price th {background: #333; color:#CCCCCC; padding:10px 15px;}
th.price {text-align:right;}
.style1 {color: #666666; font-style: italic;}

/************************* Portfolio.html ****************************************************/
.contentPortfolio {float: right;  width: 80%; min-width: 400px;}
.border {background: white; width: 300px; padding:0; margin: 0 25px 25px 0 ; border: 5px solid #ccc; float: left}
.border img {width: 300px; height: 300px;  border: 1px solid #000;}

/************************* Free.html ****************************************************/
.contentFree {max-width: 1200px; color:#FFFFCC;font-style:italic;}
.os {width: 460px; height:400px; padding:0;float: left;display:block;  position:relative; margin: 0 50pt 50pt;}

.free-website { background: transparent url("../galawebdesign_images/free/free-animal-website.jpg")  no-repeat;}
.free-os { background: transparent url("../galawebdesign_images/free/free-os-website.jpg")  no-repeat;}
.free-html { background: transparent url("../galawebdesign_images/free/free-xhtml-templates.jpg")  no-repeat;}
.free-drupal { background: transparent url("../galawebdesign_images/free/free-drupal-templates.jpg")  no-repeat;}


.oss {display:block; position:relative; padding: 100px 35px 20px 80px; }
.oss h3 {width:350px; position:absolute; top:180px; text-align:center;font-size: 125%; text-align:center; font-style:normal;}
.oss .contact {width:350px; position:absolute; top:350px; font-size: 90%;  text-align:center; }
.contact a:link, .contact a:visited, .os-links a:link, .os-links a:visited, body.index a:link,  body.index a:visited   {text-align:center;color:#FFFFCC;}

/************************* free/free-website.html ****************************************************/
.os-links {border:dashed 1px #FFFFCC; padding:50px; margin:50px;}

/************************* ****************************************************/

p {text-align:left;}
.clear {clear: both;}
ul {text-align:left;}

/********************* Copyright, 3wc, etc ********/
div.long {margin: 500px 0;}

#w3cstandarts,  #standarts508, #cssstandarts{display:block; width:100%; height:19px; margin-top:1px;}
#w3cstandarts a.standarts, #w3cstandarts a.standarts:visited {display:block; float:right; width:112px; height:19px; margin:0; padding:0; background:#333 url("../galawebdesign_images/w3c-on.jpg") no-repeat;}
#w3cstandarts a.standarts:hover {background:transparent url("../galawebdesign_images/w3c.jpg");}

#standarts508 a.standarts, #standarts508 a.standarts:visited {display:block; float:right; width:112px; height:19px; margin:0; padding:0; background:#333 url("../galawebdesign_images/508-on.jpg") no-repeat;}
#standarts508 a.standarts:hover {background:transparent url("../galawebdesign_images/508.jpg");}

#cssstandarts a.standarts, #cssstandarts a.standarts:visited {display:block; float:right; width:112px; height:19px; margin:0; padding:0; background:#333 url("../galawebdesign_images/css-on.jpg") no-repeat;}
#cssstandarts a.standarts:hover {background:transparent url("../galawebdesign_images/css.jpg");}

#copyright {clear:both; display:block; width:100%; font-size:.9em; text-align:center; color:#333; font-style:italic;  padding:20px 0;}