@charset utf-8; 

/* ******************************************************************************
*	Themeforest Theme - Ogol Rouy - By AlexHughes
 *******************************************************************************/
 
html,body {min-height:100%; }
html,body,div,p,ul,ol,li,h1,h2,h3,h4,h5,pre,form,p,button,img { margin:0; padding:0; border:0; }
html { overflow-y:scroll; }
body { background:#272425 url(../images/background.jpg) 0 100% repeat-x; font-family:Arial, Helvetica, sans-serif; color:#000; line-height:1.7em; font-size:11px; text-align:center; }
p { margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; font-size:11 px; font-style:normal; line-height:normal; font-weight:normal; font-variant:normal; color:#999; }
a { color:#CCC; text-decoration:underline; cursor:pointer; outline:none; }
a:hover { text-decoration:none; color:#FFF; }
ul,li { list-style-type:none; }
a span,button span,h2 span,h3 span { display:none; }
h1,h2,h3,h4,h5,h6 { color:#FFF; font-weight:normal; line-height:normal; }
h1 { font-size:22px; font-weight:bold; letter-spacing:-1px }
h2 { font-size:20px; font-family:Arial, Verdana; letter-spacing:-1px; }
h3 { font-size:16px; font-weight:bold; letter-spacing:-1px; }
h4 { font-size:14px; color:#FFF; font-family:Arial, Verdana; letter-spacing:-1px; }
h5 { font-size:12px; }
h6 { font-size:11px; font-style:normal; color:0; }
table { border-collapse:separate; border-spacing:0; font-size:11px; font-style:normal; line-height:1.3em; margin:2px 0; border-bottom:1px; color:#070707; }
th { padding:2px; }
td { padding:2px; }

/* z-index together, forever, baby. */
#header{z-index: 100;}
#header .main_nav{z-index: 150; position: relative;}
#header h1{z-index: 200;}
a.smallHomes span{z-index: 300}
a.smallHomes img{z-index: 350;}
/********************************************
*		Layout Features
********************************************/
#topindentbar { height:5px; width:100%; background-color:#2A2A2A; }
#container { width:910px; height:78px; margin:20px auto auto; text-align:left; }

/* Centers the layout */
#header, .main_nav { height:78px; width:854px; margin-left:28px; position:relative; }

/* Call CleanCorp on.. */
p#rapid-info { position:absolute; right:0; top:0; height:37px; }

/* Navigation */
ul#navigation { width:700px; height:30px; padding:0; float:right; margin-top:48px; margin-left:50px; margin-right:28px; margin-bottom:0; display:inline; }
ul#navigation li { font-family:Arial, Helvetica, sans-serif; font-size:11px; display:inline; }
ul#navigation li a { text-transform:uppercase; text-decoration:none; color:#FFFFFF; float:right; height:24px; width:106px; background:#4d4d4f url(../images/navigation/m1-button.jpg) repeat-y; display:block; margin-left:5px; text-align:center; padding-top:5px; }
#navigation li a:hover { background:url(../images/nav_over_bg.png) repeat-x; }
#navigation li:hover { background-position:0 -37px; }

/* Current list item */
#navigation li.current-item { color:#253D49; height:25px; background:url(../images/nav_bg.png) repeat-x; border-bottom:0; }

/* Dropdown */
#navigation ul.ddown { position:absolute; top:37px; left:-7px; display:none; }
#navigation ul.ddown li { background:#080b2a; border-top:none; font-size:.8em; width:150px; }
#navigation ul.ddown li:hover { background:#282b56; }
#navigation ul.ddown li a { line-height:30px; color:#FFF; text-align:left; text-indent:2em; }

/* Logo */
#header h1#logo,#header h1#logo a { display:block; height:78px; width:161px; }
#header h1#logo { background:url(../images/logo.png) no-repeat; height:78px; margin-left:20px; padding:0; position:absolute; }
#indexbanner { height:300px; width:854px; float:left; margin:0 28px; }
#banner_bg { background:#2A2A2A; width:854px; height:300px; }
#indexservices { height:160px; float:left; margin-left:28px; font-family:Tahoma, Verdana, Arial; line-height:1.2em; }
#indexservices a { color:#999999; text-decoration:none; }
#indexservices a:hover { color:#CCCCCC; font-size:11px; }
#contentarea { width:814px; float:left; margin-left:28px; padding:20px; background:#090909; }
#contentareawithmenu { width:814px; float:left; margin-left:28px; padding:20px; background:#090909; }
#footer { height:31px; width:854px; float:left; margin-left:28px; padding-top:7px; text-align:left; font-size:10px; position: relative;}
#contentbreakspacer { width:854px; float:left; margin-left:28px; height:15px; }
#contentheader { width:854px; height:187px; margin-left:28px; text-align:right; font-size:28px; padding:0; color:#A0CC77; float:left; background:#000; }
#notice { background:url(../images/safari_icon.png) no-repeat 4% #000; position:absolute; right:0; top:10px; padding:12px 18px 12px 50px; border-bottom:1px solid #333333; }

/********************************************
*		Holds the layout images and dimensions
*********************************************/
#layoutheader { height:78px; width:910px; float:left; }
#layoutindexbanner { height:300px; width:910px; float:left; }
#layoutindexservices { height:78px; width:910px; float:left; }
.layoutcontentarea { width:910px; float:left; }

/* Define as a class for multiple use */
#layoutfooter { height:60px; width:910px; float:left; color:#ffffff; }
#layoutcontenthead { height:187px; width:910px; float:left; }
#indexbannerticker li { position:absolute; }
.footer-links {
	display: block;
	position: absolute;
	top:0;
	right: 0;
	padding: 5px 0;
	width:400px;
}
.footer-links a { float:right; display:block; text-transform:uppercase; padding:0 5px; text-decoration:none; }

/********************************************
*		Layout Attributes
********************************************/
#indexservice1,#indexservice2,#indexservice3,#indexservice4 { float:left; position: relative;}
#indexservice1 a,#indexservice2 a,#indexservice3 a,#indexservice4 a { background:url(../images/index/newhovers/box_hoversprite.jpg) repeat-x; display:block; width:210px; height:72px; float:left; margin-top:5px; margin-right:5px; padding:0; }
#indexservice1 a:hover .highlight,#indexservice2 a:hover .highlight,#indexservice3 a:hover .highlight,#indexservice4 a:hover .highlight {position: absolute; top:0; left: 0; width: 90%; height: 100%; display: block;background: url(../images/index/newhovers/button-hoversprite.png) no-repeat 55px 100%;}

a.smallHomes {
	display:block;
	height:85px;
	position: relative;
	width: 270px;
}
a.smallHomes span{position: absolute; top:45px; right: 0; display: none; width:100px; background: #333; height: 28px;}
a.smallHomes img{position: relative;}

a.smallHomes:hover span{display: block; }

#contentleft510 { width:500px; float:left; margin-right:15px; }
#contentleft830 { width:820px; float:left; margin-right:15px; }
#contentleft300 { width:279px; float:left; border-left:1px solid #CCC; padding-left:10px; }
#contentleft257 { width:227px; float:left; background: #1B1B1B; padding:15px; overflow:visible; }
#contentleft532 { width:532px; float:left; margin-right:20px; }
.index_img_portfolio { padding:3px; background-color:#FFF; border:1px solid #CCC; margin-bottom:5px; }
#indexbox { width:152px; height:58px; padding-left:79px; float:left; margin-bottom:10px; }
#indexbox .portfolio { background:url(../images/index/index_img_color_line.jpg) no-repeat; }
.content_images { padding:5px; background-color:#FFFFFF; border:1px solid #CCC; margin-bottom:10px; }
ul#list { margin-bottom:15px; }
ul#list li { padding-left:25px; background:url(../images/content/tick_bullet.png) no-repeat left; margin-bottom:5px; list-style-type:none; }
.image_right { float:right; margin-left:5px; border:1px solid #CCC; background:#FFFFFF; padding:5px; }
#portfolio_collum1 { width:130px; float:left; margin-right:2px; }
#portfolio_collum2 { width:130px; float:left; margin-right:2px; }
#portfolio_collum3 { width:130px; float:left; margin-right:2px; }
#portfolio_collum4 { width:130px; float:left; margin-right:2px; }
#portfolio_collum5 { width:130px; float:left; margin-right:2px; }
#portfolio_collum6 { width:130px; float:left; }

/* FORM EFFECTS */
input { padding:4px; width:215px; color:#FFFFFF; border:1px solid #333; background:#000; margin-bottom:4px; }
input:focus { background:#000; }
input.submit { width:70px; background:#333; }
input.submit:hover { width:70px; background:#666; cursor:pointer; }
label { display:block; color:#FFF; width:auto; width:215px; }
textarea { padding:6px; border:1px solid #333; width:400px; height:60px; color:#FFFFFF; background:#000; }
fieldset { border:0; margin-left:5px; }
textarea:focus { color:#FFFFFF; background:#000; }

/* Contact form error message */
p#form-info { padding:5px 5px 5px 40px; margin:8px; background:url(../images/form_warning.png) left no-repeat; display:none; }

/* Contact form success message */
p#form-success { padding:5px 5px 5px 40px; margin:8px; background:url(../images/form_success.png) left no-repeat; display:none; }

/********************************************
*		Lightbox Styles below
********************************************/
#lightbox { background-color:#eee; padding:10px; border-right:2px solid #666; }
#lightboxDetails { font-size:.8em; padding-top:.4em; }
#lightboxCaption { float:left; }
#keyboardMsg { float:right; }
#closeButton { top:5px; right:5px; }
#lightbox img { border:none; clear:both; }
#overlay img { border:none; }
#overlay { background-image:url(../images/portfolio/overlay.png); }
* html #overlay { background-color:#333; back\ground-color:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/portfolio/overlay.png",sizingMethod="scale"); }