@charset "utf-8";
/* CSS Document */

/* ************************* Begin of reste style  ********************************** */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	/*outline: 0;*/
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	/*outline: 0;*/
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	/*list-style: none;*/
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	/*border-spacing: 0;*/
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	/*content: "";*/
}
blockquote, q {
	/*quotes: "" "";*/
}
/* ************************* End of reset style  ***************************** */

body{
	/*background-color:#000f1a;*/
	background-color:#000d16;
	font-size:12px;
	color:#91c6d1;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/frontend/main_top.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	text-align: center; /* with this instruction we can center in IE 6 in quircks mode */
	}

#main{
	width:860px;
	/*margin:0 auto;*/
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	/*padding-bottom:1200px;*/
	}

h1{
	font-size:48px;
	}

h2{
	font-size:24px;
	}

h3{
	font-size:16px;
	font-weight:bold;
	margin-bottom:10px;
	margin-top:20px;
	clear:both;
	float:left;
	width:100%;
	}

.clear{
	clear:both;
	}

p{
	margin-top:10px;
	margin-bottom:10px;
	line-height:20px;
	}
/* ************************* End of reset style  ***************************** */

#header{
	float:left;
	width:100%;
	height:335px;
	}

/* this is the menu css */
ul#main_menu{
	font-size:18px;
	list-style:none;
	float:right;
	margin-top:10px;
	}

#main_menu li{
	display:inline;
	float:left;
	margin-left:5px;
	margin-right:5px;
	}
	
#main_menu a{
	display:block;
	}

a#item_home{
	text-indent:-9000px;
	background-image:url(../images/frontend/item_home.gif);
	background-position:center;
	background-repeat:no-repeat;
	height:28px;
	width:54px;
	}

a#item_home:hover{
	background-image:url(../images/frontend/item_home_h.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#346170;
	}

a#item_work{
	text-indent:-9000px;
	background-image:url(../images/frontend/item_work.gif);
	background-position:center;
	background-repeat:no-repeat;
	height:28px;
	width:62px;
	}

a#item_work:hover{
	background-image:url(../images/frontend/item_work_h.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#346170;
	}

a#item_capabilities{
	text-indent:-9000px;
	background-image:url(../images/frontend/item_capabilities.gif);
	background-position:center;
	background-repeat:no-repeat;
	height:28px;
	width:98px;
	}

a#item_capabilities:hover{
	background-image:url(../images/frontend/item_capabilities_h.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#346170;
	}

a#item_thank{
	text-indent:-9000px;
	background-image:url(../images/frontend/item_thank.gif);
	background-position:center;
	background-repeat:no-repeat;
	height:28px;
	width:97px;
	}

a#item_thank:hover{
	background-image:url(../images/frontend/item_thank_h.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#346170;
	}

a#item_stories{
	text-indent:-9000px;
	background-image:url(../images/frontend/item_stories.gif);
	background-position:center;
	background-repeat:no-repeat;
	height:28px;
	width:70px;
	}

a#item_stories:hover{
	background-image:url(../images/frontend/item_stories_h.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#346170;
	}

a#item_forum{
	text-indent:-9000px;
	background-image:url(../images/frontend/item_forum.gif);
	background-position:center;
	background-repeat:no-repeat;
	height:28px;
	width:65px;
	}

a#item_forum:hover{
	background-image:url(../images/frontend/item_forum_h.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#346170;
	}

a#item_contact{
	text-indent:-9000px;
	background-image:url(../images/frontend/item_contact.gif);
	background-position:center;
	background-repeat:no-repeat;
	height:28px;
	width:75px;
	}

a#item_contact:hover{
	background-image:url(../images/frontend/item_contact_h.gif);
	background-position:center;
	background-repeat:no-repeat;
	background-color:#346170;
	}
/* end of menu css */

h1#title_home{
	text-indent:-9000px;
	background-image:url(../images/frontend/title_home.gif);
	background-repeat:no-repeat;
	height:102px;
	width:387px;
	float:right;
	margin-top:34px;
	}
