/* CSS Document */

/*
CSS - CWPhotography
*/

BODY{
	margin : 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	height:100%; /* needed for container min-height */
	text-align: center;
	 }
	 
html, body {
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treated as min-height*/
	min-height:100%; /* real browsers */
	background-color:#330000;
}

div#maintop {
	width: 1000px;
	height: 104px;
	margin:0;
	background-color:#330000;
	background-repeat: no-repeat;
	}

div#toplogo {
	width: 1000px;
	height: 104px;
	background-image: url(images/cwlogo5.gif);
	background-repeat: no-repeat;
	text-align: left;
	}
	
#navcontainer
{
width: 650px;
height: 20px;
padding-top: 60px;
margin-left: 5px;
}

#navcontainer ul
{
background-color: #330000;
color: #cccccc;
width: 100%;
height:100%;
}

#navcontainer ul li
{
display: block;
float: left;
text-align: left;
}

#navcontainer ul li a
{
background: #330000;
height: 20px;
padding-right: 10px;
color: #cccccc;
display: compact;
text-align: left;
font: normal 18px "Trebuchet MS", "Times New Roman", Arial ;
}

#navcontainer li.active a {
    background: #330000;
color: #cccc99;
}

#navcontainer ul li a:hover
{
color: #cccc99;
background: #330000;
}

#navcontainer a:active
{
background: #330000;
color: #cccccc;
}

#navcontainer li#active a hover
{
background: #330000;
color: #cccc99;
}


div#mainbody {
margin: 0px auto;
 width: 1000px;
 height: 450px; 
 padding-top: 10px;
}


#contenta {
 height: 450px;
 width: 30px;
 background-color: #660000;
	float: left;
	margin-left: 5px;
	background-image: url(images/contenta.jpg);
	background-repeat: repeat;
	border: 1px;
	border-style:solid;
	border-color: #330000;
}

#contentb {
  background-color:#cccc99;
	width: 310px;
	height: 450px;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
		border: 1px;
	border-style:solid;
	border-color: #000000;
}

#contentc {
  background-color:#330000;
	width: 600px;
	height: 450px;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	border: 1px;
	border-style:solid;
	border-color: #000000;
}

#contentd {
  background-color:#660000;
	width: 30px;
	height: 450px;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	background-image: url(images/contentd.jpg);
	background-repeat: repeat;
	border: 1px;
	border-style:solid;
	border-color: #330000;
}

#contentb h1 { 
	color: #330000;
	font: bold 16px "rockwell", "Times New Roman", "Arial" ;
	line-height: 18px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	margin-top: 10px; 
}

#contentb h2 { 
	color: #330000;
	font: normal 13px "arial", "Times New Roman", "Arial" ;
	font-style: normal;
	line-height: 15px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

/* home page */

#contentbh {
  background-color:#cccc99;
	width: 160px;
	height: 450px;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
		border: 1px;
	border-style:solid;
	border-color: #000000;
}

#contentch {
  background-color:#330000;
	width: 750px;
	height: 450px;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	border: 1px;
	border-style:solid;
	border-color: #330000;
}
#contentbh h1 { 
	color: #330000;
	font: bold 16px "rockwell", "Times New Roman", "Arial" ;
	line-height: 18px;
	text-align: center;
	padding-left: 7px;
	padding-right: 10px;
	padding-top: 0px;
	margin-top: 10px; 
}

#contentbh h2 { 
	color: #330000;
	font: normal 13px "arial", "Times New Roman", "Arial" ;
	font-style: normal;
	line-height: 15px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

/* links page */

#contentbl {
  background-color:#cccc99;
	width: 700px;
	height: 450px;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
		border: 1px;
	border-style:solid;
	border-color: #000000;
}

#contentcl {
  background-color:#330000;
	width: 210px;
	height: 450px;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	border: 1px;
	border-style:solid;
	border-color: #330000;
}
#contentbl h1 { 
	color: #330000;
	font: bold 16px "rockwell", "Times New Roman", "Arial" ;
	line-height: 18px;
	text-align: left;
	padding-left: 7px;
	padding-right: 10px;
	padding-top: 0px;
	margin-top: 10px; 
}

#contentbl h2 { 
	color: #330000;
	font: normal 13px "arial", "Times New Roman", "Arial" ;
	font-style: normal;
	line-height: 15px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}



/* web page */

#contentcw {
  background-color:#330000;
	width: 600px;
	height: 450px;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	border: 1px;
	border-style:solid;
	border-color: #330000;
}

#contentcw h1 { 
	color: #330000;
	font: bold 16px "rockwell", "Times New Roman", "Arial" ;
	line-height: 18px;
	text-align: right;
	padding-left: 10px;
	padding-right: 5px;
	padding-top: 0px;
	margin-top: 0px; 
}

