/**zero out default browser margins**/
html,body {margin:0; padding:0; zoom: 1; font-size:90%; }

*body {font-size:76%}

body{
	background-color:#E6E6E6;
	background-image:url(../Images/bodybg.png);
	background-repeat:repeat-x;
	color:#333;
	margin:0;
	padding:0;
	text-align:center;
	font-family: tahoma,verdana,Arial, Helvetica, sans-serif;
}

body.intro a.intro,body.gallery a.gallery,body.tools a.tools,body.portfolio a.portfolio,body.fees a.fees,body.links a.links,body.contact a.contact{
/**height: 100px;
padding:34px 6px 41px; **/
background: #D77602;}


#container{
background:#F0F0F0 url(../Images/contentbg2.png) repeat-x;
border-left:1px solid #eef;
border-right:1px solid #eef;
color:#333;
width: 970px;
margin:0 auto;
height:1%; /** IE Peekaboo fix **/
padding:0;
text-align:left;
}

html>body #container { /**for non-IE6 browsers**/
width: 90%;
min-width: 900px;
max-width: 1200px;
height: auto;
}


#menu{/**height:100px;padding-top:35px;**/
	text-align:right;
	font-size: 16px;
	font-weight:200;
	letter-spacing:-1px;
	line-height: 90px;
}

#menu a{color:#ebe9f1;/**height:100px;**/margin:0;padding:36px 6px 45px}

#menu a:hover,#menu a:active,#menu a:focus{background:#D8D8D8 url(../Images/menuhover.png) repeat-x;border-left:1px solid #eee;border-right:1px solid #eee; padding:35px 5px 46px; color:#4488c3; text-decoration:none}

#content{background:url(../Images/globebottom.gif) no-repeat bottom left;clear:both;margin-top:20px;width:100%;}



#content h2{border-bottom:2px solid #688384;color:#555;margin:0 0 10px}
#content h2 a{color:#555;font-weight:400}
#content h2 a:hover{background:none;color:#269;text-decoration:none}
#content p{margin:.5em 1em .8em}
#footer{clear:both;color:#888;padding:25px 0 14px 100px;text-align:left}
#footer a{color:#888;font-weight:400}
#footer span{color:#aaa;font-size:2em;letter-spacing:-2px}
#left{float:left;width:62%}

#leftside /**alt-web branding**/{
	width:50px;
	position: absolute;
	top: 530px;
	text-align: left;
	background-image: url(../Images/left-side-bg.png);
	background-repeat: no-repeat;
	left: -4px;
	height: 460px;
}



/**changed right margin from 64 to 66**/
#right{margin-left:64%;margin-top:-15px; font-size:98%;}
#right h2{margin:15px 0 5px;}


#sitetitle{
background:url(../Images/Alt-Web-lensflair.jpg) no-repeat;float:left;
height:100px;
position: inherit; 
text-align: right;
width:250px;
margin:0;
padding:0;
}

#sitetitle a{color:#FFF;font-weight:400}

.bcrumb{padding:10px 0 5px 0; text-align:left}
.browser ul,.browser li{line-height:1.2em;list-style:none;margin:.5em 1em .8em 2em}
.center{text-align:center}
.clear{clear:both}
.code {text-align:left;
	margin:0 15px 0 15px;
	background: #E4ECEE;
	padding: 10px;
	border: 1px dashed silver;
	font: 1em "Courier New", Courier, monospace;
	line-height: 1.4em;
	color:#000000;
}

