/* --------------------------------------------------------------------------------
-																				-
-				Title: 			WebsiteBlue										-
-				Author: 		Ilya Lobanov									-
-				Website: 		WebsiteBlue.com									-
-				Date:			April 17, 2008									-
-																				-
---------------------------------------------------------------------------------- */



/* ------------------------------------------------------------
		MAIN BODY OF WEBSITE
------------------------------------------------------------ */

		body, form, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5 {
			margin:0px;	padding:0px;
		}

/* ------------------------------------------------------------
		MAIN BODY OF WEBSITE
------------------------------------------------------------ */

		body {
			margin:0; padding:0;
			background-color: #FFFFFF;
			color: #7e705d; font-size: 11px;
			font-family:Tahoma, Tahoma, Arial, Helvetica, sans-serif;
			letter-spacing: 0;
			line-height: 16pt;
			font-weight: normal;
			text-align:center;
		}



		#frontPage {	
			background: #FFFFFF url(../images/bg1.jpg) no-repeat center top scroll;
		}


		#aboutPage {
			background: #FFFFFF url(../images/bg2.jpg) no-repeat center top fixed;
		}


		#portfolioPage {
			background: #FFFFFF url(../images/bg2.jpg) no-repeat center top fixed;
		}
		
		
		#servicesPage {
			background: #FFFFFF url(../images/bg2.jpg) no-repeat center top fixed;
		}

		
		#processPage {
			background: #FFFFFF url(../images/bg2.jpg) no-repeat center top fixed;
		}		


		#pricesPage {
			background: #FFFFFF url(../images/bg2.jpg) no-repeat center top fixed;
		}

		
		#contactPage {
			background: #FFFFFF url(../images/bg2.jpg) no-repeat center top fixed;
		}	
		
				


/* ------------------------------------------------------------
		SLIDE PANEL
------------------------------------------------------------ */


		#main-header {
			background-color:#3a281b;
			padding:0; margin: 0; text-align:center;
		}

		#top-panel {
			background-color:#453427;
			border-bottom:3px solid #453427;
			padding:0; margin: 0;
			text-align:center;
		}
		
		.stroke {		
			padding:6px 0 0 0; background-color:#453427;		
		}
		
		#sub-panel{
			margin: 0 auto; width: 800px;
		}
		#sub-panel a {
			width:107px; height: 24px; float:right; clear:none;
			padding: 0; margin: 0 55px 0 0;
		}
		
		#sub-panel a.email {
			float:right; width:auto; height:auto;
			padding: 0; margin: 0;
		}
		
		#sub-panel img.panelimg {
			float:right;
			padding: 0; margin: 0;
		}


/* ------------------------------------------------------------
		WRAPPER CONTAINER TO CENTER
------------------------------------------------------------ */

		#wrapper {
			width: 800px !important;
			margin: 0 auto; padding: 40px 0 0 0;
			text-align:left; position:relative;
		}

		#bellmeabsolute {
				position:absolute; top: 393px; left: 565px; z-index: 999; margin: 0; padding:0;
			}	


/* ------------------------------------------------------------
		GLOBAL FLASH NAVIGATION
------------------------------------------------------------ */

		#globalNav {
				margin: 0 auto; padding:0; clear:both;
				height: 55px; width: 800px;
				background-color: #3a281bb;
			}


/* ------------------------------------------------------------
		FLASH SECTION DIV
------------------------------------------------------------ */

		#splash {
				margin: 0; padding:0; clear:both;
				height: 400px; width: 800px; z-index: 998;
			}


