@font-face {
    font-family: 'texgyreadventor';
    src: url('../fonts/texgyreadventor-regular-webfont.eot');
    src: url('../fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyreadventor-regular-webfont.woff') format('woff'),
         url('../fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),
         url('../fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body 
{
	background-color: #fff;
	font-family: texgyreadventor,Sans-Serif,Arial;
	margin: 0 0 0 0;
}

img
{
	border:0;
}

div#os-hidden 
{
	display:none;
}

.error
{
	color:#FF0000;
	font-weight: bold;
}

/* Getting rid of dotted borders around image links  */
a:focus 
{
	outline: 0;
}

/* -------------------------------------------------------- Header */

.header
{
	height: 220px;	
}

.headertop
{
	background:url('../assets/headerbg.jpg') no-repeat center top;
}

.logo
{
	position:absolute;
	top:0;
	left:40px;	
}

.header_text
{
	position:absolute;
	top:180px;
	right:45px;
	width:470px;
	height:213px;
	background-color:#FFFFFF;
	display:none;
}


#htop 
{	
	overflow:hidden;
}

#htop img#oslogo 
{
	border:0;
	position:absolute;
	top:0;
	left:0;
}

#htop h1#contact 
{
	font-size:13pt;
	font-weight:bold;
	margin:0pt;
	position:absolute;
	right:48pt;
	top:30px;
}

#topmenu
{
	height:33px;
	background-image:url('../assets/h_menu_960px.gif');
	background-repeat:no-repeat;	
}

#topmenu ul
{
	list-style-type:none;
	margin:0;
	padding:10px 0 0 10px;
}

#topmenu ul li
{
	display:inline;
	color:White;
	font-size:9pt;
	margin:0;
	padding:0 14px 0 12px;
	border-right:solid 1px #fff;
}

#topmenu ul li.lastmenuitem 
{
	border-right:0;
}

#topmenu ul li a
{
	font-size:9pt;
	text-decoration:none;
	color:White;
	font-weight:bold;
}

#topmenu ul li a:visited 
{
	color:White;
}

#topmenu ul li a:hover 
{
	text-decoration:underline;
} 

#topmenu ul li span#menuselected 
{
	color:#808080;
	font-weight:bold;
}

.menuhome_index
{
	position:absolute; 
	top:36px; 
	left:20px; 
	width:33px;
	height:6px;	
}

.menu_index
{
	position:absolute; 
	top:36px; 
	left:28px; 
	width:33px; 
	height:6px;
}

.menuportfolio_index
{
	position:absolute; 
	top:36px; 
	left:33px; 
	width:33px; 
	height:6px;
}

.menucontactus_index
{
	position:absolute; 
	top:36px; 
	left:45px; 
	width:33px; 
	height:6px;
}



/* -------------------------------------------------------- Main content area */

#content 
{
	position:relative;
	margin-top:20px;
	background-color:#f1f1f1;
	min-height:448px;
	background-image:url('../assets/bg_left.gif');
	background-repeat:no-repeat;
}

.section_title
{
	font-size: 34px;
	color: #1D317D;
	margin: 0 0 35px 0;	
}

.section_small_title
{
	font-size: 28px;
	color: #1D317D;
	margin: 0 0 35px 0;
}

.larg_font
{
	font-size: 18px;
}

.section_seperator
{
	height: 55px;
	background:url('../assets/section_seperator.jpg') repeat-x left top;
	margin: 0 0 10px 0;
}

/* -------------------------------------------------------- Left Content */
/*
#leftcontent 
{
	padding-left:20px;
	width:240px;
	min-height:448px;
	position:absolute;
	top:0;
	left:0;	
}

#leftcontent h1
{
	font-size:16pt;
	margin-top:20px;
	margin-bottom:10px;
}

#leftcontent h1 a 
{
	text-decoration:none;
	color:#000;
}

#leftcontent h1 a:visited 
{	
	color:#000;
}

#leftcontent h1 a:hover 
{	
	text-decoration:underline;
}

#leftcontent ul 
{
	margin:0;
	padding:0;
	list-style-type:none;
}

#leftcontent li 
{
	padding:2px 0 2px 4px;
	margin:0;
	font-size:10pt;
	font-weight:bold;	
	color:#aaa;
}

#leftcontent ul li a
{
	color:#4800FF;
}

#leftcontent ul li a:visited
{
	color:#4800FF;
}

#leftcontent ul li a:hover
{
	text-decoration:none;
}

#leftcontent ul li span.selected
{
	font-size:10pt;
	font-weight:bold;
}
*/


/* -------------------------------------------------------- Right Content */

#rightcontent 
{
	padding-right:20px;
	padding-left:260px;
	padding-top:20px;
	width:660px;
	top:0;
	min-height:448px;
}

#righttop 
{
	height:450px;
	width:660px;
}

#rightcontent h1
{
	margin-top:12px;
	margin-bottom:10px;
	font-size:14pt;
	
}

#rightcontent h2
{
	font-size:12pt;
}

#rightcontent h3
{
	font-size:11pt;
}

#rightcontent p 
{
	margin-top:2px;
	font-size:10pt;
	line-height:1.6em;
	color:#333;
}

#rightcontent ul 
{
	list-style-type:square;
}

#rightcontent ul li
{
	font-size:10pt;
	line-height:1.6em;
}

#rightcontent td
{
	font-size:10pt;
	padding:2px;
}

#rightcontent th
{
	font-size:10pt;
	font-weight:bold;
	text-align:left;
	padding:2px;
}

#rightcontent a
{
	font-size:10pt;
	font-weight:bold;
	color:#4800FF;
}

#rightcontent a:visited
{
	color:#4800FF;
}

#rightcontent a:hover
{
	text-decoration:none;
}

#rightcontent .gotop 
{
	width:100%;
	text-align:right;
	font-size:10pt;
	padding-top:20px;
	padding-bottom:20px;
}

#rightcontent .gotop a 
{
	color:#4800FF;
	font-weight:bold;
}

#rightcontent .gotop a:visited 
{
	color:#4800FF;
}

#rightcontent .gotop a:hover
{
	text-decoration:none;
}

#rightcontent img 
{
	float:right;
	margin:20px 10px 10px 10px;
}

#flocontentimg
{
	float:none !important;
}


/* -------------------------------------------------------- Contact Us */

#contactform 
{
	float:left;
	width:400px;
}

#contactform h1
{
	margin:8px 0 0 0;
}

#contactform p
{
	margin:2px;
}

#contactform div.row
{
	display:block;
	clear:both;
	padding-top:2px;
}

#contactform div.row label {
  float: left;
  padding-right:6px;
  width: 194px;
  text-align: right;
  font-size:10pt;
  font-weight:bold;
  }

#contactform div.row span.field {
  float:right;
  text-align:left;
  width:200px;
} 

#contactform input.field
{
	width:180px;
	font-size:8pt;
	float:left;
}

#contactform select.field
{
 	width:184px;
	font-size:8pt;
	padding:0;
	margin:0;
}

#contactform #message
{
	width:180px;
	font-size:8pt;
}

#contactform em 
{
	color:#4800FF;
	font-weight:bold;
	font-size:16px;
}

#contactformsidepanel p 
{
	margin:20px 0 0 20px;
	line-height:1.3em;
}

#contactformsidepanel
{
    display:inline;
    float:right;
    margin-left:25px;
    margin-top:90px;
    width:148px;
}

#contactformsidepanel img 
{
	margin:0 0 10px 0;
	padding:0;	
}

#contactform #errorMessage 
{
	font-size:10pt;
	font-weight:bold;
	color:Red;
	padding-top:8px;
}

#contactform #lblError
{
	font-size:10pt;
	font-weight:bold;
	color:Red;
	padding-top:8px;
}

#contactform a#submitButton 
{
	display:block;
	padding-left:24px;
	width:61px;
	padding-top:3px;
	margin-top:4px;
	height:19px;
	background-image:url('../assets/submitt_butt.gif');
	background-repeat:no-repeat;
	background-position:0 0;
	color:#fff;
	text-decoration:none;
}

#contactform a:hover#submitButton
{
	background-position:-100px 0;
}

#osThanks 
{
	clear:both;
}

/* -------------------------------------------------------- Portfolio Styles */

#portfolioMain
{
    float:left;
    height:400px;
    position:relative;
    width:360px;
}

#portfolioMain img 
{
	margin:0;
	float:left;
}

#portfolionav h2
{
    color:#666;
    font-size:1em;
    float:left;
    margin-top:12px;
    margin-bottom:2px;
    margin-left:8px;
}

#portfolionav 
{
	position:absolute;
	left:0;
	bottom:4px;
}

#portfolioMain ul#thumbnav
{
	display:block;
	margin-top:12px;
    list-style-type:none;
    margin-left:0;
    padding-left:0;
    float:left;
}

#portfolioMain #thumbnav li
{
    display:inline;
}

#portfolioMain #thumbnav li a
{
    background-color:#4800FF;
    border:1px solid #4800FF;
    color:#fff;
    font-weight:bold;
    text-decoration:none;
    padding:0.3em 0.5em;
}

#portfolioMain #thumbnav ul li a.active
{
    border:1px solid #ccc;
    background-color:#fff;
    color:#ccc;
}

/* Portfolio Thumbnails */

#portfolioThumbs
{
    height:380px;
    float:right;
    text-align:right;
    padding:10px;
    position:relative;
    width:230px;
}

#portfolioThumbs img 
{
	margin:0;
}

#portfolioThumbs ul
{
    list-style-type:none;
}

#portfolioThumbs li
{
    position:absolute;
}

#portfolioThumbs #thumb1
{
    top:0;
    right:0;
}
#portfolioThumbs #thumb2
{
    right:65px;
    top:90px;
}
#portfolioThumbs #thumb3
{
    right:0;
    top:140px;   
}
#portfolioThumbs #thumb4
{
    right:65px;
    top:190px;   
}

#portfolioThumbs #clientLink 
{
	position:absolute;
	bottom:10px;
	right:12px;
}

#portfolioThumbs #clientLink p 
{
	margin:0;
	line-height:1.4em;
}

/* Home Page */

.homePanel
{
	top:0;
	left:0;
	display:block;
	height:447px;
	width:700px;
	overflow:hidden;
	padding-right:20px;
	background-repeat:no-repeat;
	position:absolute;
	margin-left:255px;
}

.homeText
{
	position:absolute;
	width:200px;
	line-height:1.8em;
	font-size:10pt;
}

#homeText1 
{
	width:260px;	
}

#homePanel1 
{
    margin-left:320px;
    margin-top:30px;
    margin-bottom:30px;
	/*background-image:url('../content_graphics/home/yourfloors.jpg');*/
}

#homeBoxes
{
	position:relative;
	overflow:hidden;
}

.homeBox
{
	float:left;
	width:435px;
	margin-left:30px;
	display:inline;
}

.homeBox h1 
{
	margin-bottom:4px;
	font-size:12pt;
}

.homeBox p 
{
	margin-top:2px;
	font-size:10pt;
	line-height:1.4em;
}

.homeBox a
{
	font-size:10pt;
	font-weight:bold;
	color:#4800FF;
}

.homeBox a:visited
{
	color:#4800FF;
}

.homeBox a:hover
{
	text-decoration:none;
}

#homeClientArea 
{
	display:block;
}

.someOfOurWork
{
	background:url('../content_graphics/home/someofourwork_bg.gif') repeat-x left top;
	padding-bottom:20px;
}

.someOfOurWork_title
{
	color: #FEFEFF;
	font-size: 28px;
	margin: 0 0 20px 0;
}

.ourclientslikeit
{
	background:url('../content_graphics/home/someofourwork_bg.gif') repeat-x left top;
	padding-bottom:20px;
	color: #FEFEFF;
}

.ourclientslikeit_title
{
	color: #FEFEFF;
	font-size: 28px;
	margin: 0 0 30px 0;
}

.ourclientslikeit_body
{
	position:relative;
	padding: 0 0 0 40px;
	background:url(../content_graphics/portfolio/double_quotes_right.png) no-repeat bottom right;
}

.double_quotes_left
{
	position: absolute;
	top: 0;
	left: 0;
	background:url(../content_graphics/portfolio/double_quotes_left.png) no-repeat top left;
	width: 37px;
	height: 26px;
}

.content_top
{
	position: relative;
	padding-top: 33px;
	margin: 0 0 30px 0;
	min-height: 350px;
}

.pagetopimage
{
	position: absolute;
	right: 115px;
	top: 20%;	
}


/* -------------------------------------------------------- Footer */

#osFooter 
{
	clear:both;
	width:100%;
	text-align:right;
	padding-top:20px;
	padding-bottom:20px;
}

#osFooter p 
{
	font-size:8pt;
	color:Gray;
	margin:0;
}

#osFooter ul
{
	list-style-type:none;
	
}

#osFooter ul li
{
	display:inline;
	font-weight:normal;
	font-size:8pt;
}


#osFooter ul li a 
{	
	font-weight:bold;
	text-decoration:none;
	color:Gray;
	font-size:8pt;
}

#osFooter ul li a:visited
{
	color:Gray;
}


#osFooter ul li a:hover 
{
	text-decoration:underline;
}

#wrap
{
	position:relative;
	margin:0 auto;
	width:960px;
	overflow:hidden;
}

#ClientText
{
    clear:both;
    width:600px;
    padding-bottom:10px;
}

.footer_wraper
{
	background: url('../content_graphics/footer_bg.gif') repeat-x top left;
	color: #FFFFFF;
	padding-bottom: 10px;
}

.footer_inner
{
	margin-top:45px;	
}

.footer_header
{
	font-size: 28px;
	margin: 30px 0 30px 0;
}

.footer_wraper a
{
	color: #FFFFFF;
}

.fadelayer
{	
	background: none;
	border: 0;
	color: #FFFFFF;
	-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
     -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 0 rgba(0, 0, 0, 0.3);
    display:none;
   
    position:absolute;
     /*
    width:700px;
    */
}

.fadedlayer_header
{
	font-size: 33px;
	margin: 0 0 20px 0;
}

.fadedlayer_header a
{
	opacity: 1;	
}

.SomeOfOurWorks_content
{
	/*height:450px;
	overflow:auto;*/
}

.cls
{
	margin: 0 0 20px 0;	
}

.cls img
{
	margin-bottom:10px;
}

.arrowprev
{
	margin:100px 0 0 0;
	cursor: pointer;	
}

.arrownext
{
	margin:100px 0 0 10px;
	cursor: pointer;
}