/* CSS Document */

body {background-color:#333333; margin:0 0 0 0; border:0 0 0 0;}

#header {background-image:url(images/header_bg.gif); background-repeat:repeat-x; height:81px;}

#logo {width:840px; height:81px; margin-left:auto; margin-right:auto; padding-left:0px;}

#menu_bg { margin-left:auto; margin-right:auto; background-image:url(images/menu_bg.gif); height:30px; background-repeat:repeat-x;}

#menu {width:850px; margin-left:auto; margin-right:auto; height:30px;}

#main {border-left-color:#336699; border-left-width:2px; border-left-style:solid; border-right-color:#336699; border-right-width:2px; border-right-style:solid; padding-bottom:60px; background-color:#FFFFFF;}

*html #main {margin-top:-4px;}

#wrap {width:850px; margin-left:auto; margin-right:auto; height:inherit; min-height:500px; background-color:#FFFFFF;}

#text {width:350px; padding-top:30px; line-height:13px; margin-left:10px; background-color:#FFFFFF;}
*html #text {width:330px;}

#title {width:300px; height:30px; padding-top:20px;}
*html #title {position:inherit;}

#image {width:310px; height:250px; padding:20px; border-color:#CCCCCC; border-width:1px; border-style:solid; float:right; margin-top:60px; margin-right:20px;}

#footer {height:22px; background-image:url(images/footer_bg.gif); background-repeat:repeat-x;}

/*------- services page -----*/


#buttons {width:310px; height:190px; margin-top:-170px; margin-left:480px; border-color:#CCCCCC; border-width:1px; border-style:solid; padding:20px; }

*html #buttons {margin-left:460px;}


/*------- projects pages ------------*/

#thumb_gallery {width:310px; height:100px; margin-top:-120px; margin-left:480px; border-color:#CCCCCC; border-width:1px; border-style: solid; padding:20px;}
*html #thumb_gallery {margin-left:460px;}

#description {width:310px; height:30px; border-color:#CCCCCC; border-width:1px; border-style:solid; padding:20px; margin-top: ; margin-left:480px;}
*html #description {margin-left:460px;}

#proj_selector { width:400px; height:120px; padding:10px; border-color:#CCCCCC; border-width:1px; border-style:solid; margin-top:30px;  margin-left:0px; overflow:auto; white-space:nowrap;}
*html #proj_selector {height:125px;}

/*-------------------- styling elements -------------------*/

.h1 {font-family: Trebuchet MS, Arial, Helvetica; font-size:14px; color:#336699; letter-spacing:1px;}

.h2 {font-family: Trebuchet MS, Arial, Helvetica; font-size:12px; color:#333333; letter-spacing:1px;}


.copy {font-family: Trebuchet MS, Arial, Helvetica; font-size:11px; color:#999999;}

.h3 {font-family: Trebuchet MS, Arial, Helvetica; font-size:11px; color:#336699;}

a. h3 {text-decoration:none}

ul {list-style:none;}

li {display:inline; padding:0px;}

/*------------- gallery thumbnails -------------------*/

#thumbs { width:300px; height:120px; border-color: #cccccc; border-width:1px; border-style:solid; padding:10px; margin-top:30px; margin-left:10px;}
*html #thumbs {width:300px;}

/*------------- main image from gallery --------------*/

#lgimg_gal {width:420px; height:370px; border-color:#CCCCCC; border-style:solid; border-width:1px; padding: 20px; margin-right:20px; float:right; margin-top:20px;}
*html lgimg_gal {width:300px; margin-right:0px;}

#text2 {width:400px; padding-top:30px; line-height:13px; margin-left:10px; background-color:#FFFFFF;}

/*----------- other projects links list ------------------*/
/*---- to sit in the bottom of the main image from gallery -----------*/

#otherlinks {width:400px; height:10px; padding:10px; padding-left:0px; background-color:#FFFFFF; margin-top:30px;}
*html #otherlinks {width:300px;}


/*----------- project profile page -----------------*/

#c1 {width:300px; float:left; margin-top:20px;}


#c2 {width:112px; margin-left:114px;  margin-top:20px; float:left; position:absolute;}
*html #c2 {margin-left:-112px;}


#c3 {width:112px; margin-left:228px; position:absolute; margin-top:45px;}
*html #c3 {margin-left:0px;}

#clearboth {clear:both;}

#holder {width:350px; width:200px;}