.date{float:left;font-weight:700}
.entry{background-color:#E6E6E6;background-image:url(../Images/entrybg.png);background-repeat:repeat-x;border:2px solid #fff;color:#333;margin:0 0 20px 30px;padding:10px 10px 0;position:relative; height: 1%/**IE Peekaboo fix for floats inside this division**/}

.entry a:hover,.intro a:hover{text-decoration:underline}
.entry img{position:relative}
.entryphoto{background-color:#ddd;border:2px solid #fff;color:#333;float:left;margin:5px 10px 10px 0;padding:3px}
.hide{display:none}
.introphoto{background-color:#ddd;border:1px solid #fff;color:#333;margin:5px 10px 10px 0;padding:3px}

#RSS ul {list-style: url(../Images/linkarrow.gif);}

.link{line-height:1;
color:#269;
background: url(../Images/linkarrow.gif) no-repeat left;
display:block;
margin:4px 0 0 0;
padding:2px 1em;
}


.link:hover{
color:#4488c3;
background: url(../Images/blinkarrow.gif) no-repeat left; /* Delete this line to remove the blinking arrows */
text-decoration:underline;
}


.meta{border-top:2px solid #ccc;clear:both;color:#567;font-size:.9em;margin:10px 0 0;padding:5px 1px 0 0;text-align:right}
.pagenav{color:#888;text-align:center}
.path{padding:1em;text-align:left}
.right{text-align:right}

.subcontainer {
	width:98%;
	background:#BDDBE3 url(../Images/link-bg.jpg) repeat-x;
	border:1px solid #5CA2A9;
	height:1%;
	text-align: center;
}

.rightsub {float:left;width:44%; padding:5px}

.rightsub2 {margin-left:50%; padding:5px}

.clearfix {
display: block;
height: 0px;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/**.rightsub{float:left;padding:5px;width:45%;height:auto;}
.rightsub2{margin-left:50%;padding:5px; height:auto;}

.subcontainer{background:#BDDBE3 url(../Images/link-bg.jpg) repeat-x; border:2px solid #FFF; height:1% /**IE peekaboo fix;width:96%}**/

html,#right.subcontainer{height:100%; margin-bottom:5px; overflow:auto;} /**for non-IE browsers**/

.thumbs img{background-color:#ddd;border:2px solid #fff;color:#555;margin:0 2px 2px 0;padding:3px;position:relative}

/**Links**/
a{color:#4488c3;font-weight:700;text-decoration:none}
a:visited {color:#4488c3; text-decoration:none}
a:hover,a:active,a:focus{text-decoration:underline}

a img{border:none;}
img a:hover {border:none}

acronym{border-bottom:1px #066a6a dotted;cursor:help}

h1{color:#567;font-size:2em;letter-spacing:-3px;margin:12px 0 5px 20px}
h1,h2,h3{font-weight:400;}
h2{color:#888;font-size:1.6em;letter-spacing:-1px;margin:-10px 0 0 50px}
h3{color:#555;font-size:1.4em;margin:1em 0 .5em .5em; line-height:1.5; padding-top: 5px; padding-bottom: 5px;}
h4{font-size:1.2em;font-weight:700}
html .date{text-align:left}
ol,li{line-height:1.4;margin:.2em 1em .8em}
p{line-height:1.5em;margin:0 0 15px}

ul{list-style:url(../Images/a-red-dot.png)}

li{line-height:2em; margin-left:20px; padding-left: 10px }

/**Contact Form**/

#form1 input {margin-left:50px;}

#form1 select,#form1 textarea{margin-left:50px; font-family: Arial, Helvetica, sans-serif; font-size:.9em;}

#form1 fieldset {background-color: #D5F1FF;}


#form1 legend {
border: thin solid white;
padding: 8px; 
text-transform: uppercase; 
font-family: Georgia, "Times New Roman", Times, serif; 
font-size:12px;
letter-spacing:3px; 
background-color: #FFC0A2;}


#form1 #button1 {
color: #333;
font-size: 16px; 
font-weight:500;
background: url(../Images/button.gif) no-repeat;
display: inline;
border:none;
width:100px; 
height: 30px;
line-height: 27px;
text-align: center;
margin-left: 35%;
}

#form1 #button1:hover{background: url(../Images/button2.gif) no-repeat;color: #4488c3; font-weight: bold; cursor:pointer}

#button2 {
color: #333;
font-size: 16px; 
font-weight:bold;
font-style:italic;
background: url(../Images/button.gif) no-repeat;
display: inline;
border:none;
width:100px; 
height: 30px;
line-height: 27px;
text-align: center;
}

#button2:hover{background: url(../Images/button2.gif) no-repeat;color: #4488c3; font-weight: bold; font-style:italic; cursor:pointer}

/**Alt-Web's Committment**/
#bulb{background:#FFC0A2 url(../Images/lightbulb.gif) no-repeat right bottom; border: 1px gray solid; padding:10px;}

/**floated images**/
.RightCaptions {/** container  **/
	float: right;
	width: 250px;
	height: auto;
	border: 1px solid #5CA2A9;
	padding: 0.5em;
	margin: 15px;
}

.CenterCaptions {/** container  **/
text-align:center;
width: 250px;
height:auto;
border: thin silver solid;
margin: 0.5em;
padding: 0.5em;
}

.LeftCaptions {/** container **/
float: left;
width: 250px;
height:auto;
border: thin silver solid;
margin: 0.5em;
padding: 0.5em;
}

.RightCaptions p, .CenterCaptions p, .LeftCaptions p {/** text captions **/
text-align: center;
font-style: italic;
font-size: 14px;
text-indent: 0;
}

/**SEARCH FORM**/
form#search {
	width:225px;
	background-color:#62A0C9;
	border:3px solid #849ab2;
	padding: 10px 0 10px 0;
	/**ROUNDED BORDERS**/
border-radius:5px;

-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
	margin-left: 25px;
}

#searchField {
height: 35px; /**image height plus a smidge more**/
background:#FFF url(../Images/search.png) right bottom no-repeat;
font:12px/3em Arial, Helvetica, sans-serif;
margin-left: 12px;
padding: 2px;
/**ROUNDED BORDERS**/
border-radius:8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
}

#search-button {
background-color:#da5e2a;
color:#fff;
font:bold 18px Arial, Helvetica, sans-serif;
border:1px outset red;
cursor:pointer;
/**ROUNDED BORDERS**/
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius: 5px;
margin: 5px 12px;
}
#search-button:focus, 
#search-button:hover {
background-color:#990000;
border: 1px inset red;
}
/**END SEARCH FORM**/