/*------------------------------------------------------------------
Company Name /  interior.css

Author:			First Last	<@.com>

Methods: 		1. 	CSS FILES ORGANISATION 
					global.css			->	 	global rules
						fontsizes/*.css		->		main measurements files
					home.css			->		rules for homepage
					interior.css		->		rules for interior pages
							
				2.	IN THIS CSS FILE:
					#local
						#sublocalnav
						#local elements
					#maincontent
						#maincontent elements
					#contextual
						#contextual elements
					
--------------------------------------------------------------------*/

/* #local elements
--------------------------------*/
#local {

}

#local #sublocalnav {
	
}
#local #sublocalnav li {
	
}

/* #pagenav elements
--------------------------------*/

#pagenav{

}

#pagenav h2.services{
	background:				 url("../img/h2_services.gif");
	width:					102px;
	height:					19px;
	line-height:			19px;
	display:				inline;
	text-indent:			-9999px;
	margin:					34px 88px 0 35px;
	float: 					left;
}

#pagenav h2.technology{
	background:				 url("../img/h2_technology.gif");
	width:					152px;
	height:					19px;
	line-height:			19px;
	display:				inline;
	text-indent:			-9999px;
	margin:					34px 38px 0 35px;
	float: 					left;
}
#pagenav h2.gallery{
	background:				 url("../img/h2_gallery.gif");
	width:					99px;
	height:					19px;
	line-height:			19px;
	display:				inline;
	text-indent:			-9999px;
	margin:					34px 91px 0 35px;
	float: 					left;
}
#pagenav h2.aboutus{
	background:				 url("../img/h2_aboutus.gif");
	width:					114px;
	height:					19px;
	line-height:			19px;
	display:				inline;
	text-indent:			-9999px;
	margin:					34px 76px 0 35px;
	float: 					left;
}
#pagenav h2.press{
	background:				 url("../img/h2_press.gif");
	background-repeat: no-repeat;
	width:					114px;
	height:					19px;
	line-height:			19px;
	display:				inline;
	text-indent:			-9999px;
	margin:					34px 76px 0 35px;
	float: 					left;
}
#pagenav h2.contact{
	background:				 url("../img/h2_contact.gif");
	width:					102px;
	height:					19px;
	line-height:			19px;
	display:				inline;
	text-indent:			-9999px;
	margin:					34px 42px 0 35px;
	float: 					left;
}

#pagenav ul{
	margin:					40px 0 0 0;			
	font-size:				1.2em;
}

#pagenav ul li{
	display: 				inline;
	float:					left;
	margin:					0 0 0 12px;
	padding:				0 12px 0 0;
	background:				 url("../img/li_divider.gif") right;
	background-repeat:		no-repeat;
}

#pagenav ul li.last{
	display: 				inline;
	float:					left;
	margin:					0 0 0 12px;
	padding:				0 12px 0 0;
	background:				none;

}

#pagenav ul li a.selected{
	color:					#000;
}

#pagenav ul li a,
#pagenav ul li a:visited{
	display: 				inline;
	float:					left;
	text-decoration:		none;
}
#pagenav ul li a:hover{
	text-decoration:		underline;
}

/* #maincontent elements
--------------------------------*/
#maincontent {
	margin:					30px 0 0 0;	
}

#maincontent .box {
	margin:					0 0 50px 0;
	width:					208px;
	float:					left;
	color:					#3a3a3a;
}
#maincontent .box p{
		margin:				0 0 5px 0;
		font-size:			1.2em;
}
span.georgia{
		position:			relative;
		top:				1px;
		font-size:			13px;
		font-weight:		normal;
		font-family:		times;
}
#maincontent .box img{
	border: 				#06A1ED 1px solid;
}
#maincontent .box h4{
	text-transform: 		capitalize;
	font-size: 				1.3em; 
	margin:					0 0 6px 0;
}
#maincontent .box h4 a,
#maincontent .box h4 a:visited{
	text-decoration: 		none;
}
#maincontent .box h4 a:hover{
	text-decoration: 		underline;
}
#maincontent .box h5 {
        color:                          #E74D15;
        font-size:                      1.3em;
	text-tranform:			capitalize;
	border:				0;
	margin:				0 0 6px 0;
}

#maincontent .box h5 a{
	margin:				0 5px 0 5px;
	border:				0;
	
}
#maincontent .box h5 a:visited{
        text-decoration:                none;
}
#maincontent .box h5 a:hover{
        text-decoration:                underline;
}

#maincontent .box2 h5 {
        color:                          #E74D15;
        font-size:                      1.3em;
        text-tranform:                  capitalize;
        border:                         0;
        margin:                         0 0 6px 0;
}

