@charset "utf-8";
/* ******************************************************************************
*
*	Themeforest Theme - Ogol Rouy - By AlexHughes
*
 *******************************************************************************/

html, body {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;
}
body {
	background: url(../images/background.jpg) #1A1A1A;
	font-family: Verdana, Helvetica, Sans-Serif;
	color: #4C4B4B;
	line-height: 1.7em;
	font-size: 11px;
	text-align: center;
}
p {margin-bottom: 15px;}
a {color: #83BE4D; text-decoration: underline; cursor: pointer; outline: none;}
a:hover {text-decoration: none;}
ul,li {list-style-type: none;}
a span, button span, h2 span, h3 span {display: none;}


h1,h2,h3,h4,h5 {color: #83BE4D; margin-bottom: 5px; font-weight: normal; line-height: normal;}
h1 {font-size: 32px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 16px;}
h5 {font-size: 18px; padding-bottom: 8px; border-bottom: 1px solid #CCC;}

/********************************************
*
*		Layout Features
*
********************************************/

#topindentbar {
	height: 5px;
	width: 100%; 
	background-color: #000000;	
	border-bottom: 1px solid #2B2929;
}
#container{width: 910px; margin: auto; text-align: left;} /* Centers the layout */
#header { 
	height: 113px;
	width: 854px; 
	float: left; 
	margin-left: 28px; 
	background: url(../images/coutureconstlogo.png) no-repeat 5% 60%;
}
#indexbanner {
	height: 384px; 
	width: 830px; 
	float: left; 
	padding: 12px; 
	margin: 0 28px 0 28px; 
	border-top: 1px solid #FFFFFF;
}
#banner_bg {
	background: url(../images/index/img_loading_index_banner.jpg) no-repeat center #000; 
	width: 830px; 
	height: 282px;
}
#indexservices {
	height: 139px; 
	width: 854px; 
	float: left; 
	border-top: 1px solid #000000; 
	margin-left: 28px; 
	font-family: Tahoma, Verdana, Arial; line-height: 1.2em;
}
#indexservices a {color: #999999; text-decoration: none;} 
#indexservices a:hover {color: #CCCCCC;}
#contentarea {
	width: 814px;	
	float: left; 
	border-top: 1px solid #FFFFFF;	
	margin-left: 28px; 
	padding: 20px;
}
#contentareawithmenu {
	width: 814px;	
	float: left; 
	border-top: 1px solid #FFFFFF;	
	margin-left: 28px; 
	padding: 20px; 
	background: url(../images/background_sub_menu.jpg) repeat-y right;
}
#footer {
	height: 31px; 
	width: 854px; 
	float: left; 
	border-top: 1px solid #000000; 
	margin-left: 28px; 
	padding-top: 7px; 
	text-align: center; 
	font-size: 10px;
}
#contentbreakspacer {
	width: 814px; 
	float: left; 
	border-top: 1px solid #FFFFFF;	
	margin-left: 28px; 
	height: 15px;
}
#contentheader {
	width: 804px; 
	border-top: 1px solid #000000; 
	margin-left: 28px; 
	text-align: right; 
	font-size: 28px; 
	padding: 25px 50px 0px 0px; 
	color: #A0CC77; 
	float: left;
}
#notice {
	background: url(../images/safari_icon.png) no-repeat 4% #000; 
	position: absolute; 
	right: 0px; 
	top: 10px; 
	padding: 12px 18px 12px 50px; 
	border-bottom: 1px solid #333333;
}
#submenuarrow {
	width: 120px; 
	height: 60px; 
	background: url(../images/arrow_down_submenu.png) no-repeat; 
	margin-top: -21px; 
	margin-left: 75px;
}

/********************************************
*
*		Holds the layout images and dimensions
*
*********************************************/

#layoutheader {height: 113px; width: 910px; float: left;}
#layoutindexbanner {height: 308px; width: 910px; float: left; background: url(../images/white_layout_bg.png) repeat-y; margin-top: -1px;}
#layoutindexservices {height: 139px; width: 910px; float: left;	background: url(../images/services_bg_index.png) no-repeat left;}
.layoutcontentarea {width: 910px; float: left; background: url(../images/white_layout_bg.png) repeat-y;} /* Define as a class for multiple use */
#layoutfooter {height: 60px; width: 910px; float: left;	background: url(../images/footer_bg.png) top no-repeat;}
#layoutcontenthead {height: 73px; width: 910px; float: left; background: url(../images/content_head_bg.png) no-repeat;}


