@import url('http://www.bmdesign.org/files/cssReset/reset.css');

body {
	background: #fdfdfd url(../images/top.png) repeat-x; /*333*/
	color: #000000;
	font-family: 'myriad pro', 'helvetica neue', arial;
	font-size: 11pt;
	font-size-adjust: none;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.5em;
	}

#preContain {
 display: none;
 position: absolute;
 top: -15px;
 left: 0;
 width: 100%;
 height: 300px;
 background: url(../images/glow.png) repeat-x;
 }

#container { 
	-moz-box-shadow: 0px 0px 10px #ddd;
	box-shadow: 0px 0px 10px #ddd;
	position: relative;
	background: url(../images/transWhite90.png) repeat;
	margin: 10px auto 0;
	overflow: hidden;
	padding: 10px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	width: 880px;
	border: 1px solid #fafafa; 
	border-top: 0 none;
	border-bottom: 0 none;
	}

#header {
	text-align: left;
	height: 100px;
	overflow: hidden;
	width: 880px;
	}

#contact_info {
	float: right;
	margin: 10px 0 0 0;
	text-align: right;
	line-height: 1.1em;
	font-size: 120%;
	color: #4F4F4F;
	padding-right: 3px;
	}


#content_portfolio , #content_news , #content_about , #content_projects , #content_contact , #content_media , #content_admin , #content_error {
        margin: 50px auto 0;
        width: 880px;
        min-height: 300px;
        padding: 25px 0;
 }

#content_portfolio {
	background: url('../images/portfolio.png') top left no-repeat;
	}

#content_news {
	background: url('../images/news.png') top left no-repeat;
	}

#content_about {
	background: url('../images/about.png') top left no-repeat;
	}

#content_projects {
	background: url('../images/projects.png') top left no-repeat;
	}

#content_contact {
	background: url('../images/contact.png') top left no-repeat;
	}

#content_media {
        background: url('../images/media.png') top left no-repeat;
        }

#content_admin {
        background: url('../images/admin.png') top left no-repeat;
        }

#content_error {
        background: url('../images/404.png') top left no-repeat;
        }

#main_content {
	float: right;
        text-align: left;
        margin: 45px auto 0;
        width: 690px;
        padding: 10px;
	font-size: 100%;
        color: #3c3c3c;
	border-left: 2px solid #eee;
	overflow: hidden;
	height: auto;
        }

h1 {
	margin: -20px auto 0;
	font-size: 200%;
	color: #333;
	padding: 15px;
	line-height: 1.2em;
	}

h2.success {
	position: absolute;
        text-align: center;
	top: 175px;
	width: 660px;
	margin: 0 auto 20px;
        font-size: 150%;
        color: #333;
        padding: 15px;
        background: #D7DDA2;
	border: 3px solid #D3DD7C;
        line-height: 1.2em;
        }
h2.success2 {
	display: none;
        position: absolute;
        text-align: center;
        top: 175px;
        width: 660px;
        margin: 0 auto 20px;
        font-size: 150%;
        color: #88922C;
        padding: 15px;
        background: #fff;
        border: 3px solid #fff;
        line-height: 1.2em;
        }

h2.fail {
	position: absolute;
	text-align: center;
	top: 182px;
	width: 660px;
        margin: 0 auto 10px;
        font-size: 150%;
        color: #fff;
        padding: 15px;
	background: #D76944;
        border: 3px solid #D74D1F;
	line-height: 1.2em;
        }
h2.fail2 {
	display: none;
        position: absolute;
        text-align: center;
        top: 182px;
        width: 660px;
        margin: 0 auto 10px;
        font-size: 150%;
        color: #d76944;
        padding: 15px;
        background: #fff;
        border: 3px solid #fff;
        line-height: 1.2em;
        }

h4 {
 float: right; 
 color: #85c27c; 
 border: 2px solid #85c27c;
 border-right: none;
 padding: 7px;
 background: #fff;
 margin: -5px 0 0 0;
 -moz-border-radius: 8px 0 0 8px;
 -webkit-border-top-left-radius: 8px;
 -webkit-border-bottom-left-radius: 8px;
}

#content img {
	padding: 10px 0 0 0;
	}

/*
#footer {
text-align: center;
border: 1px solid #BEC5AF;
background: #F6F7F2;
-moz-border-radius: 8px;
padding: 5px;
margin: 20px auto;
width: 150px;
color: #333;
}
*/

#footer {
background: url(../images/footer.png) repeat-x;
width: 100%;
height: 100px;
color: #666;
padding: 33px 0 0 0;
margin: 25px 0 0 0;
border-top: 1px solid #ddd;
text-align: center;
}

#footer #footContent {
 width: 880px;
 margin: 0 auto;
 }

/* NAVIGATION */
ul#navigation {
	padding: 10px 0 16px;
	float: left;
	border-bottom: 3px solid #fafafa;
	height: 21px;
	width: 880px;
	}	

#main_content ul {
	margin: 0pt;
	padding: 0 0 0 30px;
	line-height: 30px;
	}

#main_content li {
	list-style: circle;
	}

