/*
Theme Name: iLL FX Designs LLC Theme
Theme URI: http://www.ill-fx-designs.com
Description: 2010 IFD Theme
Version: 10.0
Author: Allen Bayless
Author URI: http://www.ill-fx-designs.com

*/

/* Typography */

p, h1, h2, h3, h4, h5, h6 { margin-left: 10px; margin-right: 10px; }

a { color: #FF0033; }
p { margin:; padding:; }
h1 { color: #4304a1; font-size: 2.2em; letter-spacing: -.1px; line-height: 1.4em; margin-top: 0px; text-align: left; }
h2 { color: #4304a1; font-size: 2em; font-stretch: narrower; font-weight: lighter; letter-spacing: -.05em; line-height: 1.2em; margin-top: 10px; margin-bottom: 20px; }
h3 { color: #1d6aae; font-size: 1.2em; letter-spacing: -.1px; margin-top: 0px; }
h4 { color: #29417e; font-size: 1.2em; }
h5 { font-size: 1.1em; margin-top: 18px; margin-bottom: 0px; }
h6 { font-size: 16px; }
#header ul { font-family: Arial, Helvetica, sans-serif; }

/* END OF Typography */

/* Images */

a img { border: none; }

/* END OF Images */

/* Classes */

.alignleft { float: left; }
.alignright { float: right; }
.float_left { float: left; }
.float_right { float: right; }
.divide_space { margin: 10px 0px; }
ul.green_arrows { float: left; list-style: none; margin: 0px; padding: 0px; }
	ul.green_arrows li { background: url(images/li_bg.png) top left no-repeat; padding-left: 40px; margin-bottom: 10px; }
	ul.green_arrows li a { color: #365fb7; text-decoration: none; }
.lite_bg { background: url(images/entry_bg.png) top center no-repeat; overflow: hidden; }	
.footer_paddingtop { padding-top: 45px; }
.clearall { clear: both; }
.portfolio_navheight { height: 80px; float: left; margin: 0px 10px; width: 220px; }
#footer p a.address { color: #1d6aae; line-height: 1.1em; margin-top: 1px; text-decoration: none; }

/* End of Classes */

/* Layout */

body { background: WHITE url(images/body_bg.png) top center repeat-x; color: #4304a1; font-family: Cambria, serif; font-size: 14px; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 20px; margin: 0px auto; padding: 0px; text-align: center; }
#bg_container { background: url(images/main_bg.jpg) top center no-repeat; }

#header { height: 150px; }

#header { text-align: right; }		
		
	ul.navmenu { list-style: none; padding: 20px 0 0 0; margin: 0px; width: 820px; float: right; }
	ul.navmenu li { float: left; }
	ul.navmenu li a { display: block; height: 11px; background: url(images/navigation_links.png) top left no-repeat; }
	ul.navmenu li a span.links { display: inline-block; position: absolute; text-align: left; text-decoration: none; text-indent: -9999px; }
	/*
	*	Normal Links
	*/
	ul.navmenu li.home a { background-position: 0 0px; width: 63px; }
	ul.navmenu li.portfolio a { background-position: -64px 0px; width: 106px; }
	ul.navmenu li.services a { background-position: -170px 0px; width: 187px; }
	ul.navmenu li.hosting a { background-position: -358px 0px; width: 169px; }
	ul.navmenu li.printing a { background-position: -525px 0px; width: 98px; }
	ul.navmenu li.aboutus a { background-position: -624px 0px; width: 106px; }
	ul.navmenu li.contact a { background-position: -730px 0px; width: 91px; }
	
	/*
	*	Hover Links
	*/
	ul.navmenu li.home a:hover { background-position: 0px -11px; }
	ul.navmenu li.portfolio a:hover { background-position: -64px -11px; }
	ul.navmenu li.services a:hover { background-position: -170px -11px; }
	ul.navmenu li.hosting a:hover { background-position: -358px -11px; }
	ul.navmenu li.printing a:hover { background-position: -525px -11px; }
	ul.navmenu li.aboutus a:hover { background-position: -624px -11px; }
	ul.navmenu li.contact a:hover { background-position: -730px -11px; }

	/*
	*	Hover Links
	*/
	ul.navmenu li.home a:active { background-position: 0px -22px; }
	ul.navmenu li.portfolio a:active { background-position: -64px -22px; }
	ul.navmenu li.services a:active { background-position: -170px -22px; }
	ul.navmenu li.hosting a:active { background-position: -358px -22px; }
	ul.navmenu li.printing a:active { background-position: -525px -22px; }
	ul.navmenu li.aboutus a:active { background-position: -624px -22px; }
	ul.navmenu li.contact a:active { background-position: -730px -22px; }
				
		
#leftcol { }
#middlecol { clear: both; padding: 30px 0px 10px; text-align: left; }
#rightcol { }

#footer { clear: both; height: 75px; margin: 0 auto; text-align: left; }
#footer_divide { background: url(images/divider_line.png) top center no-repeat; font-size: .9em; overflow: hidden; padding-top: 15px; }
		
/* END OF Layout */

/* Portfolio - Main */

div.portfolio_category { margin: 0 0 20px 0px; overflow: auto; }
#portfolio_container .portfolio_div_container .portfolio_div img { width:220px;	height:159px; }
#portfolio_container .portfolio_div_container{ height:159px; width:220px; padding:5px 0 0 0; margin-bottom: 10px; overflow:hidden; position:relative; }
#portfolio_container .portfolio_div_container .portfolio_div { height:159px; width:220px; overflow:hidden; position:relative; }
#portfolio_container .portfolio_div .info_container { width:220px; height:159px; top:100px; z-index:0; position:relative; }
#portfolio_container .portfolio_div div.info{ position:relative; width:220px; top:-75px; z-index:50; height: 0px; color:#FFF; font:11px tahoma,arial; padding:5px;	line-height:12px; }
#portfolio_container .portfolio_div div.info h2 { color: WHITE; font-size: 1.2em; letter-spacing: .3px; margin-bottom: 0px; padding: 5px 0 0 0px; }
#portfolio_container .portfolio_div div.info p { font-size: .9em; margin-top: 0px; }
#portfolio_container .portfolio_div div.info a{ color:#31d9f9; text-decoration:none; font-family:arial,helvetica; font-size:11px;font-weight:bold; outline:none; }
#portfolio_container .portfolio_div div.info_bg { position:relative; background-color:#5d1386; border-top: 3px solid #31d9f9; width:220px;	top: -80px; height:159px; opacity:0.9; }


/* Portfolio - Single */

.portfolio_single { font-size: 1.1em; line-height: 1.2em; padding: 0px 0px 25px; }
.portfolio_infobg { background: url(images/portfolio_infobg.png) top right no-repeat; overflow: hidden; }

/* Contact Form */

ol.cf-ol li#li--3, ol.cf-ol li#li--4, ol.cf-ol li#li--5 { float: left; width: 406px; }
ol.cf-ol li#li--2 { float: right; }
textarea#cf_field_2 { height: 140px; width: 390px; }
.cform input.sendbutton { border-width: 0px; cursor: pointer; text-indent: -9999px; }
.cform input.sendbutton:hover { border-width: 0px; padding: 1px 0 0 0; }
.cform input#sendbutton { background: url(images/submit_button.png) top center no-repeat; height: 99px; width: 100px; }

/* cu3er */

#cu3er-container {width:960px; outline:0;}

/* layout */

.container_16 { margin-left:auto; margin-right:auto; width:960px; }

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	display:inline; float:left;	margin-left:10px; margin-right:10px	}
	
.container_16 .grid_4 {width:220px} .container_16 .grid_8 {width:460px} .container_16 .grid_12 {width:700px} .container_16 .grid_16{width:940px}

.alpha{margin-left:0}

.omega{margin-right:0}

.container_16 .grid_1{width:40px} .container_16 .grid_2{width:100px} .container_16 .grid_3{width:160px} .container_16 .grid_5{width:280px} .container_16 .grid_6{width:340px} .container_16 .grid_7{width:400px} .container_16 .grid_9{width:520px} .container_16 .grid_10{width:580px}
.container_16 .grid_11{width:640px} .container_16 .grid_13{width:760px} .container_16 .grid_14{width:820px} .container_16 .grid_15{width:880px}

.container_16 .prefix_4{padding-left:240px} .container_16 .prefix_8{padding-left:480px} .container_16 .prefix_12{padding-left:720px}

.container_16 .prefix_1{padding-left:60px} .container_16 .prefix_2{padding-left:120px} .container_16 .prefix_3{padding-left:180px}
.container_16 .prefix_5{padding-left:300px} .container_16 .prefix_6{padding-left:360px} .container_16 .prefix_7{padding-left:420px}
.container_16 .prefix_9{padding-left:540px} .container_16 .prefix_10{padding-left:600px} .container_16 .prefix_11{padding-left:660px}
.container_16 .prefix_13{padding-left:780px} .container_16 .prefix_14{padding-left:840px} .container_16 .prefix_15{padding-left:900px}

.container_16 .suffix_4{padding-right:240px} .container_16 .suffix_8{padding-right:480px} .container_16 .suffix_12{padding-right:720px}

.container_16 .suffix_1{padding-right:60px} .container_16 .suffix_2{padding-right:120px} .container_16 .suffix_3{padding-right:180px}
.container_16 .suffix_5{padding-right:300px} .container_16 .suffix_6{padding-right:360px} .container_16 .suffix_7{padding-right:420px}
.container_16 .suffix_9{padding-right:540px} .container_16 .suffix_10{padding-right:600px} .container_16 .suffix_11{padding-right:660px}
.container_16 .suffix_13{padding-right:780px} .container_16 .suffix_14{padding-right:840px} .container_16 .suffix_15{padding-right:900px}