/* Start of CMSMS style sheet 'home_master' */
/* Site Layout Styles
 * Updated:  Date @ Time
 * Author: Firstname Lastname <company url>
 * ---------------------------------------------*/

	/*
	-- TOC
	---------------------------------------
	1. Colors
	2. Reset
	3. Fix Floats
	4. Links
	5. Typography
	6. Structure
	*/
	

	/* -- COLORS
	---------------------------------------*/
	/* blue			=	#1e285b */
	/* light blue 	=	#3e53bd */
	/* orange		=	#f3ab3a */


	/* -- RESET
 	---------------------------------------*/
 	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: inherit; font-family: inherit; list-style: none; }
 	
 	table { border-collapse: collapse; border-spacing: 0; }
 	
 	
 	/* -- FIX FLOATS
 	---------------------------------------*/
 	.clearfix:after { display: block; clear: both; height: 0; content: "."; visibility: hidden; }
 	* html .clearfix { height: 1%; }
 	*+ html .clearfix { height: 1%; }
 	
 	
 	/* -- LINKS
 	---------------------------------------*/
 	a { color: #fff; }
 	a:hover { text-decoration: none; }
 	
 	
 	/* -- TYPOGRAPHY
 	---------------------------------------*/
 	h2 { margin: 0 0 .8em; font-size: 1.3em; }
 	
 	h4 { margin: 0 0 .8em; font-size: 1.2em; color: #f60; font-weight: normal; }
 	
 	p { margin: 0 0 .8em; }
 	
 	ul { margin: 0; padding: 0; }
    ul li { padding: 0; margin: 0; list-style: none; }
 	
 	
 	/* -- STRUCTURE
 	---------------------------------------*/
 	body { background: #1e285d url(uploads/images/bg.gif) repeat-x; font: 62.5%/1.6 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; }
 	
 	
 	/* -- wrapper */
 	.wrapper { width: 980px; margin: 0 auto; }
 	
 	
 	/* -- header */
 	#header { position: relative; height: 135px; }
 	#header h1 { float: left; padding: 55px 0 0 0; }
#header p { position: absolute; bottom: 10px; left: 260px; color: #fff; font-size: 1.1em; font-style: italic; }
 	
 		/* navigation */
 		#header ul { position: absolute; bottom: -1px; right: 32px; }
 		#header li { float: left; }
 		#header li a { display: block; padding: 7px 12px 5px; background: #3e53bd; color: #fff; font: italic bold 1.1em/1.6 "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; }
 		#header li.currentpage a, #header li a:hover { background: #2a3882; }
 	
 	
 	/* -- content */
 	#content { margin: 45px 0 0; padding: 0; color: #fff; font-size: 1.1em; }
 	
 		#content ul li { margin: 0 0 3.5em; text-align: center; }
 		
		p.message
		{
			margin: 0 0 10px;
			font-style: italic;
			font-size: 12px;
		}

 		.projects
 		{
 			margin: 0 0 30px !important;
            text-align: left !important;
 		}
 		.projects li
 		{
 			float: left;
 			display: inline;
 			width: 230px;
 			margin: 0 20px 0 0 !important;
            text-align: left !important;
 		}
 		.projects li a
 		{
 			color: #fff;
 			text-decoration: none;
 		}
 		.projects li a.left
 		{
 			float: left;
 			width: auto !important;
 			padding: 0 !important;
 		}
 		.projects li a.right
 		{
 			display: block;
 			float: right !important;
 			width: auto !important;
 			margin: 3px 0 0;
 			color: #f60;
 			font-size: 11px;
 			font-weight: normal;
 			text-decoration: underline;
 		}
 		.projects li a.right:hover
 		{
 			text-decoration: none;
 		}
 		.projects li a:hover
 		{
 			color: #f60;
 		}
 		.projects li div
 		{
            display: block;
 			width: 220px;
            height: 276px;
            overflow: hidden;
            margin: 0 0 15px;
			border: 5px solid #fff;
 			background: #fff;
            /*-moz-box-shadow: 0 3px 3px #1e285d;
            -webkit-box-shadow: 0 3px 3px #1e285d;*/
 		}
 		.projects.secondary li div
 		{
            display: block;
 			width: 220px;
            height: 138px;
            overflow: hidden;
            margin: 0 0 15px;
			border: 5px solid #fff;
 			background: #fff;
            /*-moz-box-shadow: 0 3px 3px #1e285d;
            -webkit-box-shadow: 0 3px 3px #1e285d;*/
 		}
 		.projects li.four,
        .projects.secondary li.secondary-four
 		{
 			float: left;
 			width: 230px;
 			margin: 0 !important;
 		}
 		
 		
 		#brand
 		{
 			position: relative;
 			margin: 60px 0 40px !important;
 		}
 		#brand ul,
 		#brand ul li
 		{
 			width: 100%;
 			height: 276px;
 			margin: 0 !important;
 			padding: 0 !important;
 			overflow: hidden;
 			background: #fff;
 			text-align: center !important;
 			/*-moz-box-shadow: 0 3px 3px #1e285d;
            -webkit-box-shadow: 0 3px 3px #1e285d;*/
 		}
#brand h2
{
position: absolute;
top: -30px;
left: 0;
}
 		#brand #nav
 		{
 			position: absolute;
 			top: -20px;
 			right: 0;
 		}
 		#brand #nav a
 		{
                        display: inline-block;
 			width: 15px;
                        height: 15px;
 			margin: 0;
 			padding: 0;
 			text-indent: -999em;
 			background: #fff url(uploads/images/nextprev.gif) 0 0 no-repeat;
 		}
 		#brand #nav a#next
 		{
 			margin-left: 2px;
                        background: #fff url(uploads/images/nextprev.gif) -15px 0 no-repeat;
 		}
 	
 		#content .left { float: left; width: 280px; padding-left: 32px; }
 		#content .right { position: relative; float: left; width: 400px; }
 		
 		 #errors { position: absolute; top: 40px; left: 230px; width: 250px; }
 	
		/* form */	#content ol { padding: 0; }	
					#content ol li { margin: 0 0 .75em; padding: 0; list-style: none; }
					#content ol li label { display: block; width: 100%; }
					#content ol li input { width: 190px; padding: 3px; border: 1px solid #fff; color: #444; }
					#content ol li textarea { width: 300px; height: 80px; padding: 3px; border: 1px solid #fff; color: #444; }
 	
 	/* -- footer */
 	#footer { padding: 25px 0; border-top: 1px solid #3e53bd; font-size: 1.1em; }
 	#footer p { padding: 0 10px; }
 	#footer p#copyright { float: left; color: #f60; }
 	#footer p#website { float: right; color: #7988d6; }
 	#footer p#website span { font-style: italic; font-weight: bold; }

/* End of 'home_master' */