*{margin:0; padding:0; }
html {
     overflow: -moz-scrollbars-vertical;
     overflow: scroll;
}/*keeps scrolls visible so there is no page shifting*/

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #cce4ec;
font-size:13px;
background: url(images/bg2.jpg) repeat;
text-align:center;
}
/********************************   text   *************************************************/
h1 { font-size:18px; color:#354b5f; font-weight:normal;margin-bottom:20px;}
h2 { font-size:16px; color:#455c65; font-weight:normal; margin-bottom:8px;}
h3 { font-size:16px; font-weight:normal;color:#ffffff;font-size:14px;}
p {margin-bottom:6px;}
p.gallery-description{
text-align:left;
position:relative;
left:40px;
font-size:16px;
color:#354b5f;
}
.copyright {
font-size:9pt;
color: #999999;
text-align:right;
font-style:italic;
}
/********************************   navigation   ********************************************/
a{
color:#354b5f;
font-size:13px;
text-decoration:none;
}
a:hover{
color:#000;
font-size:13px;
text-decoration:underline;
}

#header ul li{
display:inline;
margin:0; padding:0;
}
#nav{ margin-left:40px;

}
ul{list-style:none;
	font-weight:bold;
}
#sprite{display:block; background:url(images/sprite/sprite.jpg) 0 0 no-repeat; width:91px; height:61px; outline:none; }
#sprite:hover{background:url(images/sprite/sprite.jpg) 0 -61px no-repeat;}

.sprite{float:left; display:block; no-repeat; outline:none; height:45px; margin-top:4px;}
.homeBtn{ background:url(images/sprite/home_btn.jpg) 0 0; width:90px;}
.homeBtn:hover{background:url(images/sprite/home_btn.jpg) 0 -45px no-repeat;}

.webBtn{ background:url(images/sprite/web_btn.jpg) 0 0; width:82px;}
.webBtn:hover{background:url(images/sprite/web_btn.jpg) 0 -45px no-repeat;}

.artBtn{ background:url(images/sprite/art_btn.jpg) 0 0; width:117px;}
.artBtn:hover{background:url(images/sprite/art_btn.jpg) 0 -45px no-repeat;}

.contactBtn{ background:url(images/sprite/contact_btn.jpg) 0 0; width:116px;}
.contactBtn:hover{background:url(images/sprite/contact_btn.jpg) 0 -45px no-repeat;}

.projectsBtn{ background:url(images/sprite/projects_btn.jpg) 0 0; width:118px;}
.projectsBtn:hover{background:url(images/sprite/projects_btn.jpg) 0 -45px no-repeat;}

/********************************   layout blocks   *************************************************/
#container {
padding-top:10px;
width: 960px;
margin: auto;
text-align:left;
color:#000;
}
#header{
background: url(images/head-graphic.jpg) no-repeat;
height:60px;
}
#content { width: 960px; float:left;
}
#text-box1{
padding:30px 0 0 50px;
width:470px;	
}
#text-box2{
float:left;
	width:390px;
	padding: 25px 0px 20px 60px;
}
#gallery{
float:left;
width:460px;
text-align: center;
padding: 30px 0 30px 0;
}
#form-c1{
float:left;
padding: 10px 20px 10px 100px;
text-align:right;
line-height:28px;
list-style:none;
color:#354b5f;
font-size:16px;
font-weight:bold;
}
#form-c2{
margin-left: 100px;
padding: 45px 10px 10px 30px;
text-align:left;
/*line-height:28px;*/
color:#354b5f;
/*font-size:16px;*/
font-weight:bold;
}
#lower{
float:left;
clear:both;
background: url(images/lower-bg.jpg)  no-repeat;
width:960px;
color:#CCE4EC;
}
/********************************   graphic elements   ***********************************************/
#graphic{
background: url(images/bg.jpg) no-repeat;
width:960px; height:293px;
}
#bar {clear:both; background: url(images/bar.jpg) no-repeat; width:960px; height:25px;
}
img.gallery-image{
padding: 0 5px 3px 5px;
}

/************************************   formatting   ***********************************************/

.clear{clear:both;
}
.inline{display:inline;}
.indent{ padding-left:15px;}
.marTop10{margin-top:10px;}
.marTop30{margin-top:30px;}
.tab10{padding-left:20px;}
.tab20{padding-left:20px;}
.tab30{padding-left:30px;}
.floatLeft{float:left;}

form.comment input:focus, form.comment textarea:focus{background:#afb;}
label:hover{ cursor:pointer; background: #afb;}
.w200{width:200px;}
.w400{width:400px;}
.w600{width:600px;}
.h75{width:75px;}
.inpLabel{width:80px; display:block; float:left;}
option.pad10{padding:0 10px; cursor:pointer;}
/*******************************  file managment styles only   *************************************/
a.white {color:#FFF;}

ul li.horDisplay { display:inline;}
ul li .space {display:inline; padding: 3px 9px; color:#FFF;}
ul li .spaceBorder {padding: 3px 9px 3px 9px; border: 1px solid #fff; color:#FFF;}
/*******************************  color palette   *************************************/
.argList{color:#366; background:#eee; border:1px dotted #22a; padding:10px;}
.choosenColorBox {padding:5px; width:40px; height:40px; border:1px solid black;}
.grayList{color:#366}
.grayList a:hover{color: #03f;}
a.docLink {color: #03f; text-decoration:underline;}
a.docLink:hover {color: #000050;}
a.titleLink{color: #366; text-decoration:underline; font-size:16px;}
a.titleLink:hover{color: #000050;}
pre.code{background:#fff; color:#4b5; font-weight:lighter; padding:10px; margin-bottom:10px;}
.red{color:#f30;}
span.regTxt{color: #354b5f; margin-bottom:6px; font-size:13px; padding-left:20px;}
.commentBox{background:#fff; padding:10px;}
.commentBoxAdmin{background:#efeffa; padding:10px;}