/* ------------------------------------------------------------
		MAIN CONTENT DIV
------------------------------------------------------------ */


		#content {
				width:800px; margin: 0; padding: 20px 0 35px 0;
				background: transparent url(../images/transwhite.png) repeat; clear:both;
		}

		
		#content p {
				color: #7e705d; line-height: 13pt; text-align: left;
				font-size: 11px; padding: 6px 30px 6px 30px; margin:0; width: 420px;
		}


		#content p.ourContacts {
				color: #7e705d; line-height: 13pt; text-align: left; font-size: 11px; 
				padding: 0; margin: 20px 20px 0 30px; width: 160px; float:left; display:inline;
		}


		#aboutus {
				width:800px; margin: 0; padding: 0 0 35px 0;
				background: transparent url(../images/transwhite.png) repeat; clear:both;
		}

		#aboutus p {
				color: #7e705d; line-height: 13pt; text-align: left;
				font-size: 11px; padding: 6px 30px 6px 30px; margin:0; width: 320px;
		}
		
		
		#processBlock {
				background: #534230 url(../images/brownbg.jpg) repeat-x top left;
				padding: 0; margin:5px 0 0 30px; width: 370px; height: 135px; 
				float:left; display:inline;
		}


		#processBlockAlt {
				background: #5e4e3a url(../images/brownbg2.jpg) repeat-x top left;
				padding: 0; margin:5px 15px 0 5px; width: 370px; height: 135px; 
				float:left; display:inline;
		}

		#processBlock p, #processBlockAlt p {
				color: #c5bcb1; line-height: 14px; text-align: left; width: 270px;
				font-size: 11px; padding: 0 0 0 30px; margin:0;
		}



		#content div.prices {
				color: #7e705d; line-height: 13pt; text-align: left; border-right: 1px solid #98d9f6;
				font-size: 11px; padding: 6px 0 20px 30px; margin:0; width: 220px;
				float:left; text-align: left; display:inline;
		}

		#content div.myPrice {
				background: #5e4e3a url(../images/brownbg2.jpg) repeat-x top left;
				padding: 10px 10px 10px 20px; margin:10px 0 0 0px; height: 100px; width: 160px;
				float:left; text-align: left; display:inline; color: #c5bcb1;
		}
		
		#content div.finance_prices {
				color: #7e705d; line-height: 13pt; text-align: left; 
				font-size: 11px; padding: 6px 0 20px 5px; margin:0; width: 135px; 
				float:left; text-align: left; display:inline;
		}

		#content div.finance_myPrice {
				background: #FFF url(../images/financeblock.jpg) no-repeat left top;
				color: #7e705d; line-height: 13pt; text-align: left;
				font-size: 11px; padding: 6px 0 0 15px; margin: 0 0 5px 0; width: 100px; height: 78px; 
				float:left; text-align: left; display:inline;
		}
		

		#googlemap_image {
				float:left; padding: 0; margin: 6px 0 6px 20px; border: 2px solid #2699CC;
				height: 240px; width: 540px; overflow: hidden;
		}


		#content div.livehelp {
				color: #7e705d; line-height: 13pt; text-align: left; 
				font-size: 11px; padding: 0; margin:10px 0 0 30px; width: 235px; 
				float:left; text-align: left; display:inline;
		}



		#content span {
				color: #7e705d;
				font-weight: bold;
				font-size: 12px; padding: 0; margin:0;
		}


		#content span.soon {
				font-weight:normal; font-size: 11px; 
				color: #2699cc; text-decoration: none;
				}


	
		#content ul {	
				line-height: 11pt; list-style:none;
				margin: 30px 0 10px 0; padding: 0;
			}
	
		#content li {
				font-weight:normal; font-size: 11px;
				margin:0px;	padding: 0 0 0 14px;
				color: #2699cc;	text-decoration: none;
				background: url(../images/bullet.gif) no-repeat 0px 5px;
			}



		#content a {
				font-weight:normal;
				font-size: 11px;
				color: #2699cc;
				text-decoration: underline;
			}
	
	
		#content a:hover {
				font-weight:normal;
				color: #2699cc; 
				text-decoration: none;
			}	



		#content a.inners {
				font-weight:normal; font-size: 11px; 
				color: #2699cc; text-decoration: none;
				background: url("../images/bullet.gif") no-repeat 0 5px;
				padding: 0 0 0 12px; 
				}
					
		#content a.inners:hover {
				font-weight:normal; 
				color:#2699cc; text-decoration: underline;
				background: url("../images/bullet.gif") no-repeat 0 5px;
				padding: 0 0 0 12px;
				}