#maincontent .box2 h5 a{
        margin:                         0 5px 0 5px;
        border:                         0;

}
#maincontent .box2 h5 a:visited{
        text-decoration:                none;
}
#maincontent .box2 h5 a:hover{
        text-decoration:                underline;
}


#maincontent ul, 
#maincontent ol {
	padding:				0 0 0 1.6em;
	list-style-position:	outside;
	margin:					1em 0;
}
#maincontent table {
	
}

.blank{
	height: 				400px;
}

.white{
	background:				#fff;
	width:					893px;
}

.white .bottom{
	margin:					0 12px 0 237px;
	width:					440px;
	color:					#999;
}

.white .headshot{
	position:				relative;
	left:					36px;
	top:					59px;
	float:					left;
}

.white .box_wide{
	margin:					0 0 0 237px;
	color:					#3a3a3a;
}

.white .box_wide h3{
	color:					#E74D15;
	padding:				0 0 12px 0;
	background:				 url("../img/h3_line.gif") bottom;
	background-repeat:		repeat-x;
	text-transform:			uppercase;
	font-size:				1.4em;
	font-weight:			normal;
	margin:					0 21px 30px 0;
}
.white .box_wide h3 span{
	color:					#000;
	text-transform:			capitalize;
}
.white .box_wide h3 span.small{
	font-size:				12px;
	position:				relative;
	top:					0px;
}

.white .box_wide h5{
	color:					#E74D15;
	padding:				0 0 12px 0;
	background:				 url("../img/h3_line.gif") bottom;
	background-repeat:		repeat-x;
	text-transform:			uppercase;
	font-size:				1.4em;
	font-weight:			normal;
	margin:					0 21px 30px 0;
}
.white .box_wide h5 span{
	color:					#000;
	text-transform:			capitalize;
}
.white .box_wide h5 span.small{
	font-size:				12px;
	position:				relative;
	top:					0px;
}
.white .box_wide h5 a{
	color:					#E74D15;
        margin:                                 0 0 0 0;
}

.white .box_wide h6{
	color:					#E74D15;
	padding:				0 0 12px 0;
	text-transform:			uppercase;
	font-size:				1.4em;
	font-weight:			normal;
	margin:					0 0 10px 0;
}
.white .box_wide h6 span{
	color:					#000;
	text-transform:			capitalize;
}
.white .box_wide h6 span.small{
	font-size:				12px;
	position:				relative;
	top:					0px;
}

.white .box_wide p{
}
span.small{
	position:				relative;
	top:					-2px;
	font-size:				11px;
}

.white .box_wide ul{
	margin:					10px 0 10px 0;
}
.white .box_wide ul.top{
	margin:					-5px 0 10px 0;
}

.white .box_wide ul li{
	margin:					3px 0 0 16px;
}
.white .box_wide ul li ul {
	list-style-type: 		circle;
}


.narrow{
	width:					205px;
	float:					left;
	display:				inline;
	font-size:				1.2em;
	padding:				0 10px 30px 0;
}

.narrow_press{
	width:					265px;
	float:					left;
	display:				inline;
	font-size:				1.2em;
	padding:				0 10px 30px 0;
}

.press_space{
	width:					145px;
	float:					left;
	display:				inline;
	font-size:				1.2em;
	padding:				0 0 0 0;
}
.narrow p.top{
	padding:				35px 0 0 0;
}
.narrow p.top2{
	padding:				35px 0 0 0;
}
.narrow p.row2{
	padding:				34px 0 0 0;
}
.narrow p.row3{
	padding:				12px 0 0 0;
}
.narrow p span.space{
	position:				relative;
	top:					39px;
}
.narrow a img{
	border: 				#06A1ED 1px solid;
	margin:					5px 0 2px 0;
}

.narrow h4{
	margin:					0 0 10px 0;
	font-size:				1.1em;
}


.narrow h4 span.normal{
	font-weight:			normal;
}

.featured{
	width:					205px;
	float:					left;
	display:				inline;
	font-size:				1.2em;
	padding:				0 5px 30px 0;
	margin:					0 0 0 15px;
}

.featured h4{
	text-transform:			capitalize;
	font-size:				1em;
	margin:					-3px 0 3px 0;
}

.featured h4.header{
	font-size:				1.2em;
	background:				url("../img/h3_line.gif") bottom;
	background-repeat:		repeat-x;
	font-weight: 			normal;
	color:					#06A1ED;
	margin:					0 21px 13px 0;
	padding:				0 0 10px 0;
	text-transform:			uppercase;
}

.featured a img{
	border: 				#06A1ED 1px solid;
	position:				relative;
	top:					3px;
}

.narrow ul.menu{
	text-align:				right;
	margin:					0 -9px 0 0;
	
}
.narrow ul.menu li{
	list-style:				none;
}