/* sub listing style below main title */
ul#sub_list{
	clear:both;
	float:right;
	list-style:none;
	margin-top:15px;
	}

#sub_list li{
	display:inline;
	float:left;
	}

a#btn_viewourwork{
	display:block;
	background-image:url(../images/frontend/btn_viewourwork.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
	height:40px;
	width:276px;
	}

a#btn_viewourwork:hover{
	background-image:url(../images/frontend/btn_viewourwork_h.gif);
	}

a#btn_seeourwork{
	display:block;
	background-image:url(../images/frontend/btn_seeourwork.gif);
	background-repeat:no-repeat;
	text-indent:-9000px;
	height:40px;
	width:276px;
	margin-top:40px;
	margin-bottom:30px;
	}

a#btn_seeourwork:hover{
	background-image:url(../images/frontend/btn_seeourwork_h.gif);
	}
/* end of sub listing style below main title */
a#designbox_logo{
	background-image:url(../images/frontend/logo_designbox.jpg);
	background-repeat:no-repeat;
	background-position:27px 0px;
	text-indent:-9000px;
	height:117px;
	/*width:298px;*/
	width:325px;
	float:left;
	/*margin-left:27px;*/
	margin-top:4px;
	display:block;
	}
/* ************************* End of header  ***************************** */

#content{
	float:left;
	width:100%;
	position:relative;
	padding-bottom:250px;
	}

h2#subtitle_home{
	text-indent:-9000px;
	background-image:url(../images/frontend/stitle_home.gif);
	background-repeat:no-repeat;
	}

p#home_paragraph{
	float:left;
	width:560px;
	}

p#we_arehere{
	text-indent:-9000px;
	background-image:url(../images/frontend/we_are_here.jpg);
	background-repeat:no-repeat;
	height:162px;
	width:276px;
	float:right;
	margin-top:-30px;
	position:relative;
	z-index:9;
	}

/* ************************* End of content ***************************** */

#footer{
	float:left;
	width:100%;
	background-image:url(../images/frontend/main_bottom.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:217px;
	background-color:#00121a;
	margin-top:20px;
	position:fixed;
	top:90%;
	z-index:20;
	}

#footer_content{
	width:860px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	}

#footer_content ul{
	width:auto;
	float:left;
	margin-right:78px;
	font-style:italic;
	}

#footer_content li{
	line-height:20px;
	list-style-position:inside;
	}

#footer_content a{
	color:#91c6d1;
	text-decoration:none;
	}

#footer_content a:hover{
	color:#FFF;
	text-decoration:underline;
	}

h2#subtitle_footer{
	text-indent:-9000px;
	background-image:url(../images/frontend/title_footer.gif);
	background-repeat:no-repeat;
	margin-bottom:10px;
	margin-top:12px;
	}

#secret_box{
	float:right;
	margin-top:-79px;
	}

a#btn_followthebox{
	background-image:url(../images/frontend/btn_followthebox.gif);
	background-repeat:no-repeat;
	display:block;
	height:114px;
	width:280px;
	text-indent:-9000px;
	position:relative;
	z-index:10;
	}

a#btn_followthebox:hover{
	background-image:url(../images/frontend/btn_followthebox_h.gif);
	}

a#btn_secretproject{
	background-image:url(../images/frontend/secret_box.gif);
	background-repeat:no-repeat;
	display:block;
	height:114px;
	width:280px;
	text-indent:-9000px;
	margin-top:10px;
	}

a#btn_secretproject:hover{
	background-image:url(../images/frontend/secret_box_h.gif);
	}

#copyright{
	width:270px;
	position:relative;
	top:18px;
	font-style:italic;
	color:#FFF;
	background-image:url(../images/frontend/trademark.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding-left:45px;
	display:block;
	float:left;
	height:20px;
	padding-top:30px;
	}

/* ************************* End of footer ***************************** */

.warning{
	color:#9C3;
	font-style:italic;
	}
a{
	outline:none;
	}