/* ------------------------------------------------------------
		BLOG DIVS
------------------------------------------------------------ */


		#blognav {
				width:200px; margin: 0; padding: 10px 0 35px 0;
				float: left; clear:none;
		}


		#blognav span {
				color: #7e705d;	font-weight: bold; display: block;
				font-size: 12px; padding: 10px 0 5px 0; margin:0 0 0 30px;
				width: 170px; border-bottom: 1px dotted #7c7c7c;
		}


		#blognav ul {	
				line-height: 11pt; list-style:none;
				margin: 8px 0 0 30px; padding: 0;
			}
	
		#blognav li {
				font-weight:normal; font-size: 11px;
				margin:0px;	padding: 0 0 0 14px;
				color: #2699cc;	text-decoration: none;
				background: url(../images/bullet.gif) no-repeat 0px 5px;
			}
		
		#blogcontent {
				width:600px; margin: 14px 0 0 0; padding: 0;
				float: left; clear:none;
		}
		
		#blogcontent p {
				color: #7e705d; line-height: 13pt; text-align: left;
				font-size: 11px; padding: 6px 40px 6px 20px; margin:0; width: auto;
		}
		
		#blogcontent span.blogSubheading {
				font-family: Tahoma, Tahoma, Arial, Helvetica, sans-serif;
				color: #2699cc;	font-size: 12px; line-height: 1.4em; font-weight: bold;
				padding: 0 0 0 20px; margin:0; width: auto; display:block;
		}
		
		
		#blogcontent #dateicon {
				padding: 0; margin: 10px 0 0 14px; 
				width: 38px; height: 50px; overflow:visible;
				background: transparent url("../images/datebg.jpg") no-repeat top left;
				position:relative; float: left; clear:both;
		}		


		#blogcontent #dateicon .dateparent {
				position: relative; width:38px; text-align:center;
				color: #017cac; font-size:14px; font-weight: bold;
		}	
	
	
		#blogcontent #dateicon .monthparent {
				position: relative; width:38px; text-align:center;
				color: #2699cc; font-size:10px; font-weight: bold;
				text-transform:uppercase;
		}		
	
	
		#blogcontent #dateicon .datedesc {
				position: absolute; top: 2px; left: 50px; width: 550px;
				color: #2699cc; font-size:28px; font-weight: normal;
		}

	
		#blogcontent ul {	
				line-height: 11pt; list-style:none;
				margin: 0px 0 10px 10px; padding: 0;
			}
	
		#blogcontent li {
				font-weight:normal; font-size: 11px;
				margin:0px;	padding: 0 0 0 14px;
				color: #2699cc;	text-decoration: none;
				background: url(../images/bullet.gif) no-repeat 0px 5px;
			}
	

/* ------------------------------------------------------------
		PORTFOLIO SUBNAV
------------------------------------------------------------ */


		#content p.folioInfo {
				color: #7e705d; line-height: 13pt; text-align: left;
				font-size: 11px; padding: 6px 30px 6px 30px; margin:0; width: 500px;
				float: left;
		}

		#subnav {
				color: #7e705d; line-height: 13pt; text-align: left; font-size: 11px; 
				padding: 0; margin: 6px 30px 0 0; width: 165px; float:right;
		}

		#subnav span {
				color: #7e705d;	font-weight: normal;
				font-size: 11px; padding: 0; margin:0;
		}


		#subnav a {
				font-weight:normal;
				font-size: 11px;
				color: #2699cc;
				text-decoration: underline;
			}
	
	
		#subnav a:hover {
				font-weight:normal;
				color: #2699cc; 
				text-decoration: none;
			}	