.narrow ul.menu li a,
.narrow ul.menu li a:visited{
	text-decoration:		none;
	padding:				0 10px 0 0;
}

.narrow ul.menu li a.selected,
.narrow ul.menu li a:visited.selected{
	text-decoration:		none;
	background:				url("../img/black_arrow_small.gif") right;
	background-repeat:		no-repeat;
	color:					#000;
}

/* Press Page div to create appearance of a table*/


.presstop {
	float:					left;
	overflow:				hidden;
}
.presstop p {
	text-align:				left;
}

.narrow{
	width:					205px;
	float:					left;
	display:				inline;
	font-size:				1.2em;
	padding:				0 10px 30px 0;
}

.narrow_press{
	width:					265px;
	float:					left;
	display:				inline;
	font-size:				1.2em;
	padding:				0 10px 30px 0;
}

.press_space{
	width:					145px;
	float:					left;
	display:				inline;
	font-size:				1.2em;
	padding:				0 0 0 0;
}
.narrow p.top{
	padding:				35px 0 0 0;
}
.narrow p span.space{
	position:				relative;
	top:					39px;
}
.narrow a img{
	border: 				#06A1ED 1px solid;
	margin:					5px 0 2px 0;
}

.narrow h4{
	margin:					0 0 10px 0;
	font-size:				1.1em;
}


.narrow h4 span.normal{
	font-weight:			normal;
}

.narrow1{
        width:                                  205px;
        float:                                  left;
        display:                                inline;
        font-size:                              1.2em;
        padding:                                0 0 0 15px;
}

.narrow1 h4{
        text-transform:                 capitalize;
        font-size:                              1em;
	margin:					0 0 10px 0;
        padding:                                0 0 0 0;
}

.narrow1 img{
        margin:                                 0 0 10px 0;
	padding:				10px 0 0 0;
}

.narrow2{
        width:                                  205px;
        float:                                  left;
        display:                                inline;
        font-size:                              1.2em;
        padding:                                0 0 0 15px;
}

.narrow2 h4{
        text-transform:                 capitalize;
        font-size:                              1em;
        margin:                                 0 0 10px 0;
        padding:                                0 0 0 0;
}

.narrow2 img{
        margin:                                 0 0 0 0;
	padding:				4px 0 0 0;
}



.narrow3{
	width:					205px;
	float:					left;
	display:				inline;
	font-size:				1.2em;
	padding:				0 0 0 15px;
}

.narrow3 h4{
	text-transform:			capitalize;
	font-size:				1em;
	padding:				0 0 0 0;
}

.narrow3 a img{
	border: 				#06A1ED 1px solid;
	margin:					0 0 0 0;
}

.narrow4{
	width:					205px;
	float:					left;
	display:				inline;
	font-size:				1.1em;
	padding:				29px 0 0 0;
}

.narrow4 h4{
	text-transform:			capitalize;
	font-size:				1em;
	padding:				0 0 0 0;
}


.narrow4 h4 span.normal{
	font-weight:			normal;
}


/* Hack only used on the gallery examples page*/

.narrow01{
	width:					205px;
	float:					left;
	font-size:				1.2em;
	padding:				0 10px 30px 0;
	margin:					0px;
}
.narrow01 p img{
	border:					0px;
}
.narrow01 h4{
	padding:				0 0 10px 0;
	font-size:				1.1em;
}


/*......end.....*/

/* Front page announcement*/
box_msg{
	margin:					0 0 0 237px;
	color:					#3a3a3a;
	font-size: 				1.2em;
}

.box_msg h3{
	color:					#E74D15;
	padding:				0 0 12px 0;
	background:				 url("../img/h3_line.gif") bottom;
	background-repeat:		repeat-x;
	text-transform:			uppercase;
	font-size:				1.4em;
	font-weight:			normal;
	margin:					0 21px 20px 0;
}
.box_msg h3 span{
	color:					#000;
	text-transform:			capitalize;
}
.box_msg p{
	font-size:			1.4em;
}
.box_msg h4{

	padding:				0 0 12px 0;
	background:				 url("../img/h3_line.gif") bottom;
	background-repeat:		repeat-x;
	font-size:				1.4em;
	font-weight:			normal;
	margin:					0 21px 20px 0;

}


/* Front page announcement*/
.box h5 a:visited{
	text-decoration: 		none;
}
.box h5 a:hover{
	text-decoration: 		underline;
}

.link1 {color: #009fed; text-decoration: none;}
.link2 {color: #009FED; text-decoration: none;}
.link3 {
        border:                                 #06A1ED;
        font-size:                              1.3em;
}

 /* #contextual elements
--------------------------------*/