/* contact page */

#contentbc {
  background-color:#cccc99;
	width: 160px;
	height: 450px;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
		border: 1px;
	border-style:solid;
	border-color: #000000;
}

#contentcc {
  background-color:#330000;
	width: 750px;
	height: 450px;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	border: 1px;
	border-style:solid;
	border-color: #330000;
}
#contentbc h1 { 
	color: #330000;
	font: bold 16px "rockwell", "Times New Roman", "Arial" ;
	line-height: 18px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	margin-top: 10px; 
}

#contentbc h2 { 
	color: #330000;
	font: normal 13px "arial", "Times New Roman", "Arial" ;
	font-style: normal;
	line-height: 15px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

/* client login */

#contentbcl {
  background-color:#cccc99;
	width: 160px;
	height: 450px;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
		border: 1px;
	border-style:solid;
	border-color: #000000;
}

#contentccl {
  background-color:#330000;
	width: 750px;
	height: 450px;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	border: 1px;
	border-style:solid;
	border-color: #330000;
}
#contentbcl h1 { 
	color: #330000;
	font: bold 16px "rockwell", "Times New Roman", "Arial" ;
	line-height: 18px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	margin-top: 10px; 
}

#contentbcl h2 { 
	color: #330000;
	font: normal 13px "arial", "Times New Roman", "Arial" ;
	font-style: normal;
	line-height: 15px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

/* gallery pages */

#contentbp {
  background-color:#cccc99;
	width: 150px;
	height: 450px;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
		border: 1px;
	border-style:solid;
	border-color: #000000;
}

#contentcp {
  background-color:#330000;
	width: 750px;
	height: 450px;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	border: 1px;
	border-style:solid;
	border-color: #330000;
}

#contentbp h1 { 
	color: #330000;
	font: bold 16px "rockwell", "Times New Roman", "Arial" ;
	line-height: 18px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	margin-top: 10px; 
}

#contentbp h2 { 
	color: #330000;
	font: normal 13px "arial", "Times New Roman", "Arial" ;
	font-style: normal;
	line-height: 15px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}

/* portfolio pages */

#contentbpp {
  background-color:#cccc99;
	width: 210px;
	height: 450px;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
		border: 1px;
	border-style:solid;
	border-color: #000000;
}

#contentcpp {
  background-color:#330000;
	width: 700px;
	height: 450px;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	border: 1px;
	border-style:solid;
	border-color: #000000;
}

#contentbpp h1 { 
	color: #330000;
	font: bold 16px "rockwell", "Times New Roman", "Arial" ;
	line-height: 18px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	margin-top: 10px; 
}

#contentbpp h2 { 
	color: #330000;
	font: normal 13px "arial", "Times New Roman", "Arial" ;
	font-style: normal;
	line-height: 15px;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}


div#footer {
	width: 915px;
	height: 24px;
	margin-top: 8px;
	margin-left: 0px;
	margin-bottom: 10px;
	background-image: url(images/footer.gif);
	background-repeat:no-repeat;
}


/* Scroller */

#scroller {
position:absolute;
 top: 30px;
 left: 5px;
 width: 390px;
 height: 375px;
 background-color: #cccc99; 
 color: white; 
 margin: 0;
 padding-right: 20px; 
 overflow:auto;
scrollbar-highlight-color: #cccc99;
scrollbar-3dlight-color: #666633;
scrollbar-arrow-color: #cccc99;
scrollbar-face-color: #ffffff;
scrollbar-shadow-color: #cccc99;
scrollbar-track-color: #999966;
scrollbar-darkshadow-color: #cccc99;
}

#scroller h3 { 
 font-weight: normal;
	color: #330000;
	font-size: 13px;
	font-style: normal;
	line-height: 12pt;
	text-align: left;
	padding-right: 0px;
	padding-top: 0px; 
}
#scroller h4 { 
 font-weight: bold;
	color: #330000;
	font-size: 15px;
	font-style: normal;
	line-height: 12pt;
	text-align: left;
	padding-right: 0px;
	padding-top: 0px; 
}


/* Links */

a:link {
color:#990000;
background: inherit;
text-decoration : none; 
padding : 0;
margin : 0;
}
a:visited {
color:#990000;
background : inherit; 
text-decoration : none; 
}
a:hover {
color:#333333;
text-decoration : none; 
}
a:active {
color:#990000; 
}

/* TEXT STYLE */


p {
	font-weight: normal;
	color: #ffffff;
	font-size: 10px;
	line-height: 5px;
	text-align:right;
	padding-left: 5px;
}