/* ------------------------------------------------------------
		PORTFOLIO THUMBS
------------------------------------------------------------ */

		#myFolioGallery {
				margin: 10px 0 10px 30px; padding: 0; float: left; display: inline; width:770px;
				}


		#myThumbContainer {
				float: left; width: 215px;
				margin: 0 33px 15px 0; padding: 0; 
				}


		#myThumbContainer p {
				color: #7e705d; line-height: 12pt; 
				text-align: left; font-size: 11px; 
				padding: 0; margin: 3px 0 7px 0; width: 215px;
		}


		#myFolioGallery a.myThumb {
				width: 215px; height: 91px; display: block;
				margin: 0; padding: 0; background-color: #e5e6e1;
				}

		#myFolioGallery a.myThumb:hover {
				width: 215px; height: 91px; display: block;
				margin: 0; padding: 0; background-color: #61bae0;
				}


		#myFolioGallery img {
				margin: 4px; padding: 0; width: 207px; height: 83px;
				}



/* ------------------------------------------------------------
		FRONT PAGE FEATURES
------------------------------------------------------------ */

		#features {	
				width: 800px; height: 285px;
				background-color: #FFF; position: relative;
			}	


		#features .site {	
				margin:0; padding:0;
				position: absolute; top:0px; left: 0px;
			}	


		#features .event {	
				margin:0; padding:0;
				position: absolute; top:0px; left: 296px;
			}	


/* ------------------------------------------------------------
		BLOG FEATURE
------------------------------------------------------------ */

		#blog {
				margin: 0; padding: 0; 
				position: absolute; top:0px; left: 535px;
				width: 260px; text-align: left; 
				color: #7e705d;	font-size: 11px; 
				line-height: 11pt; font-weight: normal;
				background: #FFF url(../images/blogbg.jpg) no-repeat left top;
				}


		#blog p {
				margin: 15px 10px 10px 44px; padding: 0;
				}


		#blog a {
				font-weight:normal;	font-size: 11px; 
				color: #7e705d; text-decoration: none;
				padding: 0;
				}
					
		#blog a:hover {
				font-weight:normal;	margin:0px; 
				color:#2699cc; text-decoration: underline;
				padding: 0;
				}


		#blog a.browse {
				font-weight:normal;	font-size: 11px; 
				color: #2699cc; text-decoration: none;
				background: url("../images/bullet.gif") no-repeat 0 5px;
				padding: 0 0 0 14px;
				}
					
		#blog a.browse:hover {
				font-weight:normal;	margin:0px; 
				color:#2699cc; text-decoration: underline;
				background: url("../images/bullet.gif") no-repeat 0 5px;
				padding: 0 0 0 14px;
				}




/* ------------------------------------------------------------
		MAIN LOGIN BOX
------------------------------------------------------------ */

		#login {
			margin: 60px 0 0 0; padding: 25px 20px 0px 35px;
			width: 400px;
			background: #fff url("../images/loginbg.jpg") no-repeat bottom right;
			border: 1px solid #c2ebfd;
			}


		#login .form {
			margin: 0 0 0 55px; padding: 0; text-align:left;
		}
	
	
		#login p.error {
			padding: 10px 15px 10px 15px;
			margin: 0 0 15px -10px;
			display:block;
			background: #ffe7e2 url("images/errorbg.jpg") repeat-x top;
			border: 1px solid #76c6e9;
			color: #d72318;
			font-size: 12px;
			font-family:Geneva, Arial, Helvetica, sans-serif;
			letter-spacing: .1pt;
			line-height: 15pt;
			font-weight: bold;
		}


		#login label {
			color: #4c4c4c;
			font-size: 12px;
			font-family:Geneva, Arial, Helvetica, sans-serif;
			letter-spacing: .1pt;
			line-height: 15pt;
			font-weight: bold;
			cursor: pointer;
			float:left;
			width: 60px;
			text-align: left;
			clear: both;
			margin-bottom: 15px;
			}


		#login h1 {
			color: #99dbf8;
			font-size: 16px;
			font-family:Geneva, Arial, Helvetica, sans-serif;
			letter-spacing: .1pt;
			line-height: 36pt;
			font-weight: bold;
			margin: 0 0 0 -15px; padding:0;
			}


		#login input.button {
			font-weight:bold;
			font-size: 12px;
			color: #99dbf8;
			text-decoration: none;
			padding: 7px 10px 7px 10px; 
			margin: 0px 0 30px 75px;
			background: #FFF;
			border: 1px solid #99dbf8;
			width: 80px; height: 30px;
			}	


		#login input {
			width: 150px;
			padding: 3px;
			margin: 0 0 10px 15px;
			background-color: #FFF;
			border: 1px solid #bebebe;
			color: #4c4c4c;
			font-size: 14px;
			height:18px;
			font-family:Geneva, Arial, Helvetica, sans-serif;
			}



