/* Start of CMSMS style sheet 'knightpyatt-styles' */
/* CSS Document knightpyatt styles */

/* contents --------------------------------------------------

1. Main page elements
2. Nav
3. footer

knightpyatt grey: #95a3ac;
Purple: #46166b;
dark grey : #455560

-------------------------------------------------------------*/

h1 {font-family:Arial, Helvetica, sans-serif; font-size:2.25em; font-weight:200; color:#46166b;}

.album_content h3 {font-family:Arial, Helvetica, sans-serif; font-size:2.25em; font-weight:200; color:#455560}

h1#NewsPostDetailTitle {color:#455560;}

div#gallery h1 {color:#fff; margin:0;}

h2 {font-family:Arial, Helvetica, sans-serif; font-size:1em; color:#46166b; font-weight:normal;}

h3 {font-family:Arial, Helvetica, sans-serif;}

h4 {font-family:Arial, Helvetica, sans-serif; color:#455560;}

#main-col h4 {font-family:Arial, Helvetica, sans-serif; color:#455560; font-size:0.75em; margin:0;}

#main-col ul {font-family:Arial, Helvetica, sans-serif; color:#455560; font-size:0.75em; margin:0; padding:0; list-style:square;}

h4.picName {font-family:Arial, Helvetica, sans-serif; color:#46166b; margin:0 0 16px 0;}

h5 {font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; font-size:0.75em; color:#455560; }

p {font-family:Arial, Helvetica, sans-serif; color:#455560; font-size:0.75em;}

#main-col p {font-family:Arial, Helvetica, sans-serif; color:#455560; font-size:0.75em; margin:0 0 20px 0;}

span.purple {color:#46166b; font-weight:bold;}

div.NewsSummaryMorelink {color:#46166b;}

div.NewsSummaryMorelink a {display: inline-block; color:#46166b; font-family:Arial, Helvetica, sans-serif; font-size:0.75em;}

hr#NewsRule {border:0; border-top:solid 1px #95a3ac;}

div#main-col a, div#main-col a:active, div#main-col a:hover, div#main-col a:visited {color:#46166b;}

div#NewsPostDetailPrintLink a, div#NewsPostDetailPrintLink a:active, div#NewsPostDetailPrintLink a:visited {color:#455560; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; float:left;}

div#NewsPostDetailPrintLink img {padding-right:5px; margin:0px 0 5px 5px; float:left;}

div#NewsPostDetailReturnLink a, div#NewsPostDetailReturnLink a:active, div#NewsPostDetailReturnLink a:visited {color:#455560; font-family:Arial, Helvetica, sans-serif; font-size:0.75em; float:left;  }

div#NewsPostDetailReturnLink img {padding-right:5px; margin:0px 0 5px 5px; float:left; margin-left:20px;}




/* 1.Main page elements -------------------------------------------------------*/

body {margin:0; padding:0; background:url(images/knightpyatt-bg.gif) repeat center top;}

div#mainWrapper {width:900px; margin-left:auto; margin-right:auto; background:#fff; border-right:solid 1px #f5f4f5; border-left:solid 1px #f5f4f5; }

div#mainContent {margin:8px 0 0 20px;}

div#panel{margin:0 20px 0 20px; height:300px;  display:none; background:#95a3ac; color:#fff; }

div#header {height:111px; width:900px; background:#fff; padding:1px;}

div#left-col {width:220px; float:left;}

div#right-col {width:620px; float:left; height:400px; margin-left:20px;}

div#portfolio-col {width:620px; float:left; margin-left:20px;}

div.clearFix {clear:both;}

div#projectCategories {margin:20px 20px 0 20px; border-bottom:solid 1px #46166b; padding:0 0 16px 0;}

div#projectCategories h3 {width:220px; float:left; margin:0 0 0 0px; font-size:0.85em; color:#46166b; border-top:solid 1px #95a3ac; padding:8px 0 0 0; }

div.projects-cats {margin:0 0 0 20px; width:140px; float:left;}

div.first {margin-left:0;}

div#news {margin:16px 20px 0 20px; padding:0 0 16px 0;}

div.newsItem {margin: 0 0 0 20px; width:140px; float:left; overflow:hidden;}

div.newsItem-archive {margin-top:32px;}

div#news-archive a { color:#46166b; font-family:Arial, Helvetica, sans-serif; font-size:0.75em}

div#news h3 { width:140px; float:left; margin: 0 0 0 0px; width:220px; height:50px; font-size:0.85em; color:#46166b; }

div.NewsSummaryLink h4 {margin:0;}

div.NewsSummaryLink h4 a {margin:0; font-family:Arial, Helvetica, sans-serif; color:#46166b; font-size:0.75em; text-decoration:none;}

div.newsItem p {margin:0; padding:0; font-size:0.75em;}

div#footer {height:100px; margin:8px 20px 0 20px; border-top: solid 1px #46166b;}

div#logo {margin:35px 0 0 20px; }

div#left-col h4 {color:#455560; font-size:0.85em; font-weight:normal; border-top:solid 1px #95a3ac; padding:8px 0 0 0; margin:8px 0 8px 0;}

div.projects-cats a.projectLink {display:block; background:#46166b; text-decoration:none; color:#fff; font-family:Arial, Helvetica, sans-serif; padding:5px 0 3px 5px; font-size:0.75em; margin:2px 0 0 0; height:50px;}

div#left-col span.purple a {color:#46166b; text-decoration:underline;}

/*---------------------- select menu -------------------------- */

.dhtmlselect{ /*style of DHTML Select Menu, main box */
/*default  width of main box */
font-family:Arial, Helvetica, sans-serif;
color:#46166b;
border: 1px solid #95a3ac;
position: relative;
font-size:0.75em;
text-indent: 3px;
height:18px;
padding: 8px 0 3px 5px;
cursor: pointer;
background-color: #eaedee;
}

.downimage{ /*style of "down" image to the right of the DHTML Select Menu*/
float:right;
margin-right:10px;
margin-top:1px;
}

.dhtmlselect .dropdown{ /*style of Drop Down Menu that appears onMouseover */
position: absolute;
left: -1px;
width: 180px; /*default width of drop down menu*/
border: 1px solid #95a3ac;
color:#46166b;
border-bottom-width: 0;
display: none;
z-index: 5;
}

.dhtmlselect .dropdown a{ /*style of Drop Down Menu's links */
width: auto;
color:#46166b;
display: block;
background: #eaedee;
border-bottom: 1px solid #95a3ac;
height:19px;
padding: 7px 0 3px 0 ;
text-indent: 5px;
text-decoration: none;
}

* html .dhtmlselect .dropdown a{ /*IE 6 (and below) hack */
width: 100%;
}

.dhtmlselect .dropdown a:hover{
color:#fff;
background: #46166b;
}


/*---------------------------- slide ---------------------------------*/

.slide { margin: 0; padding: 0; }

.btn-slide { background:#95a3ac; width: 240px; height: 16px; float:right; padding: 10px 10px 5px 5px; margin: 0 20px 0 0 ; display: block; font-family: Arial, Helvetica, sans-serif; font-size:12px; color: #fff; text-decoration: none; }

.active { background-position: right 12px; }

#panel-left {width:220px; float:left; margin:16px 0 0 240px; display:inline;}

div#panel p {font-size:0.75em;}

div#panel h2 {font-size:1.25em; margin:0 0 16px 0;}


/* 2.Nav -------------------------------------------------------*/

ul#nav {list-style:none; margin:0; padding:0;}

ul#nav li {border-bottom:solid 1px #95a3ac;}

ul#nav li a, ul#nav li a:active, ul#nav li a:visited {color: #455560; text-decoration:none; display:block; font-family:Arial, Helvetica, sans-serif; width:220px; font-size:0.85em; padding:3px 0 3px 0px;}

/* heres the problem */


ul#nav li a.parent {background:url(images/arrow.gif) no-repeat 200px 6px; }

ul#nav li a:hover.parent {background:url(images/arrow.gif) no-repeat 200px 6px #eaedee; display:block; color:#46166b;}

ul#nav li a:hover {background:#eaedee; color:#46166b; display:block;} 

/* the end */

div#left-col p {font-size:0.75em; color:#455560; line-height:16px;}

ul#nav li.currentpage a,  li.currentpage a:active, li.currentpage a:visited {background:#eaedee; color:#46166b; display:block;}

ul#nav li ul {position: absolute; list-style:none; left: -999em; margin-top:-20px; padding:0; margin-left:220px; border:solid #737373 1px; background:#fff; width:220px; display:block; z-index: 999; border-bottom:0;}/* second-level lists */

ul#nav li ul li {padding:0; display:block; margin:0; width:220px; float:none;}

ul#nav li ul li a, ul#nav li ul li a:active, ul#nav li ul li a:visited {margin:0; padding:3px 0 3px 5px; display:block; color:#737373; font-size:0.85em;}/* second-level list links */

ul#nav li ul li.currentpage a,  ul#nav li ul li.currentpage a:active, ul#nav li ul li.currentpage a:visited {background:#eaedee; color:#46166b; display:block; width:215px;}

ul#nav li ul li a:hover {text-decoration:none; background:#eaedee; color:#46166b; width:215px;}/* second-level list links */

ul#nav li ul ul { left: -999em;}/* third-and-above-level lists */

ul#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left: -999em;}

ul#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}/* lists nested under hovered list items */








/* 3.Gallery -------------------------------------------------------*/

    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */


	#container{	
	margin:0 auto;
		position:relative;
		text-align:left;
		background:#fff;		
		margin-bottom:2em;
		width:620px;
      
		}	
			
	#content{
		position:relative;
		}		

	#slider{overflow:hidden; position:relative;}	
	#slider ul, #slider li{
		margin:0 ;
		padding:0;
		list-style:none;
		}

	#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:620px;
		height:400px;
overflow:hidden;
		}	

	#prevBtn, #nextBtn{ 
		display:block;
		width:20px;
		height:20px;
		position:absolute;
		left:-9px;
		top:200px;
		}	
	#nextBtn{ 
		left:624px;
		}														
	#prevBtn a, #nextBtn a{  
		display:block;
		width:300px;
		height:77px;
		background:url(images/prev-btn.gif) no-repeat 0 0;	
cursor:pointer;
		}	
	#nextBtn a{ 
		background:url(images/next-btn1.gif) no-repeat 0 0;	
		}

p#controls, p#controls2{
	margin:0;
	position:relative;
	} 


	
p#controls, p#controls2{
	margin:0;
	position:relative;
	} 

				
span.mainImage {overflow:hidden; width:620px; height:420px; display:block;}

div.comment {margin:0; padding:16px; width:588px; display:block}

span.mainImage span.comment h1 {color:#fff;}

span.mainImage span.comment span.heading1 {color:#fff;}

a span.mainImage span.comment {color:#fff; padding:170px 0 0 16px; width:400px; margin:0; font-size:22px;}

/* 4.Footer -------------------------------------------------------*/

div#credits {width:300px; float:left;}

div#credits p {color:#46166b; font-size:0.65em;}

div#credits a {color:#46166b; text-decoration:underline; }

div#RICS {float:right; width:250px; margin:8px 0 0 0; padding:0;}

/* 5.Page -------------------------------------------------------*/

div#main-col {width:440px; margin:0 0 0 20px; float:left;}

div#secondary-col {width:140px; float:left; margin:0 0 0 20px;}

div#secondary-col div.newsItem {border-bottom:solid 1px #95a3ac; margin-top:16px; padding-bottom:16px;}


/* 5.Photo galleries -------------------------------------------------------*/

ul.albumlist { width:635px}

ul.albumlist li.thumb img {width:140px; height:147px; border:0;}

ul.albumlist li.thumb a {border:0; padding:0; margin:0; height:147px;}

p.albumname {background:#46166b; color:#fff; text-align:left; padding:5px; margin-top:5px; width:130px; height:50px;}

div.albumcomment { text-align:left;}

div.albumcomment p {text-align:left; margin-top:0;}

div#trueContainer {}

div#motiongallery {}

div#motioncontainer {}

div.largeview { text-align:left; margin-top:16px;}

/* 6.contact form -------------------------------------------------------*/

#left-contact {width:280px; float:left; margin:16px 0 0 240px; padding:0; border:0; height:250px;}

legend {font-size:1em; font-family:Arial, Helvetica, sans-serif; color:#fff; }

#left-contact input {background:#eaedee; height:20px; width:240px; border:0; padding:5px; margin:0 0 0px 0; }

#left-contact p {color:#fff;}

#left-contact label {font-family:Arial, Helvetica, sans-serif; font-size:0.85em; margin:16px 0 0 0; width:250px;  display:block;}

#right-contact {width:280px; float:left; margin:16px 0 0 16px; padding:0; border:0; }

#right-contact input {background:#eaedee; height:20px; border:0; padding:5px; margin:0 0 0 0; width:240px;}

#right-contact p {color:#fff;}

#right-contact label {font-family:Arial, Helvetica, sans-serif; font-size:0.85em; margin:16px 0 0 0; width:250px; display:block;}

#right-contact textarea {background:#eaedee; padding:5px; border:0;}

input#cntnt01fbrp_submit { background:#46166b; border:0; color:#fff; padding:0px; padding-left:10px; padding-right:10px; height:30px; margin-left:16px;}

.contactform {}



/* End of 'knightpyatt-styles' */