/*
Theme Name: FXR Design Portfolio v5 Theme
Theme URI: 
Description: Theme designed and developed exclusively for FXR Design, do not use and/or reproduce.
Version: 1
Author: Francisco Ruiz
Author URI: http://www.fxrdesign.com
Tags: Black and White
*/


html, body, div, ul, li, img, table, td{border: 0; margin: 0; padding: 0;}

a, a:visited{color: #ccc; text-decoration: none;}
a:hover{color: #fff; text-decoration: underline;}


table{border-spacing: 0px;}

h1, h2, h3, h4, h5, h6{font-family: Georgia, sans-serif; font-weight: bold; margin: 0 0 .75em 0; padding: 0;}

.floatL{clear: none; float: left;}
.floatR{clear: none; float: right;}
.textC{text-align: center;}
.text-bold{font-weight: bold;}
.text-italic{font-style: italic;}
.text-bi{font-weight: bold; font-style: italic;}
.textR{text-align: right}
.clear-all{clear: both; font-size: 1px; line-height: 0;}
.hide{display: none;}

html, body{background-color: #000; font-size: 0.79em; font-family: "Trebuchet MS", sans-serif; height: 100%; width: 100%;}
body{background: url(images/bg/bg-main.jpg) repeat-x top left;}

#wrap-all{background: url(images/bg/bg-wrap-all.jpg) no-repeat top center;}

#wrap-nav{background: url(images/bg/bg-wrap-nav.png) repeat-x top center;}
	#wrap-nav #top-nav{list-style-type: none; margin: 0 auto; height: 45px; text-align: left; width: 740px; }
		#wrap-nav a, #wrap-nav a:visited{color: #888; font-size: 1.3em; text-decoration: none; text-transform: uppercase;}
			#wrap-nav a.text{background: url(images/bul/bul-top-nav.gif) no-repeat 0px 3px; padding-left: 16px;  position: relative; top: 0px;}
			#wrap-nav a span{color: #111; font-family: Georgia, serif; font-size: 1.3em; font-weight: bold;}
		#wrap-nav #top-nav li{display: block; float: left; padding-top: 6px; width: 130px;}
		#wrap-nav #top-nav #logo{padding-top: 0; width:220px;}
			#wrap-nav .sub-nav{color: #ddd; list-style-type: disc; margin: 14px 0 0 0px; text-align: left;}
				#wrap-nav #top-nav .sub-nav li{color: #ddd; display: block; float: left; list-style-type: disc; padding-top: .3em; width: 130px;}
				#wrap-nav .sub-nav a, #wrap-nav .sub-nav a:visited{color: #ddd; font-size: 1.2em; text-decoration: none; text-transform: capitalize;}
			
		

#wrap-frame{height: 480px; margin: 0 auto; width: 640px;}
	#frame{height: 100%; width: 100%}
		.frame-corner-ul{background:url(images/bg/bg-corner-leftTop.png) no-repeat top left; height: 46px; width:51px;}
		.frame-border-top{background:url(images/bg/bg-border-top.png) repeat-x top center; height: 46px;}
		.frame-border-mid{background:url(images/bg/bg-border-mid.png) no-repeat top center; height: 46px; width: 110px;}
		.frame-corner-ur{background:url(images/bg/bg-corner-rightTop.png) no-repeat top right; height: 46px; width:51px;}
		
		.frame-border-left{background:url(images/bg/bg-border-left.png) repeat-y top left; width:51px;}
			.frame-border-left a, .frame-border-left a:visited{color: #ccc; text-decoration: none;}
		.frame-content{background:#000 url(images/bg/bg-blackmatte.png) repeat center center; text-align: center; padding: 24px; }
		.frame-border-right{background:url(images/bg/bg-border-right.png) repeat-y top center; text-align: right; width:51px;}
			.frame-border-right a, .frame-border-right a:visited{color: #ccc; text-decoration: none;}
			.next, .prev{cursor: pointer;}
			.next img{position: relative; right: -30px;}
			.prev img {position: relative; left: -30px;}

		
		.frame-corner-ll{background:url(images/bg/bg-corner-leftBtm.png) no-repeat bottom left; height: 46px; width:51px;}
		.frame-border-btm{background:url(images/bg/bg-border-btm.png) repeat-x bottom center; height: 46px;}
		.frame-corner-lr{background:url(images/bg/bg-corner-rightBtm.png) no-repeat bottom right; height: 46px; width:51px;}

#wrapper-matte{height:400px; width:300px;}

#wrap-labels{margin: 0 auto; width: 720px;}
	#wrap-labels .outer-label{background-color: #666; border:1px solid #888; padding: 1px; width: 350px;}
	#wrap-labels .inner-label{background: url(images/bg/bg-label-box.gif) repeat-x top left #000; border:1px solid #888; color: #ddd; font-size: 1.2em; padding: 10px; width: 328px;}
	#wrap-labels h4{font-size: 1.4em; font-style:italic;}
	#wrap-labels .label-swoop{margin-top: -35px; position: relative; top: 19px; left: 124px;}
	#wrap-labels #projectLinks ul{margin-bottom: 1em;}
	#wrap-labels #projectLinks li{cursor: pointer; list-style-type: none; margin: 1em 0 0 1em;}

/*padding should be half that of "var border=" in js*/
#frame img{margin: -1.2em auto 0 auto;}

#loader{margin: 0 auto; text-align: center;}
	.loading{background:url(images/misc/ajax-loader.gif) no-repeat center center; height:100%; width:100%;}