/* ------------------------------------------------------------
		FORMS LAYOUT
------------------------------------------------------------ */


		#content fieldset {
				width: 380px; margin: 18px 0 0 20px; padding: 0px 0 0 0;
				float: left; display: inline;
				border:none;
				}
	

		#main span.mandatory {
				font-size: 116.667%; color: #2699CC;
		}
	
		
		#main .button { 
				display: block; float:left; 
				padding: 0; margin: 0px 0 0 125px;		
				border: none; height: 38px; width: 81px;
		}
	
		#main .pass { 
				color: #2699CC;
				float: left; text-align: left; clear: both; margin: 0 0 0 210px;
			}
				
		#main label { 
				color: #2699CC; cursor: pointer;
				width: 80px; float: left; text-align: left; clear: both; margin: 0px; 
			}


		#main label.general { 
				color: #2699CC; cursor: pointer;
				width: 125px; float: left; text-align: left; clear: none; margin: 0 0px 0 0px; 
			}
			
		#main label.password { 
				color: #2699CC; cursor: pointer;
				width: 190px; float: left; text-align: left; clear: none; margin: 0 0px 0 0px; 
			}

	
		#main input {
				float: left; width: 180px;
				padding: 2px; margin: 0 0 10px 20px; 
				color:#2699CC; background-color: #e5e7ec; border: 1px solid #88d0f0;
			}


		#main input.over {
				float: left; width: 180px;
				padding: 2px; margin: 0 0 10px 20px; 
				color:#2699CC; background-color: #FFF; border: 1px solid #2699CC;
			}
			
		#main input.number {
				float: left; width: 68px;
				padding: 2px; margin: 0 0 10px 20px; 
				color:#2699CC; background-color: #e5e7ec; border: 1px solid #88d0f0;
			}
			
		#main input.numberOver {
				float: left; width: 68px;
				padding: 2px; margin: 0 0 10px 20px; 
				color:#2699CC; background-color: #FFF; border: 1px solid #2699CC;
			}		
			

		#main select {
				float: left; width: 300px; height:22px;
				padding: 2px; margin: 0 0 10px 20px; 
				color:#5b5b5b; background-color: #e5e7ec; border: 1px solid #f5db95;
		}	

		#main select.over {
				float: left; width: 300px; height:22px;
				padding: 2px; margin: 0 0 10px 20px; 
				color:#5b5b5b; background-color: #FFF; border: 1px solid #5c85b2;
			}

		#main textarea {
				float: left; width: 282px; height: 120px;
				padding: 2px; margin: 10px 0 10px 0px; 
				color:#2699CC; background-color: #e5e7ec; border: 1px solid #88d0f0;
				overflow: hidden;
			}
		
	
		#main textarea.over {
				float: left; width: 282px; height: 120px;
				padding: 2px; margin: 10px 0 10px 0px; 
				color:#2699CC; background-color: #FFF; border: 1px solid #2699CC;
			}


		#main input.tick {
				float: left; width: 16px; height:16px; clear:both; display: inline; 
				padding: 3px; margin: 0; border: none;			
		}	


		#main span.required {
				font-size: 11px; font-weight:bold;
				float: left; width: 100px; padding: 3px; margin: 0 0 2px 5px; color:#8cc63f;
		}