#main_content li a {
	font-size: 110%;
	}

ul#navigation li, ul#navigation a {
	float: left;
	font-weight: normal;
	font-size: 110% !important;
	text-transform: uppercase;
	list-style: none;
	text-decoration: none;
	padding: 6px 4px 4px;
	}

#admin {
 color: #555;
 background: #eee;
 margin: 0 0 0 15px;
 -moz-border-radius: 7px 7px 0 0;
 -webkit-border-top-left-radius: 7px;
 -webkit-border-top-right-radius: 7px;
}

#admin:hover, .adminLinkOn {
 color: #222 !important;
 background: #ddd !important;
 -moz-border-radius: 7px 7px 0 0;
 -webkit-border-top-left-radius: 7px;
 -webkit-border-top-right-radius: 7px;
}

.porton, .newson, .abouton, .projon, .contacton, a#portfolio:hover, a#news:hover, a#about:hover, a#projects:hover, a#contact:hover {
	color: #fff;
        -moz-border-radius: 7px 7px 0 0;
        -webkit-border-top-left-radius: 7px;
        -webkit-border-top-right-radius: 7px;
        }


.porton, a#portfolio:hover {
	background: #D04E20;
	}

.newson, a#news:hover {
	background: #86C37D;
	}
.abouton, a#about:hover {
	background: #D9B169;
	}
.projon, a#projects:hover {
	background: #06BADA;
	}
.contacton, a#contact:hover {
	background: #7D53D0;
	}

.linkOn {
	background: #fafafa !important;
	color: #777 !important;
	-moz-border-radius: 7px 7px 0 0;
        -webkit-border-top-left-radius: 7px;
        -webkit-border-top-right-radius: 7px;
	}

/* END NAVIGATION */

/* LINKS */
a {
	color: #666;
	font-weight: bold;
	text-decoration: underline;
	}

a:hover {
	text-decoration: none;
	color: #222;
	}


/* Preload! */
#preloadedImages {
	width: 0px;
	height: 0px;
	display: inline;
	}

.splash {
	padding: 5px 0 !important;
	margin: 8px 0;
	border: 0px solid #A09393;
	display: none;
	}

.newsPost {
 border-bottom: 1px dashed #85c27c; 
 padding: 0 0 15px 0;
 }

.newsPost img {
 padding: 3px;
 border: 2px solid #BACE95;
 }

.inquire, textarea {
padding: 5px;
color: #777;
font-family: arial;
font-size: 100%;
width: 96%;
border: 1px solid #ddd;
}

.inquire:focus, textarea:focus, .inquireShort:focus {
border: 1px solid #999;
color: #222;
}

.inquireShort {
padding: 5px;
color: #777;
font-family: arial;
font-size: 100%;
width: 3%;
border: 1px solid #ddd;
}

.downloadMedia {
 width: 310px;
 height: 215px;
 float: left;
 margin: 15px 15px 0 0;
 }
.downloadMedia .holder {
 min-width: 300px;
 min-height: 188px;
 border: 1px solid #ddd;
 }
.downloadMedia img {
 padding: 5px;
 float: left;
 clear: both;
 }
.downloadMedia span {
 clear: both;
 float: left;
 }

#topLink {
border: 1px solid #BEC5AF;
border-top: 0 none;
border-right: 0 none;
font-weight: normal;
background: #F6F7F2; 
-moz-border-radius: 0 0 0 8px; 
-webkit-border-bottom-left-radius: 8px; 
text-decoration: none; 
padding: 4px 4px 4px 6px; 
position: absolute; 
top: 0; 
right: 0; 
color: #333; 
font-size: 70%;
}

.label {
width: 5.5em;
padding: 8px 3px 0;
font-weight: bold;
float: left;
clear: left;
text-align: left;
}

.full {
width: 70%;
padding: 4px;
font-size: 120%;
color: #ddd;
border: 2px solid #ddd;
}

.full:focus, .full:active, .full:hover {
border: 2px solid #aaa;
color: #aaa;
}

.button {
border-top: 1px solid #aaa;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
border-left: 1px solid #aaa;
padding: 3px;
background: #eee;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
text-transform: capitalize;
color: #111;
}

div.overlay {
 position: absolute; top: 0; right: 0; left: 0; bottom: 0;
 background-color: #000;
 opacity: 0.75; filter: alpha(opacity=75);
}

div.modal {
 position: fixed; top: 100px; left: 50%; z-index: 50;
 width: 250px;
 padding: 20px; margin: 0 0 0 -125px;
 font-size: 24px; line-height: 30px; text-align: center;
 background-color: #fff;
 border: 5px solid #333;
} 

.cheatcode {
 background: url(http://i77.photobucket.com/albums/j53/AliKuNo/prod_289_15173.gif) repeat;
 }

.clear {
 clear: both;
 }

.strong {
 font-weight: bold;
 font-size: 12pt;
 }

#socialNetwork {
 font-weight: bold;
 border: 2px solid #ddd;
 padding: 6px;
 width: 25%;
 height: auto;
 margin: 0 1% 0;
 float: left;
 background: #F7F7F7;
 text-align: center;
 }