@charset "UTF-8";
/* CSS Document */
/*css for imag3 website, 2009 by silas burton*/

/*page body and text styles*/

body{
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
}

a, a:visited{
	color:#666;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;
}

p{
	margin:0px 0px 0.8em 0px;
	font-family:Verdana, Geneva, sans-serif;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.5em;
	margin:0px 0px 0.2em 0px;
}

h2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:1.1em;
	margin:0px 0px 0.4em 0px;
}

h3{ /*footer text*/
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.9em;
	margin:0;
	color:#999;
}

h3 a, h3 a:visited{
	color:#999;
	text-decoration:none;
}

h3 a:hover{
	color:#737373;
}

h4{ /*navbar lonks*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	margin:0;
}

h4 a, h4 a:visited{
	text-decoration:none;
	color:#000;
}

img{
	border:0;
}

li{
	color:black;
}

/*main layout styles*/

#wrapper{
	width:100%;
	height:232px;
	margin-bottom:17px;
	background-image:url(images/layout/topbar_bg.png);
	background-repeat:repeat-x;
	background-position:top;
}

#main{
	width:930px;
	margin:0px auto 17px auto;
	background-image:url(images/layout/main_bg.png);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#BCBDC0;
}

#main_inside{
	width:880px;
	padding:10px 20px 8px 20px;
}

#footer{
	width:83%;
	margin:10px auto 2px auto;
	padding:3px 0px 3px 0px;
	background-color:#FFF;
	text-align:center;
}

#bottom{
	width:100%;
	height:9px;
	background-image:url(images/layout/bottom_gradient.png);
}

/*navbar layout*/

#logo{
	margin:0px auto 0px auto;
	width:900px;
	height:80px;
	padding-top:7px;
	background-image:url(images/layout/image3_logo_top.png);
	background-position:right;
	background-repeat:no-repeat;
}

#navbar{
	height:144px;
	width:915px;
	padding-left:15px; /*total width 930px*/
	margin:0px auto 0px auto; /*left and right auto sets div to center*/
	background-image:url(images/layout/navbar_bg.png);
	background-position:bottom;
	background-repeat:repeat-x;
}

#navbar a, #navbar a:visited{
	color:#000;
	text-decoration:none;
}

#navbar a:hover{
	color:#4B4B4B;
	background-color:#F00;
}

.tab_container{
	height:144px;
	width:180px;
	float:left;
	text-align:center;
}

.tab_open{
	height:72px;
	width:130px;
	padding:0px 25px 0px 25px; /*setting the sizes normally makes the links not see the smaller button and allows clicks in transparent areas*/
	background-image:url(images/layout/tab_open.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.tab_closed{
	margin-top:72px; /*position at bottom of tab container div*/
	height:72px;
	width:130px;
	padding:0px 25px 0px 25px;
	background-image:url(images/layout/tab_closed.png);
	background-position:top left;
	background-repeat:no-repeat;
}

.tab_link{
	width:100%;
	height:37px;
	padding-top:35px;
}

/*three-column image layout*/

#images_wrapper{
	width:870px;
	padding:10px 6px 6px 6px;
	background-color:#FFF;
	overflow:auto; /*without this, images float over everything*/
}

#images_wrapper a, #images wrapper a:visited{ /*fix for safari*/
	text-decoration:none;
}

.image_box{ /*the whole box with caption*/
	width:280px;
	margin:5px;
	float:left;
	color:#000;
	list-style:none;
}

.image_box:hover{
	color:#666;
}

.image_text{
	width:100%;
	height:20px;
}

.image_background{
	width:274px;
	height:178px;
	padding:3px;
	background-image:url(images/layout/image_bg.png)
}


/*two column details layout*/

#columns_wrapper{
	width:870px;
	padding:10px 6px 6px 6px;
	background-color:#FFF;
	overflow:auto;
}

#left_column{
	width:573px;
	float:left;
}

#right_column{
	width:283px;
	float:right;
	margin-right:3px;
}


#right_column a{ /*FUCK safari*/
	text-decoration:none;
}

#network_text{
	width:100%;
	height:376px;
}

.border{
	padding:3px;
	border:1px solid #D2D2D2;
}

.border_margin{
	padding:3px;
	border:1px solid #D2D2D2;
	margin-bottom:12px;
}

.price_box{
	height:30px;
	padding:0px;
	margin-top:15px;
	padding-bottom:15px;
	text-align:left;
	color:#000;
	float:left;
	font-size:2.6em;
}

.link_button{
	height:15px;
	padding:15px;
	margin-top:15px;
	text-align:center;
	background-color:#CCC;
	color:#000;
	float:right;
}

.link_button:hover{
	background-color:#E1E1E1;
}

/*two column contact*/

#newsletter_box{
	width:870px;
	margin-bottom:8px;
	padding:10px 6px 6px 6px;
	background-color:#FFF;
	overflow:auto;
}

.half_column_left{
	width:410px;
	padding:8px;
	float:left;
}

.half_column_right{
	width:410px;
	padding:8px;
	float:right;
}

/*contact form*/

.contact-area {
	width: 410px;
}

.contact-area input, .contact-area textarea {
	padding: 5px;
	width: 403px;
	margin: 0px 0px 10px 0px;
	background-color:#CCC;
	border:0;
}

.contact-area textarea {
	height: 40px;
}

.contact-area textarea:focus, .contact-area input:focus {
	border: 2px solid #333;
}

.contact-area input.submit-button {
	width:100px;
	height:30px;
	margin-top:7px;
	text-align:center;
	background-color:#CCC;
	color:#000;
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1.1em;
}

.contact-area input.submit-button:hover{
	background-color:#E1E1E1;
}

label {
	text-align: left;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
}

/*blog*/

#blog{
	width:880px;
	height:600px;
	border:0;
}