/* ------------------------------------------------------------
		MAIN FOOTER
------------------------------------------------------------ */

		#main-footer {
				height: 250px; background-color:#FFFFFF;
				padding:0; margin: 0; text-align:center;
		}
		
		#footer {	
				width: 800px; height: 250px; margin: 10px auto; padding:0; display:block;
				background: #FFFFFF url(../images/footerbg.jpg) no-repeat center top;
				position: relative;
			}	

/* ------------------------------------------------------------
		ABOUT SPILL
------------------------------------------------------------ */

		#aboutspill {
				margin: 0; padding: 0; 
				position: absolute; top:25px; left: 40px;
				width: 265px; text-align: left; display:inline;
				color: #b2aea8;	font-size: 11px; 
				line-height: 11pt; font-weight: normal;
				}


		#aboutspill p, #contactspill p {
				margin: 30px 0 10px 0; padding: 0;
				}


		#aboutspill a, #servicespill a {
				font-weight:bold;	font-size: 11px; 
				color: #7e705d !important; text-decoration: none !important;
				background: url("../images/bullet.gif") no-repeat 0 5px;
				padding: 0 0 0 14px;
				}
					
		#aboutspill a:hover, #servicespill a:hover {
				font-weight:bold;	margin:0px; 
				color:#79d6ff !important; text-decoration: none !important;
				background: url("../images/bullet.gif") no-repeat 0 5px;
				padding: 0 0 0 14px;
				}


/* ------------------------------------------------------------
		SERVICES SPILL
------------------------------------------------------------ */


		#servicespill {
				margin: 0; padding: 0;
				position: absolute; top:25px; left: 330px;
				width: 195px; text-align: left; display:inline;
				color: #b2aea8;	font-size: 11px; 
				line-height: 11pt; font-weight: normal;
				}


		#servicespill ul {	
				line-height: 11pt; list-style:none;
				margin: 30px 0 10px 0; padding: 0;
			}
	
		#servicespill li {
				font-weight:normal; font-size: 11px;
				margin:0px;	padding: 0 0 0 14px;
				color: #b2aea8;	text-decoration: none;
				background: url(../images/ul_bullet.gif) no-repeat 0px 5px;
			}


/* ------------------------------------------------------------
		CONTACT SPILL
------------------------------------------------------------ */

		#contactspill {
				margin: 0; padding: 0;
				position: absolute; top:25px; left: 550px;
				width: 210px; text-align: left; display:inline;
				color: #b2aea8;	font-size: 11px; 
				line-height: 11pt; font-weight: normal;
				}


		#contactspill a {
				font-weight:bold;	font-size: 11px; 
				color: #7e705d !important; text-decoration: none !important;
				}
					
		#contactspill a:hover {
				font-weight:bold;	margin:0px; 
				color:#79d6ff !important; text-decoration: none !important;
				}


/* ------------------------------------------------------------
		COPYRIGHT LINKS
------------------------------------------------------------ */


		#footerlinks {
				margin: 0 0 0 20px; padding: 8px 0 0 0;
				position: absolute; top:215px; left: 0;
				width: 760px; display:inline;
				color: #bdb7af; text-align:left; font-size: 11px; 
				line-height: 11pt; font-weight: normal;
				border-top: 1px solid #eeeeee;				
				}

	
		#footerlinks a {
				font-weight:normal;	font-size: 11px; color: #bdb7af; text-decoration: none;
				}
					
		#footerlinks a:hover {
				font-weight:normal;	margin:0px; color:#bdb7af; text-decoration: underline;
				}