/********************************************
*
*		Menu Items
*
*********************************************/

ul#menu {    /*  MAIN NAVIGATION  */
	width: 421px;	
	height: 30px;	
	float: right;	
	margin-top: 82px; 
	display: inline;
} 
ul#menu li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	text-transform: uppercase; 
	display: inline;
}
ul#menu li a {
	text-decoration: none; 
	color: #FFFFFF; 
	float: right; 
	height: 24px; 
	width: 102px; 
	background-color: #5E7079; 
	display: block; 
	margin-left: 1px; 
	text-align: center; 
	padding-top: 5px; 
	background: url(../images/nav_notselected_bg.png) repeat-x;
}
ul#menu li a:hover {background: url(../images/nav_over_bg.png) repeat-x;}
ul#menu li a.selected {
	color: #253D49; 
	height: 25px; 
	background: url(../images/nav_bg.jpg) repeat-x; 
	border: 1px solid #FFF; 
	border-bottom: 0px;
}
ul#submenu {margin: 5px 0 10px 15px;}
ul#submenu li {font-size: 11px; padding: 5px 5px 5px 10px; border-bottom: 1px solid #F1ECEC; list-style-type: none;}
ul#submenu li:hover {background: #D0CFCF;}
ul#submenu li a {color: #57951E; text-decoration: none;}

/********************************************
*
*		Layout Attributes
*
********************************************/

#indexservice1 {
	width: 236px; 
	height: 74px; 
	float: left; 
	border-right: 1px solid #2C2B2B; 
	margin-top: 10px; 
	background: url(../images/index/index_head_webdesign.png) no-repeat 6% 12%; 
	padding: 40px 20px 0px 28px;
}
#indexservice2 {
	width: 236px; 
	height: 74px; 
	float: left; 
	border-right: 1px solid #2C2B2B; 
	margin-top: 10px; 
	background: url(../images/index/index_head_business_solutions.png) no-repeat 6% 12%; 
	padding: 40px 20px 0px 28px;
}
#indexservice3 {
	width: 236px; 
	height: 74px; 
	float: left; 
	margin-top: 10px; 
	background: url(../images/index/index_head_psdtoxhtml.png) no-repeat 6% 12%; 
	padding: 40px 20px 0px 28px;
}

#contentleft510 {width: 500px; float: left; margin-right: 15px;}
#contentleft300 {width: 279px; float: left; border-left: 1px solid #CCC; padding-left: 10px;}
#contentleft257 {width: 257px; float: left; 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: 10px; border: 1px solid #CCC; background: #FFFFFF; padding: 5px;}

.image_left {float: left; margin-right: 10px; border: 1px solid #CCC; background: #FFFFFF; padding: 5px;}

#portfolio_collum1 {width: 264px; float: left;  margin-right: 10px;}
#portfolio_collum2 {width: 264px; float: left;  margin-right: 10px;}
#portfolio_collum3 {width: 264px; float: left;}


/* FORM EFFECTS */

input {
	padding: 4px; 
	width: 200px; 
	border: 1px solid #CCC; 
	background: #eee9e9; 
	margin-bottom: 4px;
}
input:focus {background: #f5f5f5;}
input.submit {
	width: 215px;
	background: url(../images/button_bg.jpg) repeat-x;
}
input.submit:hover {
	width: 215px;
	background: url(../images/button_bg_hover.jpg) repeat-x;
	cursor: pointer;
}
label {
	display: block; 
	color: #57951E; 
	width: auto; 
	width: 200px;
}
textarea {
	padding: 6px; 
	border: 1px solid #CCC; 
	width: 200px; 
	background: #eee9e9;
}
fieldset {
	border: 0px; 
	margin-left: 15px;
}
textarea:focus { 
	background: #f5f5f5;
}


/********************************************
*
*		Lightbox Styles below
*
********************************************/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.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");
	}